@import url(icon.min.css);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,400italic,600italic,700italic&subset=latin,latin-ext);

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #999
    }

    .form-control::-webkit-input-placeholder {
        color: #999
    }

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #c0a16b
    }

.btn {
    position: relative;
    padding: 8px 30px;
    border: 0;
    margin: 10px 1px;
    cursor: pointer;
    border-radius: 2px;
    text-transform: uppercase;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.84);
    transition: background-color 0.2s ease, box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none !important;
}

    .btn:hover:not(.btn-link):not(.btn-flat):not(.btn-fab) {
        box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    }

    .btn:active:not(.btn-link):not(.btn-flat):not(.btn-fab) {
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    }

    .btn.btn-flat:not(.btn-link),
    .btn-default.btn-flat:not(.btn-link) {
        color: rgba(0, 0, 0, 0.84);
    }

.btn-black.btn-flat:not(.btn-link) {
    color: #000000;
}

.btn-white.btn-flat:not(.btn-link) {
    color: #ffffff;
}

.btn-inverse.btn-flat:not(.btn-link) {
    color: #3f51b5;
}

.btn-primary.btn-flat:not(.btn-link) {
    color: #009688;
}

.btn-success.btn-flat:not(.btn-link) {
    color: #4caf50;
}

.btn-info.btn-flat:not(.btn-link) {
    color: #03a9f4;
}

.btn-warning.btn-flat:not(.btn-link) {
    color: #ff5722;
}

.btn-danger.btn-flat:not(.btn-link) {
    color: #f44336;
}

.btn-material-red.btn-flat:not(.btn-link) {
    color: #f44336;
}

.btn-material-pink.btn-flat:not(.btn-link) {
    color: #e91e63;
}

.btn-material-purple.btn-flat:not(.btn-link) {
    color: #9c27b0;
}

.btn-material-deep-purple.btn-flat:not(.btn-link) {
    color: #673ab7;
}

.btn-material-indigo.btn-flat:not(.btn-link) {
    color: #3f51b5;
}

.btn-material-blue.btn-flat:not(.btn-link) {
    color: #2196f3;
}

.btn-material-light-blue.btn-flat:not(.btn-link) {
    color: #03a9f4;
}

.btn-material-cyan.btn-flat:not(.btn-link) {
    color: #00bcd4;
}

.btn-material-teal.btn-flat:not(.btn-link) {
    color: #009688;
}

.btn-material-green.btn-flat:not(.btn-link) {
    color: #4caf50;
}

.btn-material-light-green.btn-flat:not(.btn-link) {
    color: #8bc34a;
}

.btn-material-lime.btn-flat:not(.btn-link) {
    color: #cddc39;
}

.btn-material-yellow.btn-flat:not(.btn-link) {
    color: #ffeb3b;
}

.btn-material-amber.btn-flat:not(.btn-link) {
    color: #ffc107;
}

.btn-material-orange.btn-flat:not(.btn-link) {
    color: #ff9800;
}

.btn-material-deep-orange.btn-flat:not(.btn-link) {
    color: #ff5722;
}

.btn-material-brown.btn-flat:not(.btn-link) {
    color: #795548;
}

.btn-material-grey.btn-flat:not(.btn-link) {
    color: #9e9e9e;
}

.btn-material-blue-grey.btn-flat:not(.btn-link) {
    color: #607d8b;
}

.btn:not(.btn-link):not(.btn-flat),
.btn-default:not(.btn-link):not(.btn-flat) {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.84);
}

.btn-black:not(.btn-link):not(.btn-flat) {
    background-color: #000000;
    color: rgba(255, 255, 255, 0.84);
}

.btn-white:not(.btn-link):not(.btn-flat) {
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.84);
}

.btn-inverse:not(.btn-link):not(.btn-flat) {
    background-color: #3f51b5;
    color: rgba(255, 255, 255, 0.84);
}

.btn-primary:not(.btn-link):not(.btn-flat) {
    background-color: #febe7e;
    color: rgba(255, 255, 255, 1);
}

.btn-success:not(.btn-link):not(.btn-flat) {
    background-color: #4caf50;
    color: rgba(255, 255, 255, 0.84);
}

.btn-info:not(.btn-link):not(.btn-flat) {
    background-color: #03a9f4;
    color: rgba(255, 255, 255, 0.84);
}

.btn-warning:not(.btn-link):not(.btn-flat) {
    background-color: #ff5722;
    color: rgba(255, 255, 255, 0.84);
}

.btn-danger:not(.btn-link):not(.btn-flat) {
    background-color: #f44336;
    color: rgba(255, 255, 255, 0.84);
}

.btn-material-red:not(.btn-link):not(.btn-flat) {
    background-color: #f44336;
    color: rgba(255, 255, 255, 0.84);
}

.btn-material-pink:not(.btn-link):not(.btn-flat) {
    background-color: #e91e63;
    color: rgba(255, 255, 255, 0.84);
}

.btn-material-purple:not(.btn-link):not(.btn-flat) {
    background-color: #9c27b0;
    color: rgba(255, 255, 255, 0.84);
}

.btn-material-deep-purple:not(.btn-link):not(.btn-flat) {
    background-color: #673ab7;
    color: rgba(255, 255, 255, 0.84);
}

.btn-material-indigo:not(.btn-link):not(.btn-flat) {
    background-color: #3f51b5;
    color: rgba(255, 255, 255, 0.84);
}

.btn-material-blue:not(.btn-link):not(.btn-flat) {
    background-color: #2196f3;
    color: rgba(255, 255, 255, 0.84);
}

.btn-material-light-blue:not(.btn-link):not(.btn-flat) {
    background-color: #03a9f4;
    color: rgba(255, 255, 255, 0.84);
}

.btn-material-cyan:not(.btn-link):not(.btn-flat) {
    background-color: #00bcd4;
    color: rgba(0, 0, 0, 0.84);
}

.btn-material-teal:not(.btn-link):not(.btn-flat) {
    background-color: #009688;
    color: rgba(255, 255, 255, 0.84);
}

.btn-material-green:not(.btn-link):not(.btn-flat) {
    background-color: #4caf50;
    color: rgba(255, 255, 255, 0.84);
}

.btn-material-light-green:not(.btn-link):not(.btn-flat) {
    background-color: #8bc34a;
    color: rgba(0, 0, 0, 0.84);
}

.btn-material-lime:not(.btn-link):not(.btn-flat) {
    background-color: #cddc39;
    color: rgba(0, 0, 0, 0.84);
}

.btn-material-yellow:not(.btn-link):not(.btn-flat) {
    background-color: #ffeb3b;
    color: rgba(0, 0, 0, 0.84);
}

.btn-material-amber:not(.btn-link):not(.btn-flat) {
    background-color: #ffc107;
    color: rgba(0, 0, 0, 0.84);
}

.btn-material-orange:not(.btn-link):not(.btn-flat) {
    background-color: #ff9800;
    color: rgba(0, 0, 0, 0.84);
}

.btn-material-deep-orange:not(.btn-link):not(.btn-flat) {
    background-color: #ff5722;
    color: rgba(255, 255, 255, 0.84);
}

.btn-material-brown:not(.btn-link):not(.btn-flat) {
    background-color: #795548;
    color: rgba(255, 255, 255, 0.84);
}

.btn-material-grey:not(.btn-link):not(.btn-flat) {
    background-color: #9e9e9e;
    color: rgba(255, 255, 255, 0.84);
}

.btn-material-blue-grey:not(.btn-link):not(.btn-flat) {
    background-color: #607d8b;
    color: rgba(255, 255, 255, 0.84);
}

.btn:hover:not(.btn-link):not(.btn-flat),
.btn-default:hover:not(.btn-link):not(.btn-flat) {
    background-color: rgba(10, 10, 10, 0);
}

.btn-black:hover:not(.btn-link):not(.btn-flat) {
    background-color: #0a0a0a;
}

.btn-white:hover:not(.btn-link):not(.btn-flat) {
    background-color: #f5f5f5;
}

.btn-inverse:hover:not(.btn-link):not(.btn-flat) {
    background-color: #495bc0;
}

.btn-primary:hover:not(.btn-link):not(.btn-flat) {
    background-color: #00aa9a;
}

.btn-success:hover:not(.btn-link):not(.btn-flat) {
    background-color: #59b75c;
}

.btn-info:hover:not(.btn-link):not(.btn-flat) {
    background-color: #0fb2fc;
}

.btn-warning:hover:not(.btn-link):not(.btn-flat) {
    background-color: #ff6736;
}

.btn-danger:hover:not(.btn-link):not(.btn-flat) {
    background-color: #f55549;
}

.btn-material-red:hover:not(.btn-link):not(.btn-flat) {
    background-color: #f55549;
}

.btn-material-pink:hover:not(.btn-link):not(.btn-flat) {
    background-color: #eb3170;
}

.btn-material-purple:hover:not(.btn-link):not(.btn-flat) {
    background-color: #ab2bc1;
}

.btn-material-deep-purple:hover:not(.btn-link):not(.btn-flat) {
    background-color: #7142c3;
}

.btn-material-indigo:hover:not(.btn-link):not(.btn-flat) {
    background-color: #495bc0;
}

.btn-material-blue:hover:not(.btn-link):not(.btn-flat) {
    background-color: #349ff4;
}

.btn-material-light-blue:hover:not(.btn-link):not(.btn-flat) {
    background-color: #0fb2fc;
}

.btn-material-cyan:hover:not(.btn-link):not(.btn-flat) {
    background-color: #00aac0;
}

.btn-material-teal:hover:not(.btn-link):not(.btn-flat) {
    background-color: #00aa9a;
}

.btn-material-green:hover:not(.btn-link):not(.btn-flat) {
    background-color: #59b75c;
}

.btn-material-light-green:hover:not(.btn-link):not(.btn-flat) {
    background-color: #81bb3e;
}

.btn-material-lime:hover:not(.btn-link):not(.btn-flat) {
    background-color: #c9d928;
}

.btn-material-yellow:hover:not(.btn-link):not(.btn-flat) {
    background-color: #ffe927;
}

.btn-material-amber:hover:not(.btn-link):not(.btn-flat) {
    background-color: #f2b500;
}

.btn-material-orange:hover:not(.btn-link):not(.btn-flat) {
    background-color: #eb8c00;
}

.btn-material-deep-orange:hover:not(.btn-link):not(.btn-flat) {
    background-color: #ff6736;
}

.btn-material-brown:hover:not(.btn-link):not(.btn-flat) {
    background-color: #865e50;
}

.btn-material-grey:hover:not(.btn-link):not(.btn-flat) {
    background-color: #a8a8a8;
}

.btn-material-blue-grey:hover:not(.btn-link):not(.btn-flat) {
    background-color: #688897;
}

.btn:active:not(.btn-link):not(.btn-flat),
.btn-default:active:not(.btn-link):not(.btn-flat) {
    background-color: rgba(15, 15, 15, 0);
}

.btn-black:active:not(.btn-link):not(.btn-flat) {
    background-color: #0f0f0f;
}

.btn-white:active:not(.btn-link):not(.btn-flat) {
    background-color: #f0f0f0;
}

.btn-inverse:active:not(.btn-link):not(.btn-flat) {
    background-color: #5062c2;
}

.btn-primary:active:not(.btn-link):not(.btn-flat) {
    background-color: #00b5a4;
}

.btn-success:active:not(.btn-link):not(.btn-flat) {
    background-color: #60ba63;
}

.btn-info:active:not(.btn-link):not(.btn-flat) {
    background-color: #19b6fc;
}

.btn-warning:active:not(.btn-link):not(.btn-flat) {
    background-color: #ff6e41;
}

.btn-danger:active:not(.btn-link):not(.btn-flat) {
    background-color: #f65e53;
}

.btn-material-red:active:not(.btn-link):not(.btn-flat) {
    background-color: #f65e53;
}

.btn-material-pink:active:not(.btn-link):not(.btn-flat) {
    background-color: #ec3a76;
}

.btn-material-purple:active:not(.btn-link):not(.btn-flat) {
    background-color: #b22dc9;
}

.btn-material-deep-purple:active:not(.btn-link):not(.btn-flat) {
    background-color: #764ac6;
}

.btn-material-indigo:active:not(.btn-link):not(.btn-flat) {
    background-color: #5062c2;
}

.btn-material-blue:active:not(.btn-link):not(.btn-flat) {
    background-color: #3ea4f5;
}

.btn-material-light-blue:active:not(.btn-link):not(.btn-flat) {
    background-color: #19b6fc;
}

.btn-material-cyan:active:not(.btn-link):not(.btn-flat) {
    background-color: #00a1b5;
}

.btn-material-teal:active:not(.btn-link):not(.btn-flat) {
    background-color: #00b5a4;
}

.btn-material-green:active:not(.btn-link):not(.btn-flat) {
    background-color: #60ba63;
}

.btn-material-light-green:active:not(.btn-link):not(.btn-flat) {
    background-color: #7cb33b;
}

.btn-material-lime:active:not(.btn-link):not(.btn-flat) {
    background-color: #c2d125;
}

.btn-material-yellow:active:not(.btn-link):not(.btn-flat) {
    background-color: #ffe81c;
}

.btn-material-amber:active:not(.btn-link):not(.btn-flat) {
    background-color: #e7ae00;
}

.btn-material-orange:active:not(.btn-link):not(.btn-flat) {
    background-color: #e08600;
}

.btn-material-deep-orange:active:not(.btn-link):not(.btn-flat) {
    background-color: #ff6e41;
}

.btn-material-brown:active:not(.btn-link):not(.btn-flat) {
    background-color: #8c6253;
}

.btn-material-grey:active:not(.btn-link):not(.btn-flat) {
    background-color: #adadad;
}

.btn-material-blue-grey:active:not(.btn-link):not(.btn-flat) {
    background-color: #6e8d9b;
}

.btn.active:not(.btn-link):not(.btn-flat),
.btn-default.active:not(.btn-link):not(.btn-flat) {
    background-color: rgba(15, 15, 15, 0);
}

.btn-black.active:not(.btn-link):not(.btn-flat) {
    background-color: #0f0f0f;
}

.btn-white.active:not(.btn-link):not(.btn-flat) {
    background-color: #f0f0f0;
}

.btn-inverse.active:not(.btn-link):not(.btn-flat) {
    background-color: #5062c2;
}

.btn-primary.active:not(.btn-link):not(.btn-flat) {
    background-color: #00b5a4;
}

.btn-success.active:not(.btn-link):not(.btn-flat) {
    background-color: #60ba63;
}

.btn-info.active:not(.btn-link):not(.btn-flat) {
    background-color: #19b6fc;
}

.btn-warning.active:not(.btn-link):not(.btn-flat) {
    background-color: #ff6e41;
}

.btn-danger.active:not(.btn-link):not(.btn-flat) {
    background-color: #f65e53;
}

.btn-material-red.active:not(.btn-link):not(.btn-flat) {
    background-color: #f65e53;
}

.btn-material-pink.active:not(.btn-link):not(.btn-flat) {
    background-color: #ec3a76;
}

.btn-material-purple.active:not(.btn-link):not(.btn-flat) {
    background-color: #b22dc9;
}

.btn-material-deep-purple.active:not(.btn-link):not(.btn-flat) {
    background-color: #764ac6;
}

.btn-material-indigo.active:not(.btn-link):not(.btn-flat) {
    background-color: #5062c2;
}

.btn-material-blue.active:not(.btn-link):not(.btn-flat) {
    background-color: #3ea4f5;
}

.btn-material-light-blue.active:not(.btn-link):not(.btn-flat) {
    background-color: #19b6fc;
}

.btn-material-cyan.active:not(.btn-link):not(.btn-flat) {
    background-color: #00a1b5;
}

.btn-material-teal.active:not(.btn-link):not(.btn-flat) {
    background-color: #00b5a4;
}

.btn-material-green.active:not(.btn-link):not(.btn-flat) {
    background-color: #60ba63;
}

.btn-material-light-green.active:not(.btn-link):not(.btn-flat) {
    background-color: #7cb33b;
}

.btn-material-lime.active:not(.btn-link):not(.btn-flat) {
    background-color: #c2d125;
}

.btn-material-yellow.active:not(.btn-link):not(.btn-flat) {
    background-color: #ffe81c;
}

.btn-material-amber.active:not(.btn-link):not(.btn-flat) {
    background-color: #e7ae00;
}

.btn-material-orange.active:not(.btn-link):not(.btn-flat) {
    background-color: #e08600;
}

.btn-material-deep-orange.active:not(.btn-link):not(.btn-flat) {
    background-color: #ff6e41;
}

.btn-material-brown.active:not(.btn-link):not(.btn-flat) {
    background-color: #8c6253;
}

.btn-material-grey.active:not(.btn-link):not(.btn-flat) {
    background-color: #adadad;
}

.btn-material-blue-grey.active:not(.btn-link):not(.btn-flat) {
    background-color: #6e8d9b;
}

.btn.btn-flat:hover:not(.btn-ink),
.btn-default.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(0, 0, 0, 0.2);
}

.btn-black.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(0, 0, 0, 0.2);
}

.btn-white.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(255, 255, 255, 0.2);
}

.btn-inverse.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(63, 81, 181, 0.2);
}

.btn-primary.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(0, 150, 136, 0.2);
}

.btn-success.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(76, 175, 80, 0.2);
}

.btn-info.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(3, 169, 244, 0.2);
}

.btn-warning.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(255, 87, 34, 0.2);
}

.btn-danger.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(244, 67, 54, 0.2);
}

.btn-material-red.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(244, 67, 54, 0.2);
}

.btn-material-pink.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(233, 30, 99, 0.2);
}

.btn-material-purple.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(156, 39, 176, 0.2);
}

.btn-material-deep-purple.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(103, 58, 183, 0.2);
}

.btn-material-indigo.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(63, 81, 181, 0.2);
}

.btn-material-blue.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(33, 150, 243, 0.2);
}

.btn-material-light-blue.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(3, 169, 244, 0.2);
}

.btn-material-cyan.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(0, 188, 212, 0.2);
}

.btn-material-teal.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(0, 150, 136, 0.2);
}

.btn-material-green.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(76, 175, 80, 0.2);
}

.btn-material-light-green.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(139, 195, 74, 0.2);
}

.btn-material-lime.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(205, 220, 57, 0.2);
}

.btn-material-yellow.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(255, 235, 59, 0.2);
}

.btn-material-amber.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(255, 193, 7, 0.2);
}

.btn-material-orange.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(255, 152, 0, 0.2);
}

.btn-material-deep-orange.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(255, 87, 34, 0.2);
}

.btn-material-brown.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(121, 85, 72, 0.2);
}

.btn-material-grey.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(158, 158, 158, 0.2);
}

.btn-material-blue-grey.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(96, 125, 139, 0.2);
}

.btn.btn-flat {
    background: none;
    box-shadow: none;
    font-weight: 500;
}

    .btn.btn-flat:disabled {
        color: #a8a8a8 !important;
    }

.btn.btn-sm {
    padding: 5px 20px;
}

.btn.btn-xs {
    padding: 4px 15px;
    font-size: 10px;
}

.btn.btn-raised {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

    .btn.btn-raised:active:not(.btn-link) {
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    }

.btn.btn-fab {
    margin: 0;
    padding: 15px;
    font-size: 26px;
    width: 56px;
    height: 56px;
}

    .btn.btn-fab, .btn.btn-fab:hover, .btn.btn-fab:active, .btn.btn-fab-default, .btn.btn-fab:hover-default, .btn.btn-fab:active-default {
        background-color: transparent;
    }

        .btn.btn-fab-black, .btn.btn-fab:hover-black, .btn.btn-fab:active-black {
            background-color: #000000;
        }

        .btn.btn-fab-white, .btn.btn-fab:hover-white, .btn.btn-fab:active-white {
            background-color: #ffffff;
        }

        .btn.btn-fab-inverse, .btn.btn-fab:hover-inverse, .btn.btn-fab:active-inverse {
            background-color: #3f51b5;
        }

        .btn.btn-fab-primary, .btn.btn-fab:hover-primary, .btn.btn-fab:active-primary {
            background-color: #009688;
        }

        .btn.btn-fab-success, .btn.btn-fab:hover-success, .btn.btn-fab:active-success {
            background-color: #4caf50;
        }

        .btn.btn-fab-info, .btn.btn-fab:hover-info, .btn.btn-fab:active-info {
            background-color: #03a9f4;
        }

        .btn.btn-fab-warning, .btn.btn-fab:hover-warning, .btn.btn-fab:active-warning {
            background-color: #ff5722;
        }

        .btn.btn-fab-danger, .btn.btn-fab:hover-danger, .btn.btn-fab:active-danger {
            background-color: #f44336;
        }

        .btn.btn-fab-material-red, .btn.btn-fab:hover-material-red, .btn.btn-fab:active-material-red {
            background-color: #f44336;
        }

        .btn.btn-fab-material-pink, .btn.btn-fab:hover-material-pink, .btn.btn-fab:active-material-pink {
            background-color: #e91e63;
        }

        .btn.btn-fab-material-purple, .btn.btn-fab:hover-material-purple, .btn.btn-fab:active-material-purple {
            background-color: #9c27b0;
        }

        .btn.btn-fab-material-deep-purple, .btn.btn-fab:hover-material-deep-purple, .btn.btn-fab:active-material-deep-purple {
            background-color: #673ab7;
        }

        .btn.btn-fab-material-indigo, .btn.btn-fab:hover-material-indigo, .btn.btn-fab:active-material-indigo {
            background-color: #3f51b5;
        }

        .btn.btn-fab-material-blue, .btn.btn-fab:hover-material-blue, .btn.btn-fab:active-material-blue {
            background-color: #2196f3;
        }

        .btn.btn-fab-material-light-blue, .btn.btn-fab:hover-material-light-blue, .btn.btn-fab:active-material-light-blue {
            background-color: #03a9f4;
        }

        .btn.btn-fab-material-cyan, .btn.btn-fab:hover-material-cyan, .btn.btn-fab:active-material-cyan {
            background-color: #00bcd4;
        }

        .btn.btn-fab-material-teal, .btn.btn-fab:hover-material-teal, .btn.btn-fab:active-material-teal {
            background-color: #009688;
        }

        .btn.btn-fab-material-green, .btn.btn-fab:hover-material-green, .btn.btn-fab:active-material-green {
            background-color: #4caf50;
        }

        .btn.btn-fab-material-light-green, .btn.btn-fab:hover-material-light-green, .btn.btn-fab:active-material-light-green {
            background-color: #8bc34a;
        }

        .btn.btn-fab-material-lime, .btn.btn-fab:hover-material-lime, .btn.btn-fab:active-material-lime {
            background-color: #cddc39;
        }

        .btn.btn-fab-material-yellow, .btn.btn-fab:hover-material-yellow, .btn.btn-fab:active-material-yellow {
            background-color: #ffeb3b;
        }

        .btn.btn-fab-material-amber, .btn.btn-fab:hover-material-amber, .btn.btn-fab:active-material-amber {
            background-color: #ffc107;
        }

        .btn.btn-fab-material-orange, .btn.btn-fab:hover-material-orange, .btn.btn-fab:active-material-orange {
            background-color: #ff9800;
        }

        .btn.btn-fab-material-deep-orange, .btn.btn-fab:hover-material-deep-orange, .btn.btn-fab:active-material-deep-orange {
            background-color: #ff5722;
        }

        .btn.btn-fab-material-brown, .btn.btn-fab:hover-material-brown, .btn.btn-fab:active-material-brown {
            background-color: #795548;
        }

        .btn.btn-fab-material-grey, .btn.btn-fab:hover-material-grey, .btn.btn-fab:active-material-grey {
            background-color: #9e9e9e;
        }

        .btn.btn-fab-material-blue-grey, .btn.btn-fab:hover-material-blue-grey, .btn.btn-fab:active-material-blue-grey {
            background-color: #607d8b;
        }

        .btn.btn-fab,
        .btn.btn-fab:hover {
            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
        }

            .btn.btn-fab:active {
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            }

            .btn.btn-fab,
            .btn.btn-fab .ripple-wrapper {
                border-radius: 100%;
            }

                .btn.btn-fab.btn-fab-mini {
                    width: 40px;
                    height: 40px;
                    padding: 13px 0;
                    font-size: 15px;
                }

                .btn.btn-fab i {
                    position: relative;
                    top: -5px;
                    margin: 0 auto;
                }

.btn-link,
.btn:not([class*="btn-"]),
.btn-default {
    color: rgba(0, 0, 0, 0.84);
}

    .btn-link:hover,
    .btn:not([class*="btn-"]):hover,
    .btn-default:hover {
        color: rgba(0, 0, 0, 0.84);
    }

    .btn:not([class*="btn-"]):hover,
    .btn-default:hover,
    .btn-flat:not(.btn-link):hover,
    .btn:not([class*="btn-"]).active,
    .btn-default.active,
    .btn-flat:not(.btn-link).active {
        background-color: rgba(255, 255, 255, 0.5);
    }

.open > .dropdown-toggle.btn,
.open > .dropdown-toggle.btn-default {
    background-color: transparent;
}

.open > .dropdown-toggle.btn-black {
    background-color: #000000;
}

.open > .dropdown-toggle.btn-white {
    background-color: #ffffff;
}

.open > .dropdown-toggle.btn-inverse {
    background-color: #3f51b5;
}

.open > .dropdown-toggle.btn-primary {
    background-color: #009688;
}

.open > .dropdown-toggle.btn-success {
    background-color: #4caf50;
}

.open > .dropdown-toggle.btn-info {
    background-color: #03a9f4;
}

.open > .dropdown-toggle.btn-warning {
    background-color: #ff5722;
}

.open > .dropdown-toggle.btn-danger {
    background-color: #f44336;
}

.open > .dropdown-toggle.btn-material-red {
    background-color: #f44336;
}

.open > .dropdown-toggle.btn-material-pink {
    background-color: #e91e63;
}

.open > .dropdown-toggle.btn-material-purple {
    background-color: #9c27b0;
}

.open > .dropdown-toggle.btn-material-deep-purple {
    background-color: #673ab7;
}

.open > .dropdown-toggle.btn-material-indigo {
    background-color: #3f51b5;
}

.open > .dropdown-toggle.btn-material-blue {
    background-color: #2196f3;
}

.open > .dropdown-toggle.btn-material-light-blue {
    background-color: #03a9f4;
}

.open > .dropdown-toggle.btn-material-cyan {
    background-color: #00bcd4;
}

.open > .dropdown-toggle.btn-material-teal {
    background-color: #009688;
}

.open > .dropdown-toggle.btn-material-green {
    background-color: #4caf50;
}

.open > .dropdown-toggle.btn-material-light-green {
    background-color: #8bc34a;
}

.open > .dropdown-toggle.btn-material-lime {
    background-color: #cddc39;
}

.open > .dropdown-toggle.btn-material-yellow {
    background-color: #ffeb3b;
}

.open > .dropdown-toggle.btn-material-amber {
    background-color: #ffc107;
}

.open > .dropdown-toggle.btn-material-orange {
    background-color: #ff9800;
}

.open > .dropdown-toggle.btn-material-deep-orange {
    background-color: #ff5722;
}

.open > .dropdown-toggle.btn-material-brown {
    background-color: #795548;
}

.open > .dropdown-toggle.btn-material-grey {
    background-color: #9e9e9e;
}

.open > .dropdown-toggle.btn-material-blue-grey {
    background-color: #607d8b;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    margin-left: 0;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    border-radius: 2px;
    margin: 10px 1px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

    .btn-group:active:not(.btn-link),
    .btn-group-vertical:active:not(.btn-link) {
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    }

    .btn-group.open .dropdown-toggle,
    .btn-group-vertical.open .dropdown-toggle {
        box-shadow: none;
    }

    .btn-group.btn-group-raised,
    .btn-group-vertical.btn-group-raised {
        box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
        transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }

        .btn-group.btn-group-raised:active:not(.btn-link),
        .btn-group-vertical.btn-group-raised:active:not(.btn-link) {
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

    .btn-group .btn,
    .btn-group-vertical .btn,
    .btn-group .btn:active,
    .btn-group-vertical .btn:active,
    .btn-group .btn-group,
    .btn-group-vertical .btn-group {
        box-shadow: none !important;
        margin: 0;
    }

.btn-group-flat {
    box-shadow: none !important;
}

.form-horizontal .checkbox {
    padding-top: 20px;
}

.price, .old-price {
    text-transform: uppercase;
}

.checkbox {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .checkbox label {
        cursor: pointer;
        padding-left: 0;
    }

    .checkbox input[type=checkbox] {
        opacity: 0;
        position: absolute;
        margin: 0;
        z-index: -1;
        width: 0;
        height: 0;
        overflow: hidden;
        left: 0;
        pointer-events: none;
    }

    .checkbox .checkbox-material {
        vertical-align: middle;
        position: relative;
        top: 3px;
    }

        .checkbox .checkbox-material:before {
            display: block;
            position: absolute;
            left: 0;
            content: "";
            background-color: rgba(0, 0, 0, 0.84);
            height: 20px;
            width: 20px;
            border-radius: 100%;
            z-index: 1;
            opacity: 0;
            margin: 0;
            -webkit-transform: scale3d(2.3, 2.3, 1);
            transform: scale3d(2.3, 2.3, 1);
        }

        .checkbox .checkbox-material .check {
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;
            border: 2px solid;
            border-radius: 2px;
            overflow: hidden;
            z-index: 1;
        }

            .checkbox .checkbox-material .check:before {
                position: absolute;
                content: "";
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                display: block;
                margin-top: -4px;
                margin-left: 6px;
                width: 0;
                height: 0;
                box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
                -webkit-animation: checkbox-off 0.3s forwards;
                animation: checkbox-off 0.3s forwards;
            }

    .checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
        opacity: 0.2;
    }

    .checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
        -webkit-animation: checkbox-on 0.3s forwards;
        animation: checkbox-on 0.3s forwards;
    }

    .checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
        -webkit-animation: rippleOff 500ms;
        animation: rippleOff 500ms;
    }

    .checkbox input[type=checkbox]:checked + .checkbox-material:before {
        -webkit-animation: rippleOn 500ms;
        animation: rippleOn 500ms;
    }

    .checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
        -webkit-animation: rippleOff 500ms forwards;
        animation: rippleOff 500ms forwards;
    }

    .checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
        -webkit-animation: rippleOn 500ms forwards;
        animation: rippleOn 500ms forwards;
    }

    .checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before,
    .checkbox input[type=checkbox][disabled] + .circle {
        opacity: 0.5;
    }

    .checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
        background-color: rgba(0, 0, 0, 0.84);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .checkbox input[type=checkbox]:checked + .checkbox-material .check:after,
    .checkbox-default input[type=checkbox]:checked + .checkbox-material .check:after {
        background-color: #4caf50;
    }

.checkbox-black input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #000000;
}

.checkbox-white input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #ffffff;
}

.checkbox-inverse input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #3f51b5;
}

.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #009688;
}

.checkbox-success input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #4caf50;
}

.checkbox-info input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #03a9f4;
}

.checkbox-warning input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #ff5722;
}

.checkbox-danger input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #f44336;
}

.checkbox-material-red input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #f44336;
}

.checkbox-material-pink input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #e91e63;
}

.checkbox-material-purple input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #9c27b0;
}

.checkbox-material-deep-purple input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #673ab7;
}

.checkbox-material-indigo input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #3f51b5;
}

.checkbox-material-blue input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #2196f3;
}

.checkbox-material-light-blue input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #03a9f4;
}

.checkbox-material-cyan input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #00bcd4;
}

.checkbox-material-teal input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #009688;
}

.checkbox-material-green input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #4caf50;
}

.checkbox-material-light-green input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #8bc34a;
}

.checkbox-material-lime input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #cddc39;
}

.checkbox-material-yellow input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #ffeb3b;
}

.checkbox-material-amber input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #ffc107;
}

.checkbox-material-orange input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #ff9800;
}

.checkbox-material-deep-orange input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #ff5722;
}

.checkbox-material-brown input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #795548;
}

.checkbox-material-grey input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #9e9e9e;
}

.checkbox-material-blue-grey input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #607d8b;
}

.checkbox input[type=checkbox]:checked + .checkbox-material .check:before,
.checkbox-default input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #4caf50;
}

.checkbox-black input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #000000;
}

.checkbox-white input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #ffffff;
}

.checkbox-inverse input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #3f51b5;
}

.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #009688;
}

.checkbox-success input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #4caf50;
}

.checkbox-info input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #03a9f4;
}

.checkbox-warning input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #ff5722;
}

.checkbox-danger input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #f44336;
}

.checkbox-material-red input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #f44336;
}

.checkbox-material-pink input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #e91e63;
}

.checkbox-material-purple input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #9c27b0;
}

.checkbox-material-deep-purple input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #673ab7;
}

.checkbox-material-indigo input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #3f51b5;
}

.checkbox-material-blue input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #2196f3;
}

.checkbox-material-light-blue input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #03a9f4;
}

.checkbox-material-cyan input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #00bcd4;
}

.checkbox-material-teal input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #009688;
}

.checkbox-material-green input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #4caf50;
}

.checkbox-material-light-green input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #8bc34a;
}

.checkbox-material-lime input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #cddc39;
}

.checkbox-material-yellow input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #ffeb3b;
}

.checkbox-material-amber input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #ffc107;
}

.checkbox-material-orange input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #ff9800;
}

.checkbox-material-deep-orange input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #ff5722;
}

.checkbox-material-brown input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #795548;
}

.checkbox-material-grey input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #9e9e9e;
}

.checkbox-material-blue-grey input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #607d8b;
}

.checkbox input[type=checkbox]:checked + .checkbox-material .check,
.checkbox-default input[type=checkbox]:checked + .checkbox-material .check {
    color: #4caf50;
}

.checkbox-black input[type=checkbox]:checked + .checkbox-material .check {
    color: #000000;
}

.checkbox-white input[type=checkbox]:checked + .checkbox-material .check {
    color: #ffffff;
}

.checkbox-inverse input[type=checkbox]:checked + .checkbox-material .check {
    color: #3f51b5;
}

.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check {
    color: #009688;
}

.checkbox-success input[type=checkbox]:checked + .checkbox-material .check {
    color: #4caf50;
}

.checkbox-info input[type=checkbox]:checked + .checkbox-material .check {
    color: #03a9f4;
}

.checkbox-warning input[type=checkbox]:checked + .checkbox-material .check {
    color: #ff5722;
}

.checkbox-danger input[type=checkbox]:checked + .checkbox-material .check {
    color: #f44336;
}

.checkbox-material-red input[type=checkbox]:checked + .checkbox-material .check {
    color: #f44336;
}

.checkbox-material-pink input[type=checkbox]:checked + .checkbox-material .check {
    color: #e91e63;
}

.checkbox-material-purple input[type=checkbox]:checked + .checkbox-material .check {
    color: #9c27b0;
}

.checkbox-material-deep-purple input[type=checkbox]:checked + .checkbox-material .check {
    color: #673ab7;
}

.checkbox-material-indigo input[type=checkbox]:checked + .checkbox-material .check {
    color: #3f51b5;
}

.checkbox-material-blue input[type=checkbox]:checked + .checkbox-material .check {
    color: #2196f3;
}

.checkbox-material-light-blue input[type=checkbox]:checked + .checkbox-material .check {
    color: #03a9f4;
}

.checkbox-material-cyan input[type=checkbox]:checked + .checkbox-material .check {
    color: #00bcd4;
}

.checkbox-material-teal input[type=checkbox]:checked + .checkbox-material .check {
    color: #009688;
}

.checkbox-material-green input[type=checkbox]:checked + .checkbox-material .check {
    color: #4caf50;
}

.checkbox-material-light-green input[type=checkbox]:checked + .checkbox-material .check {
    color: #8bc34a;
}

.checkbox-material-lime input[type=checkbox]:checked + .checkbox-material .check {
    color: #cddc39;
}

.checkbox-material-yellow input[type=checkbox]:checked + .checkbox-material .check {
    color: #ffeb3b;
}

.checkbox-material-amber input[type=checkbox]:checked + .checkbox-material .check {
    color: #ffc107;
}

.checkbox-material-orange input[type=checkbox]:checked + .checkbox-material .check {
    color: #ff9800;
}

.checkbox-material-deep-orange input[type=checkbox]:checked + .checkbox-material .check {
    color: #ff5722;
}

.checkbox-material-brown input[type=checkbox]:checked + .checkbox-material .check {
    color: #795548;
}

.checkbox-material-grey input[type=checkbox]:checked + .checkbox-material .check {
    color: #9e9e9e;
}

.checkbox-material-blue-grey input[type=checkbox]:checked + .checkbox-material .check {
    color: #607d8b;
}

@-webkit-keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }

    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }

    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
}

@keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }

    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }

    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
}

@-webkit-keyframes checkbox-off {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }

    25% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }

    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0px;
        height: 0px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    }

    51% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 10px inset;
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 0px inset;
    }
}

@keyframes checkbox-off {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }

    25% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }

    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0px;
        height: 0px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    }

    51% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 10px inset;
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 0px inset;
    }
}

@-webkit-keyframes rippleOn {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

@keyframes rippleOn {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes rippleOff {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

@keyframes rippleOff {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

.togglebutton {
    vertical-align: middle;
}

    .togglebutton,
    .togglebutton label,
    .togglebutton input,
    .togglebutton .toggle {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .togglebutton label {
            font-weight: 400;
            cursor: pointer;
        }

            .togglebutton label input[type=checkbox] {
                opacity: 0;
                width: 0;
                height: 0;
            }

                .togglebutton label .toggle,
                .togglebutton label input[type=checkbox][disabled] + .toggle {
                    content: "";
                    display: inline-block;
                    width: 30px;
                    height: 15px;
                    background-color: rgba(80, 80, 80, 0.7);
                    border-radius: 15px;
                    margin-right: 10px;
                    transition: background 0.3s ease;
                    vertical-align: middle;
                }

                    .togglebutton label .toggle:after {
                        content: "";
                        display: inline-block;
                        width: 20px;
                        height: 20px;
                        background-color: #F1F1F1;
                        border-radius: 20px;
                        position: relative;
                        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
                        left: -5px;
                        top: -2px;
                        transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
                    }

                    .togglebutton label input[type=checkbox][disabled] + .toggle:after,
                    .togglebutton label input[type=checkbox][disabled]:checked + .toggle:after {
                        background-color: #BDBDBD;
                    }

                    .togglebutton label input[type=checkbox] + .toggle:active:after,
                    .togglebutton label input[type=checkbox][disabled] + .toggle:active:after {
                        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
                    }

                .togglebutton label input[type=checkbox]:checked + .toggle:after {
                    left: 15px;
                }

                .togglebutton label input[type=checkbox]:checked + .toggle,
                .togglebutton-default label input[type=checkbox]:checked + .toggle {
                    background-color: rgba(0, 150, 136, 0.5);
                }

.togglebutton-black label input[type=checkbox]:checked + .toggle {
    background-color: rgba(0, 0, 0, 0.5);
}

.togglebutton-white label input[type=checkbox]:checked + .toggle {
    background-color: rgba(255, 255, 255, 0.5);
}

.togglebutton-inverse label input[type=checkbox]:checked + .toggle {
    background-color: rgba(63, 81, 181, 0.5);
}

.togglebutton-primary label input[type=checkbox]:checked + .toggle {
    background-color: rgba(0, 150, 136, 0.5);
}

.togglebutton-success label input[type=checkbox]:checked + .toggle {
    background-color: rgba(76, 175, 80, 0.5);
}

.togglebutton-info label input[type=checkbox]:checked + .toggle {
    background-color: rgba(3, 169, 244, 0.5);
}

.togglebutton-warning label input[type=checkbox]:checked + .toggle {
    background-color: rgba(255, 87, 34, 0.5);
}

.togglebutton-danger label input[type=checkbox]:checked + .toggle {
    background-color: rgba(244, 67, 54, 0.5);
}

.togglebutton-material-red label input[type=checkbox]:checked + .toggle {
    background-color: rgba(244, 67, 54, 0.5);
}

.togglebutton-material-pink label input[type=checkbox]:checked + .toggle {
    background-color: rgba(233, 30, 99, 0.5);
}

.togglebutton-material-purple label input[type=checkbox]:checked + .toggle {
    background-color: rgba(156, 39, 176, 0.5);
}

.togglebutton-material-deep-purple label input[type=checkbox]:checked + .toggle {
    background-color: rgba(103, 58, 183, 0.5);
}

.togglebutton-material-indigo label input[type=checkbox]:checked + .toggle {
    background-color: rgba(63, 81, 181, 0.5);
}

.togglebutton-material-blue label input[type=checkbox]:checked + .toggle {
    background-color: rgba(33, 150, 243, 0.5);
}

.togglebutton-material-light-blue label input[type=checkbox]:checked + .toggle {
    background-color: rgba(3, 169, 244, 0.5);
}

.togglebutton-material-cyan label input[type=checkbox]:checked + .toggle {
    background-color: rgba(0, 188, 212, 0.5);
}

.togglebutton-material-teal label input[type=checkbox]:checked + .toggle {
    background-color: rgba(0, 150, 136, 0.5);
}

.togglebutton-material-green label input[type=checkbox]:checked + .toggle {
    background-color: rgba(76, 175, 80, 0.5);
}

.togglebutton-material-light-green label input[type=checkbox]:checked + .toggle {
    background-color: rgba(139, 195, 74, 0.5);
}

.togglebutton-material-lime label input[type=checkbox]:checked + .toggle {
    background-color: rgba(205, 220, 57, 0.5);
}

.togglebutton-material-yellow label input[type=checkbox]:checked + .toggle {
    background-color: rgba(255, 235, 59, 0.5);
}

.togglebutton-material-amber label input[type=checkbox]:checked + .toggle {
    background-color: rgba(255, 193, 7, 0.5);
}

.togglebutton-material-orange label input[type=checkbox]:checked + .toggle {
    background-color: rgba(255, 152, 0, 0.5);
}

.togglebutton-material-deep-orange label input[type=checkbox]:checked + .toggle {
    background-color: rgba(255, 87, 34, 0.5);
}

.togglebutton-material-brown label input[type=checkbox]:checked + .toggle {
    background-color: rgba(121, 85, 72, 0.5);
}

.togglebutton-material-grey label input[type=checkbox]:checked + .toggle {
    background-color: rgba(158, 158, 158, 0.5);
}

.togglebutton-material-blue-grey label input[type=checkbox]:checked + .toggle {
    background-color: rgba(96, 125, 139, 0.5);
}

.togglebutton label input[type=checkbox]:checked + .toggle:after,
.togglebutton-default label input[type=checkbox]:checked + .toggle:after {
    background-color: #009688;
}

.togglebutton-black label input[type=checkbox]:checked + .toggle:after {
    background-color: #000000;
}

.togglebutton-white label input[type=checkbox]:checked + .toggle:after {
    background-color: #ffffff;
}

.togglebutton-inverse label input[type=checkbox]:checked + .toggle:after {
    background-color: #3f51b5;
}

.togglebutton-primary label input[type=checkbox]:checked + .toggle:after {
    background-color: #009688;
}

.togglebutton-success label input[type=checkbox]:checked + .toggle:after {
    background-color: #4caf50;
}

.togglebutton-info label input[type=checkbox]:checked + .toggle:after {
    background-color: #03a9f4;
}

.togglebutton-warning label input[type=checkbox]:checked + .toggle:after {
    background-color: #ff5722;
}

.togglebutton-danger label input[type=checkbox]:checked + .toggle:after {
    background-color: #f44336;
}

.togglebutton-material-red label input[type=checkbox]:checked + .toggle:after {
    background-color: #f44336;
}

.togglebutton-material-pink label input[type=checkbox]:checked + .toggle:after {
    background-color: #e91e63;
}

.togglebutton-material-purple label input[type=checkbox]:checked + .toggle:after {
    background-color: #9c27b0;
}

.togglebutton-material-deep-purple label input[type=checkbox]:checked + .toggle:after {
    background-color: #673ab7;
}

.togglebutton-material-indigo label input[type=checkbox]:checked + .toggle:after {
    background-color: #3f51b5;
}

.togglebutton-material-blue label input[type=checkbox]:checked + .toggle:after {
    background-color: #2196f3;
}

.togglebutton-material-light-blue label input[type=checkbox]:checked + .toggle:after {
    background-color: #03a9f4;
}

.togglebutton-material-cyan label input[type=checkbox]:checked + .toggle:after {
    background-color: #00bcd4;
}

.togglebutton-material-teal label input[type=checkbox]:checked + .toggle:after {
    background-color: #009688;
}

.togglebutton-material-green label input[type=checkbox]:checked + .toggle:after {
    background-color: #4caf50;
}

.togglebutton-material-light-green label input[type=checkbox]:checked + .toggle:after {
    background-color: #8bc34a;
}

.togglebutton-material-lime label input[type=checkbox]:checked + .toggle:after {
    background-color: #cddc39;
}

.togglebutton-material-yellow label input[type=checkbox]:checked + .toggle:after {
    background-color: #ffeb3b;
}

.togglebutton-material-amber label input[type=checkbox]:checked + .toggle:after {
    background-color: #ffc107;
}

.togglebutton-material-orange label input[type=checkbox]:checked + .toggle:after {
    background-color: #ff9800;
}

.togglebutton-material-deep-orange label input[type=checkbox]:checked + .toggle:after {
    background-color: #ff5722;
}

.togglebutton-material-brown label input[type=checkbox]:checked + .toggle:after {
    background-color: #795548;
}

.togglebutton-material-grey label input[type=checkbox]:checked + .toggle:after {
    background-color: #9e9e9e;
}

.togglebutton-material-blue-grey label input[type=checkbox]:checked + .toggle:after {
    background-color: #607d8b;
}

.togglebutton label input[type=checkbox]:checked + .toggle:active:after,
.togglebutton-default label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
}

.togglebutton-black label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}

.togglebutton-white label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1);
}

.togglebutton-inverse label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1);
}

.togglebutton-primary label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
}

.togglebutton-success label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(76, 175, 80, 0.1);
}

.togglebutton-info label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
}

.togglebutton-warning label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1);
}

.togglebutton-danger label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(244, 67, 54, 0.1);
}

.togglebutton-material-red label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(244, 67, 54, 0.1);
}

.togglebutton-material-pink label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1);
}

.togglebutton-material-purple label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1);
}

.togglebutton-material-deep-purple label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1);
}

.togglebutton-material-indigo label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1);
}

.togglebutton-material-blue label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(33, 150, 243, 0.1);
}

.togglebutton-material-light-blue label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
}

.togglebutton-material-cyan label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1);
}

.togglebutton-material-teal label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
}

.togglebutton-material-green label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(76, 175, 80, 0.1);
}

.togglebutton-material-light-green label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1);
}

.togglebutton-material-lime label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1);
}

.togglebutton-material-yellow label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 235, 59, 0.1);
}

.togglebutton-material-amber label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1);
}

.togglebutton-material-orange label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1);
}

.togglebutton-material-deep-orange label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1);
}

.togglebutton-material-brown label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1);
}

.togglebutton-material-grey label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1);
}

.togglebutton-material-blue-grey label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1);
}

.form-horizontal .radio {
    margin-bottom: 10px;
}

.radio label {
    cursor: pointer;
    padding-left: 45px;
    position: relative;
}

    .radio label span {
        display: block;
        position: absolute;
        left: 10px;
        top: 2px;
        transition-duration: 0.2s;
    }

    .radio label .circle {
        border: 2px solid rgba(0, 0, 0, 0.84);
        height: 15px;
        width: 15px;
        border-radius: 100%;
    }

    .radio label .check {
        height: 15px;
        width: 15px;
        border-radius: 100%;
        background-color: rgba(0, 0, 0, 0.84);
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0);
    }

        .radio label .check:after {
            display: block;
            position: absolute;
            content: "";
            background-color: rgba(0, 0, 0, 0.84);
            left: -18px;
            top: -18px;
            height: 50px;
            width: 50px;
            border-radius: 100%;
            z-index: 1;
            opacity: 0;
            margin: 0;
            -webkit-transform: scale3d(1.5, 1.5, 1);
            transform: scale3d(1.5, 1.5, 1);
        }

    .radio label input[type=radio]:not(:checked) ~ .check:after {
        -webkit-animation: rippleOff 500ms;
        animation: rippleOff 500ms;
    }

    .radio label input[type=radio]:checked ~ .check:after {
        -webkit-animation: rippleOn 500ms;
        animation: rippleOn 500ms;
    }

.radio input[type=radio]:checked ~ .check,
.radio-default input[type=radio]:checked ~ .check {
    background-color: rgba(0, 0, 0, 0.84);
}

.radio-black input[type=radio]:checked ~ .check {
    background-color: #000000;
}

.radio-white input[type=radio]:checked ~ .check {
    background-color: #ffffff;
}

.radio-inverse input[type=radio]:checked ~ .check {
    background-color: #3f51b5;
}

.radio-primary input[type=radio]:checked ~ .check {
    background-color: #009688;
}

.radio-success input[type=radio]:checked ~ .check {
    background-color: #4caf50;
}

.radio-info input[type=radio]:checked ~ .check {
    background-color: #03a9f4;
}

.radio-warning input[type=radio]:checked ~ .check {
    background-color: #ff5722;
}

.radio-danger input[type=radio]:checked ~ .check {
    background-color: #f44336;
}

.radio-material-red input[type=radio]:checked ~ .check {
    background-color: #f44336;
}

.radio-material-pink input[type=radio]:checked ~ .check {
    background-color: #e91e63;
}

.radio-material-purple input[type=radio]:checked ~ .check {
    background-color: #9c27b0;
}

.radio-material-deep-purple input[type=radio]:checked ~ .check {
    background-color: #673ab7;
}

.radio-material-indigo input[type=radio]:checked ~ .check {
    background-color: #3f51b5;
}

.radio-material-blue input[type=radio]:checked ~ .check {
    background-color: #2196f3;
}

.radio-material-light-blue input[type=radio]:checked ~ .check {
    background-color: #03a9f4;
}

.radio-material-cyan input[type=radio]:checked ~ .check {
    background-color: #00bcd4;
}

.radio-material-teal input[type=radio]:checked ~ .check {
    background-color: #009688;
}

.radio-material-green input[type=radio]:checked ~ .check {
    background-color: #4caf50;
}

.radio-material-light-green input[type=radio]:checked ~ .check {
    background-color: #8bc34a;
}

.radio-material-lime input[type=radio]:checked ~ .check {
    background-color: #cddc39;
}

.radio-material-yellow input[type=radio]:checked ~ .check {
    background-color: #ffeb3b;
}

.radio-material-amber input[type=radio]:checked ~ .check {
    background-color: #ffc107;
}

.radio-material-orange input[type=radio]:checked ~ .check {
    background-color: #ff9800;
}

.radio-material-deep-orange input[type=radio]:checked ~ .check {
    background-color: #ff5722;
}

.radio-material-brown input[type=radio]:checked ~ .check {
    background-color: #795548;
}

.radio-material-grey input[type=radio]:checked ~ .check {
    background-color: #9e9e9e;
}

.radio-material-blue-grey input[type=radio]:checked ~ .check {
    background-color: #607d8b;
}

.radio input[type=radio]:checked ~ .circle,
.radio-default input[type=radio]:checked ~ .circle {
    border-color: rgba(0, 0, 0, 0.84);
}

.radio-black input[type=radio]:checked ~ .circle {
    border-color: #000000;
}

.radio-white input[type=radio]:checked ~ .circle {
    border-color: #ffffff;
}

.radio-inverse input[type=radio]:checked ~ .circle {
    border-color: #3f51b5;
}

.radio-primary input[type=radio]:checked ~ .circle {
    border-color: #009688;
}

.radio-success input[type=radio]:checked ~ .circle {
    border-color: #4caf50;
}

.radio-info input[type=radio]:checked ~ .circle {
    border-color: #03a9f4;
}

.radio-warning input[type=radio]:checked ~ .circle {
    border-color: #ff5722;
}

.radio-danger input[type=radio]:checked ~ .circle {
    border-color: #f44336;
}

.radio-material-red input[type=radio]:checked ~ .circle {
    border-color: #f44336;
}

.radio-material-pink input[type=radio]:checked ~ .circle {
    border-color: #e91e63;
}

.radio-material-purple input[type=radio]:checked ~ .circle {
    border-color: #9c27b0;
}

.radio-material-deep-purple input[type=radio]:checked ~ .circle {
    border-color: #673ab7;
}

.radio-material-indigo input[type=radio]:checked ~ .circle {
    border-color: #3f51b5;
}

.radio-material-blue input[type=radio]:checked ~ .circle {
    border-color: #2196f3;
}

.radio-material-light-blue input[type=radio]:checked ~ .circle {
    border-color: #03a9f4;
}

.radio-material-cyan input[type=radio]:checked ~ .circle {
    border-color: #00bcd4;
}

.radio-material-teal input[type=radio]:checked ~ .circle {
    border-color: #009688;
}

.radio-material-green input[type=radio]:checked ~ .circle {
    border-color: #4caf50;
}

.radio-material-light-green input[type=radio]:checked ~ .circle {
    border-color: #8bc34a;
}

.radio-material-lime input[type=radio]:checked ~ .circle {
    border-color: #cddc39;
}

.radio-material-yellow input[type=radio]:checked ~ .circle {
    border-color: #ffeb3b;
}

.radio-material-amber input[type=radio]:checked ~ .circle {
    border-color: #ffc107;
}

.radio-material-orange input[type=radio]:checked ~ .circle {
    border-color: #ff9800;
}

.radio-material-deep-orange input[type=radio]:checked ~ .circle {
    border-color: #ff5722;
}

.radio-material-brown input[type=radio]:checked ~ .circle {
    border-color: #795548;
}

.radio-material-grey input[type=radio]:checked ~ .circle {
    border-color: #9e9e9e;
}

.radio-material-blue-grey input[type=radio]:checked ~ .circle {
    border-color: #607d8b;
}

.radio input[type=radio][disabled] ~ .check,
.radio input[type=radio][disabled] ~ .circle {
    opacity: 0.5;
}

.radio input[type=radio] {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

    .radio input[type=radio]:checked ~ .check {
        -webkit-transform: scale3d(0.55, 0.55, 1);
        transform: scale3d(0.55, 0.55, 1);
    }

    .radio input[type=radio][disabled] ~ .circle {
        border-color: rgba(0, 0, 0, 0.84);
    }

    .radio input[type=radio][disabled] ~ .check {
        background-color: rgba(0, 0, 0, 0.84);
    }

@keyframes rippleOn {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

@keyframes rippleOff {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

fieldset[disabled] .form-control,
.form-control,
fieldset[disabled] .form-control:focus,
.form-control:focus,
fieldset[disabled] .form-control.focus,
.form-control.focus {
    padding: 0;
    float: none;
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

    fieldset[disabled] .form-control:disabled,
    .form-control:disabled,
    fieldset[disabled] .form-control:focus:disabled,
    .form-control:focus:disabled,
    fieldset[disabled] .form-control.focus:disabled,
    .form-control.focus:disabled {
        border-style: dashed;
        border-bottom: 1px solid #757575;
    }

    fieldset[disabled] .form-control:textarea, .form-control:textarea {
        height: 40px;
    }

select[multiple].form-control,
select[multiple].form-control:focus,
select[multiple].form-control.focus {
    height: 85px;
}

.form-control {
    border: 0;
    background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0);
    transition: background 0s ease-out;
}

    .form-control::-webkit-input-placeholder {
        color: #bdbdbd;
    }

    .form-control::-moz-placeholder {
        color: #bdbdbd;
    }

    .form-control:-ms-input-placeholder {
        color: #bdbdbd;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: transparent;
        background-color: rgba(0, 0, 0, 0);
    }

        fieldset[disabled] .form-control:disabled,
        .form-control-wrapper .form-control:disabled,
        .form-control:disabled,
        fieldset[disabled] .form-control:focus:disabled,
        .form-control-wrapper .form-control:focus:disabled,
        .form-control:focus:disabled,
        fieldset[disabled] .form-control.focus:disabled,
        .form-control-wrapper .form-control.focus:disabled,
        .form-control.focus:disabled {
            border: 0;
        }

    .form-control:focus,
    .form-control.focus {
        outline: none;
        background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
        background-size: 100% 2px, 100% 1px;
        box-shadow: none;
        transition-duration: 0.3s;
    }

.form-control-wrapper {
    position: relative;
}

    .form-control-wrapper .floating-label {
        color: #bdbdbd;
        position: absolute;
        pointer-events: none;
        left: 0px;
        top: 5px;
        transition: 0.3s ease all;
    }

    .form-control-wrapper .floating-label {
        font-size: 14px;
    }

    .form-control-wrapper .form-control:focus ~ .floating-label,
    .form-control-wrapper .form-control:not(.empty) ~ .floating-label {
        top: -9.8px;
        font-size: 9.8px;
    }

    .form-control-wrapper .input-sm + .floating-label {
        font-size: 12px;
        top: 7px;
    }

    .form-control-wrapper .form-control.input-sm:focus ~ .floating-label,
    .form-control-wrapper .form-control.input-sm:not(.empty) ~ .floating-label {
        top: -8.4px;
        font-size: 8.4px;
    }

    .form-control-wrapper .input-lg + .floating-label {
        font-size: 18px;
        top: 10px;
    }

    .form-control-wrapper .form-control.input-lg:focus ~ .floating-label,
    .form-control-wrapper .form-control.input-lg:not(.empty) ~ .floating-label {
        top: -12.6px;
        font-size: 12.6px;
    }

    .form-control-wrapper .form-control:focus ~ .floating-label {
        color: #009688;
    }

    .form-control-wrapper .form-control:not(.empty):invalid ~ .floating-label, .form-control-wrapper .form-control.focus:invalid ~ .floating-label {
        color: #f44336;
    }

    .form-control-wrapper .form-control:focus ~ .material-input:after,
    .form-control-wrapper .form-control.focus ~ .material-input:after {
        background-color: #009688;
    }

    .form-control-wrapper .form-control:invalid {
        background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2);
    }

    .form-control-wrapper textarea {
        resize: none;
    }

        .form-control-wrapper textarea ~ .form-control-highlight {
            margin-top: -11px;
        }

    .form-control-wrapper .hint {
        position: absolute;
        font-size: 80%;
        display: none;
    }

    .form-control-wrapper .form-control:focus ~ .hint,
    .form-control-wrapper .form-control.focus ~ .hint {
        display: block;
    }

    .form-control-wrapper select ~ .material-input:after {
        display: none;
    }

    .form-control-wrapper select {
        appearance: none;
    }

.form-group.has-warning .form-control {
    box-shadow: none;
}

    .form-group.has-warning .material-input:focus,
    .form-group.has-warning .form-control:focus,
    .form-group.has-warning .form-control.focus {
        background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#d2d2d2, #d2d2d2);
        box-shadow: none;
    }

.form-group.has-warning .control-label,
.form-group.has-warning input.form-control:focus ~ .floating-label {
    color: #ff5722;
}

.form-group.has-error .form-control {
    box-shadow: none;
}

    .form-group.has-error .material-input:focus,
    .form-group.has-error .form-control:focus,
    .form-group.has-error .form-control.focus {
        background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2);
        box-shadow: none;
    }

.form-group.has-error .control-label,
.form-group.has-error input.form-control:focus ~ .floating-label {
    color: #f44336;
}

.form-group.has-success .form-control {
    box-shadow: none;
}

    .form-group.has-success .material-input:focus,
    .form-group.has-success .form-control:focus,
    .form-group.has-success .form-control.focus {
        background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2);
        box-shadow: none;
    }

.form-group.has-success .control-label,
.form-group.has-success input.form-control:focus ~ .floating-label {
    color: #4caf50;
}

.form-group.has-info .form-control {
    box-shadow: none;
}

    .form-group.has-info .material-input:focus,
    .form-group.has-info .form-control:focus,
    .form-group.has-info .form-control.focus {
        background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#d2d2d2, #d2d2d2);
        box-shadow: none;
    }

.form-group.has-info .control-label,
.form-group.has-info input.form-control:focus ~ .floating-label {
    color: #03a9f4;
}

.form-group .form-control:focus,
.form-group-default .form-control:focus {
    background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-black .form-control:focus {
    background-image: linear-gradient(#000000, #000000), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-white .form-control:focus {
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-inverse .form-control:focus {
    background-image: linear-gradient(#3f51b5, #3f51b5), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-primary .form-control:focus {
    background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-success .form-control:focus {
    background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-info .form-control:focus {
    background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-warning .form-control:focus {
    background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-danger .form-control:focus {
    background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-red .form-control:focus {
    background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-pink .form-control:focus {
    background-image: linear-gradient(#e91e63, #e91e63), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-purple .form-control:focus {
    background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-deep-purple .form-control:focus {
    background-image: linear-gradient(#673ab7, #673ab7), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-indigo .form-control:focus {
    background-image: linear-gradient(#3f51b5, #3f51b5), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-blue .form-control:focus {
    background-image: linear-gradient(#2196f3, #2196f3), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-light-blue .form-control:focus {
    background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-cyan .form-control:focus {
    background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-teal .form-control:focus {
    background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-green .form-control:focus {
    background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-light-green .form-control:focus {
    background-image: linear-gradient(#8bc34a, #8bc34a), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-lime .form-control:focus {
    background-image: linear-gradient(#cddc39, #cddc39), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-yellow .form-control:focus {
    background-image: linear-gradient(#ffeb3b, #ffeb3b), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-amber .form-control:focus {
    background-image: linear-gradient(#ffc107, #ffc107), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-orange .form-control:focus {
    background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-deep-orange .form-control:focus {
    background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-brown .form-control:focus {
    background-image: linear-gradient(#795548, #795548), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-grey .form-control:focus {
    background-image: linear-gradient(#9e9e9e, #9e9e9e), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-blue-grey .form-control:focus {
    background-image: linear-gradient(#607d8b, #607d8b), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group .form-control.focus,
.form-group-default .form-control.focus {
    background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-black .form-control.focus {
    background-image: linear-gradient(#000000, #000000), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-white .form-control.focus {
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-inverse .form-control.focus {
    background-image: linear-gradient(#3f51b5, #3f51b5), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-primary .form-control.focus {
    background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-success .form-control.focus {
    background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-info .form-control.focus {
    background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-warning .form-control.focus {
    background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-danger .form-control.focus {
    background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-red .form-control.focus {
    background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-pink .form-control.focus {
    background-image: linear-gradient(#e91e63, #e91e63), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-purple .form-control.focus {
    background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-deep-purple .form-control.focus {
    background-image: linear-gradient(#673ab7, #673ab7), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-indigo .form-control.focus {
    background-image: linear-gradient(#3f51b5, #3f51b5), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-blue .form-control.focus {
    background-image: linear-gradient(#2196f3, #2196f3), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-light-blue .form-control.focus {
    background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-cyan .form-control.focus {
    background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-teal .form-control.focus {
    background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-green .form-control.focus {
    background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-light-green .form-control.focus {
    background-image: linear-gradient(#8bc34a, #8bc34a), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-lime .form-control.focus {
    background-image: linear-gradient(#cddc39, #cddc39), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-yellow .form-control.focus {
    background-image: linear-gradient(#ffeb3b, #ffeb3b), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-amber .form-control.focus {
    background-image: linear-gradient(#ffc107, #ffc107), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-orange .form-control.focus {
    background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-deep-orange .form-control.focus {
    background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-brown .form-control.focus {
    background-image: linear-gradient(#795548, #795548), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-grey .form-control.focus {
    background-image: linear-gradient(#9e9e9e, #9e9e9e), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group-material-blue-grey .form-control.focus {
    background-image: linear-gradient(#607d8b, #607d8b), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group .control-label,
.form-group-default .control-label {
    color: rgba(0, 0, 0, 0.84);
}

.form-group-black .control-label {
    color: #000000;
}

.form-group-white .control-label {
    color: #ffffff;
}

.form-group-inverse .control-label {
    color: #3f51b5;
}

.form-group-primary .control-label {
    color: #009688;
}

.form-group-success .control-label {
    color: #4caf50;
}

.form-group-info .control-label {
    color: #03a9f4;
}

.form-group-warning .control-label {
    color: #ff5722;
}

.form-group-danger .control-label {
    color: #f44336;
}

.form-group-material-red .control-label {
    color: #f44336;
}

.form-group-material-pink .control-label {
    color: #e91e63;
}

.form-group-material-purple .control-label {
    color: #9c27b0;
}

.form-group-material-deep-purple .control-label {
    color: #673ab7;
}

.form-group-material-indigo .control-label {
    color: #3f51b5;
}

.form-group-material-blue .control-label {
    color: #2196f3;
}

.form-group-material-light-blue .control-label {
    color: #03a9f4;
}

.form-group-material-cyan .control-label {
    color: #00bcd4;
}

.form-group-material-teal .control-label {
    color: #009688;
}

.form-group-material-green .control-label {
    color: #4caf50;
}

.form-group-material-light-green .control-label {
    color: #8bc34a;
}

.form-group-material-lime .control-label {
    color: #cddc39;
}

.form-group-material-yellow .control-label {
    color: #ffeb3b;
}

.form-group-material-amber .control-label {
    color: #ffc107;
}

.form-group-material-orange .control-label {
    color: #ff9800;
}

.form-group-material-deep-orange .control-label {
    color: #ff5722;
}

.form-group-material-brown .control-label {
    color: #795548;
}

.form-group-material-grey .control-label {
    color: #9e9e9e;
}

.form-group-material-blue-grey .control-label {
    color: #607d8b;
}

.form-group input.form-control:focus ~ .floating-label,
.form-group-default input.form-control:focus ~ .floating-label {
    color: #009688;
}

.form-group-black input.form-control:focus ~ .floating-label {
    color: #000000;
}

.form-group-white input.form-control:focus ~ .floating-label {
    color: #ffffff;
}

.form-group-inverse input.form-control:focus ~ .floating-label {
    color: #3f51b5;
}

.form-group-primary input.form-control:focus ~ .floating-label {
    color: #009688;
}

.form-group-success input.form-control:focus ~ .floating-label {
    color: #4caf50;
}

.form-group-info input.form-control:focus ~ .floating-label {
    color: #03a9f4;
}

.form-group-warning input.form-control:focus ~ .floating-label {
    color: #ff5722;
}

.form-group-danger input.form-control:focus ~ .floating-label {
    color: #f44336;
}

.form-group-material-red input.form-control:focus ~ .floating-label {
    color: #f44336;
}

.form-group-material-pink input.form-control:focus ~ .floating-label {
    color: #e91e63;
}

.form-group-material-purple input.form-control:focus ~ .floating-label {
    color: #9c27b0;
}

.form-group-material-deep-purple input.form-control:focus ~ .floating-label {
    color: #673ab7;
}

.form-group-material-indigo input.form-control:focus ~ .floating-label {
    color: #3f51b5;
}

.form-group-material-blue input.form-control:focus ~ .floating-label {
    color: #2196f3;
}

.form-group-material-light-blue input.form-control:focus ~ .floating-label {
    color: #03a9f4;
}

.form-group-material-cyan input.form-control:focus ~ .floating-label {
    color: #00bcd4;
}

.form-group-material-teal input.form-control:focus ~ .floating-label {
    color: #009688;
}

.form-group-material-green input.form-control:focus ~ .floating-label {
    color: #4caf50;
}

.form-group-material-light-green input.form-control:focus ~ .floating-label {
    color: #8bc34a;
}

.form-group-material-lime input.form-control:focus ~ .floating-label {
    color: #cddc39;
}

.form-group-material-yellow input.form-control:focus ~ .floating-label {
    color: #ffeb3b;
}

.form-group-material-amber input.form-control:focus ~ .floating-label {
    color: #ffc107;
}

.form-group-material-orange input.form-control:focus ~ .floating-label {
    color: #ff9800;
}

.form-group-material-deep-orange input.form-control:focus ~ .floating-label {
    color: #ff5722;
}

.form-group-material-brown input.form-control:focus ~ .floating-label {
    color: #795548;
}

.form-group-material-grey input.form-control:focus ~ .floating-label {
    color: #9e9e9e;
}

.form-group-material-blue-grey input.form-control:focus ~ .floating-label {
    color: #607d8b;
}

.input-group .form-control-wrapper {
    margin-right: 5px;
    margin-left: 5px;
}

    .input-group .form-control-wrapper .form-control {
        float: none;
    }

.input-group .input-group-addon {
    border: 0;
    background: transparent;
}

.input-group .input-group-btn .btn {
    border-radius: 4px;
    margin: 0;
}

select.form-control {
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

    select.form-control:focus,
    select.form-control.focus {
        box-shadow: none;
        border-color: #757575;
    }

.form-control-wrapper input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

legend {
    border-bottom: 0;
}

.list-group {
    border-radius: 0;
}

    .list-group .list-group-item {
        background-color: transparent;
        overflow: hidden;
        border: 0;
        border-radius: 0;
        padding: 0 16px;
    }

        .list-group .list-group-item.baseline {
            border-bottom: 1px solid #cecece;
        }

            .list-group .list-group-item.baseline:last-child {
                border-bottom: none;
            }

        .list-group .list-group-item .row-picture,
        .list-group .list-group-item .row-action-primary {
            float: left;
            display: inline-block;
            padding-right: 16px;
        }

            .list-group .list-group-item .row-picture img,
            .list-group .list-group-item .row-action-primary img,
            .list-group .list-group-item .row-picture i,
            .list-group .list-group-item .row-action-primary i,
            .list-group .list-group-item .row-picture label,
            .list-group .list-group-item .row-action-primary label {
                display: block;
                width: 56px;
                height: 56px;
            }

            .list-group .list-group-item .row-picture img,
            .list-group .list-group-item .row-action-primary img {
                background: rgba(0, 0, 0, 0.1);
                padding: 1px;
            }

                .list-group .list-group-item .row-picture img.circle,
                .list-group .list-group-item .row-action-primary img.circle {
                    border-radius: 100%;
                }

            .list-group .list-group-item .row-picture i,
            .list-group .list-group-item .row-action-primary i {
                background: rgba(0, 0, 0, 0.25);
                border-radius: 100%;
                text-align: center;
                line-height: 56px;
                font-size: 20px;
                color: white;
            }

            .list-group .list-group-item .row-picture label,
            .list-group .list-group-item .row-action-primary label {
                margin-left: 7px;
                margin-right: -7px;
                margin-top: 5px;
                margin-bottom: -5px;
            }

                .list-group .list-group-item .row-picture label .checkbox-material,
                .list-group .list-group-item .row-action-primary label .checkbox-material {
                    left: -10px;
                }

        .list-group .list-group-item .row-content {
            display: inline-block;
            width: calc(100% - 92px);
            min-height: 66px;
        }

            .list-group .list-group-item .row-content .action-secondary {
                position: absolute;
                right: 16px;
                top: 16px;
            }

                .list-group .list-group-item .row-content .action-secondary i {
                    font-size: 20px;
                    color: rgba(0, 0, 0, 0.25);
                    cursor: pointer;
                }

                .list-group .list-group-item .row-content .action-secondary ~ * {
                    max-width: calc(100% - 30px);
                }

            .list-group .list-group-item .row-content .least-content {
                position: absolute;
                right: 16px;
                top: 0px;
                color: rgba(0, 0, 0, 0.54);
                font-size: 14px;
            }

        .list-group .list-group-item .list-group-item-heading {
            color: rgba(0, 0, 0, 0.77);
            font-size: 20px;
            line-height: 29px;
        }

        .list-group .list-group-item.active:hover,
        .list-group .list-group-item.active:focus {
            background: rgba(0, 0, 0, 0.15);
            outline: 10px solid rgba(0, 0, 0, 0.15);
        }

        .list-group .list-group-item.active .list-group-item-heading,
        .list-group .list-group-item.active .list-group-item-text {
            color: rgba(0, 0, 0, 0.84);
        }

    .list-group .list-group-separator {
        clear: both;
        overflow: hidden;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .list-group .list-group-separator:before {
            content: "";
            width: calc(100% - 90px);
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            float: right;
        }

.navbar {
    background-color: #009688;
    border: 0;
    border-radius: 0;
}

    .navbar .navbar-brand {
        position: relative;
        height: 60px;
        line-height: 30px;
        color: inherit;
    }

        .navbar .navbar-brand:hover,
        .navbar .navbar-brand:focus {
            color: inherit;
            background-color: transparent;
        }

    .navbar .navbar-text {
        color: inherit;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .navbar .navbar-nav > li > a {
        color: inherit;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .navbar .navbar-nav > li > a:hover,
        .navbar .navbar-nav > li > a:focus {
            color: inherit;
            background-color: transparent;
        }

    .navbar .navbar-nav > .active > a,
    .navbar .navbar-nav > .active > a:hover,
    .navbar .navbar-nav > .active > a:focus {
        color: inherit;
        background-color: rgba(255, 255, 255, 0.1);
    }

    .navbar .navbar-nav > .disabled > a,
    .navbar .navbar-nav > .disabled > a:hover,
    .navbar .navbar-nav > .disabled > a:focus {
        color: inherit;
        background-color: transparent;
        opacity: 0.9;
    }

    .navbar .navbar-toggle {
        border: 0;
    }

        .navbar .navbar-toggle:hover,
        .navbar .navbar-toggle:focus {
            background-color: transparent;
        }

        .navbar .navbar-toggle .icon-bar {
            background-color: inherit;
            border: 1px solid;
        }

    .navbar .navbar-default .navbar-toggle,
    .navbar .navbar-inverse .navbar-toggle {
        border-color: transparent;
    }

    .navbar .navbar-collapse,
    .navbar .navbar-form {
        border-color: rgba(0, 0, 0, 0.1);
    }

    .navbar .navbar-nav > .open > a,
    .navbar .navbar-nav > .open > a:hover,
    .navbar .navbar-nav > .open > a:focus {
        background-color: transparent;
        color: inherit;
    }

@media (max-width: 767px) {
    .navbar .navbar-nav .navbar-text {
        color: inherit;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .navbar .navbar-nav .open .dropdown-menu > .dropdown-header {
        border: 0;
        color: inherit;
    }

    .navbar .navbar-nav .open .dropdown-menu .divider {
        border-bottom: 1px solid;
        opacity: 0.08;
    }

    .navbar .navbar-nav .open .dropdown-menu > li > a {
        color: inherit;
    }

        .navbar .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar .navbar-nav .open .dropdown-menu > li > a:focus {
            color: inherit;
            background-color: transparent;
        }

    .navbar .navbar-nav .open .dropdown-menu > .active > a,
    .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: inherit;
        background-color: transparent;
    }

    .navbar .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: inherit;
        background-color: transparent;
    }
}

.navbar .navbar-link {
    color: inherit;
}

    .navbar .navbar-link:hover {
        color: inherit;
    }

.navbar .btn-link {
    color: inherit;
}

    .navbar .btn-link:hover,
    .navbar .btn-link:focus {
        color: inherit;
    }

    .navbar .btn-link[disabled]:hover,
    fieldset[disabled] .navbar .btn-link:hover,
    .navbar .btn-link[disabled]:focus,
    fieldset[disabled] .navbar .btn-link:focus {
        color: inherit;
    }

.navbar .navbar-form {
    margin-top: 16px;
}

    .navbar .navbar-form .form-control-wrapper .form-control,
    .navbar .navbar-form .form-control {
        border-color: inherit;
        color: inherit;
    }

    .navbar .navbar-form .form-control-wrapper .material-input:before,
    .navbar .navbar-form .form-control-wrapper input:focus ~ .material-input:after {
        background-color: inherit;
    }

.navbar.navbar,
.navbar-default.navbar {
    background-color: #009688;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-default.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar.navbar .navbar-form input.form-control::-webkit-input-placeholder, .navbar-default.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-default.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar.navbar .navbar-form input.form-control::-moz-placeholder, .navbar-default.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-default.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar.navbar .navbar-form input.form-control:-ms-input-placeholder, .navbar-default.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-default.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar.navbar .navbar-form input.form-control::placeholder, .navbar-default.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar.navbar .dropdown-menu,
    .navbar-default.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar.navbar .dropdown-menu li > a,
        .navbar-default.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar.navbar .dropdown-menu li > a:hover,
            .navbar-default.navbar .dropdown-menu li > a:hover,
            .navbar.navbar .dropdown-menu li > a:focus,
            .navbar-default.navbar .dropdown-menu li > a:focus {
                color: #009688;
                background-color: #eeeeee;
            }

        .navbar.navbar .dropdown-menu .active > a,
        .navbar-default.navbar .dropdown-menu .active > a {
            background-color: #009688;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar.navbar .dropdown-menu .active > a:hover,
            .navbar-default.navbar .dropdown-menu .active > a:hover,
            .navbar.navbar .dropdown-menu .active > a:focus,
            .navbar-default.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-black.navbar {
    background-color: #000000;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-black.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-black.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-black.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-black.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-black.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-black.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-black.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-black.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-black.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-black.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-black.navbar .dropdown-menu li > a:hover,
            .navbar-black.navbar .dropdown-menu li > a:focus {
                color: #000000;
                background-color: #eeeeee;
            }

        .navbar-black.navbar .dropdown-menu .active > a {
            background-color: #000000;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-black.navbar .dropdown-menu .active > a:hover,
            .navbar-black.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-white.navbar {
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.84);
}

    .navbar-white.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-white.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-white.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-white.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-white.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-white.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-white.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-white.navbar .navbar-form input.form-control::placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-white.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-white.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-white.navbar .dropdown-menu li > a:hover,
            .navbar-white.navbar .dropdown-menu li > a:focus {
                color: #ffffff;
                background-color: #eeeeee;
            }

        .navbar-white.navbar .dropdown-menu .active > a {
            background-color: #ffffff;
            color: rgba(0, 0, 0, 0.84);
        }

            .navbar-white.navbar .dropdown-menu .active > a:hover,
            .navbar-white.navbar .dropdown-menu .active > a:focus {
                color: rgba(0, 0, 0, 0.84);
            }

.navbar-inverse.navbar {
    background-color: #3f51b5;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-inverse.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-inverse.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-inverse.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-inverse.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-inverse.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-inverse.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-inverse.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-inverse.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-inverse.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-inverse.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-inverse.navbar .dropdown-menu li > a:hover,
            .navbar-inverse.navbar .dropdown-menu li > a:focus {
                color: #3f51b5;
                background-color: #eeeeee;
            }

        .navbar-inverse.navbar .dropdown-menu .active > a {
            background-color: #3f51b5;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-inverse.navbar .dropdown-menu .active > a:hover,
            .navbar-inverse.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-primary.navbar {
    background-color: #009688;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-primary.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-primary.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-primary.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-primary.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-primary.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-primary.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-primary.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-primary.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-primary.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-primary.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-primary.navbar .dropdown-menu li > a:hover,
            .navbar-primary.navbar .dropdown-menu li > a:focus {
                color: #009688;
                background-color: #eeeeee;
            }

        .navbar-primary.navbar .dropdown-menu .active > a {
            background-color: #009688;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-primary.navbar .dropdown-menu .active > a:hover,
            .navbar-primary.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-success.navbar {
    background-color: #4caf50;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-success.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-success.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-success.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-success.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-success.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-success.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-success.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-success.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-success.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-success.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-success.navbar .dropdown-menu li > a:hover,
            .navbar-success.navbar .dropdown-menu li > a:focus {
                color: #4caf50;
                background-color: #eeeeee;
            }

        .navbar-success.navbar .dropdown-menu .active > a {
            background-color: #4caf50;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-success.navbar .dropdown-menu .active > a:hover,
            .navbar-success.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-info.navbar {
    background-color: #03a9f4;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-info.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-info.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-info.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-info.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-info.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-info.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-info.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-info.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-info.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-info.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-info.navbar .dropdown-menu li > a:hover,
            .navbar-info.navbar .dropdown-menu li > a:focus {
                color: #03a9f4;
                background-color: #eeeeee;
            }

        .navbar-info.navbar .dropdown-menu .active > a {
            background-color: #03a9f4;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-info.navbar .dropdown-menu .active > a:hover,
            .navbar-info.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-warning.navbar {
    background-color: #ff5722;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-warning.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-warning.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-warning.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-warning.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-warning.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-warning.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-warning.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-warning.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-warning.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-warning.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-warning.navbar .dropdown-menu li > a:hover,
            .navbar-warning.navbar .dropdown-menu li > a:focus {
                color: #ff5722;
                background-color: #eeeeee;
            }

        .navbar-warning.navbar .dropdown-menu .active > a {
            background-color: #ff5722;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-warning.navbar .dropdown-menu .active > a:hover,
            .navbar-warning.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-danger.navbar {
    background-color: #f44336;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-danger.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-danger.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-danger.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-danger.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-danger.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-danger.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-danger.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-danger.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-danger.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-danger.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-danger.navbar .dropdown-menu li > a:hover,
            .navbar-danger.navbar .dropdown-menu li > a:focus {
                color: #f44336;
                background-color: #eeeeee;
            }

        .navbar-danger.navbar .dropdown-menu .active > a {
            background-color: #f44336;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-danger.navbar .dropdown-menu .active > a:hover,
            .navbar-danger.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-material-red.navbar {
    background-color: #f44336;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-material-red.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-red.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-red.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-red.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-red.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-red.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-red.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-red.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-red.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-red.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-red.navbar .dropdown-menu li > a:hover,
            .navbar-material-red.navbar .dropdown-menu li > a:focus {
                color: #f44336;
                background-color: #eeeeee;
            }

        .navbar-material-red.navbar .dropdown-menu .active > a {
            background-color: #f44336;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-material-red.navbar .dropdown-menu .active > a:hover,
            .navbar-material-red.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-material-pink.navbar {
    background-color: #e91e63;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-material-pink.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-pink.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-pink.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-pink.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-pink.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-pink.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-pink.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-pink.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-pink.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-pink.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-pink.navbar .dropdown-menu li > a:hover,
            .navbar-material-pink.navbar .dropdown-menu li > a:focus {
                color: #e91e63;
                background-color: #eeeeee;
            }

        .navbar-material-pink.navbar .dropdown-menu .active > a {
            background-color: #e91e63;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-material-pink.navbar .dropdown-menu .active > a:hover,
            .navbar-material-pink.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-material-purple.navbar {
    background-color: #9c27b0;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-material-purple.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-purple.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-purple.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-purple.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-purple.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-purple.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-purple.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-purple.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-purple.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-purple.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-purple.navbar .dropdown-menu li > a:hover,
            .navbar-material-purple.navbar .dropdown-menu li > a:focus {
                color: #9c27b0;
                background-color: #eeeeee;
            }

        .navbar-material-purple.navbar .dropdown-menu .active > a {
            background-color: #9c27b0;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-material-purple.navbar .dropdown-menu .active > a:hover,
            .navbar-material-purple.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-material-deep-purple.navbar {
    background-color: #673ab7;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-material-deep-purple.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-deep-purple.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-deep-purple.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-deep-purple.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-deep-purple.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-deep-purple.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-deep-purple.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-deep-purple.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-deep-purple.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-deep-purple.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-deep-purple.navbar .dropdown-menu li > a:hover,
            .navbar-material-deep-purple.navbar .dropdown-menu li > a:focus {
                color: #673ab7;
                background-color: #eeeeee;
            }

        .navbar-material-deep-purple.navbar .dropdown-menu .active > a {
            background-color: #673ab7;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-material-deep-purple.navbar .dropdown-menu .active > a:hover,
            .navbar-material-deep-purple.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-material-indigo.navbar {
    background-color: #3f51b5;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-material-indigo.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-indigo.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-indigo.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-indigo.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-indigo.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-indigo.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-indigo.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-indigo.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-indigo.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-indigo.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-indigo.navbar .dropdown-menu li > a:hover,
            .navbar-material-indigo.navbar .dropdown-menu li > a:focus {
                color: #3f51b5;
                background-color: #eeeeee;
            }

        .navbar-material-indigo.navbar .dropdown-menu .active > a {
            background-color: #3f51b5;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-material-indigo.navbar .dropdown-menu .active > a:hover,
            .navbar-material-indigo.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-material-blue.navbar {
    background-color: #2196f3;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-material-blue.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-blue.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-blue.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-blue.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-blue.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-blue.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-blue.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-blue.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-blue.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-blue.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-blue.navbar .dropdown-menu li > a:hover,
            .navbar-material-blue.navbar .dropdown-menu li > a:focus {
                color: #2196f3;
                background-color: #eeeeee;
            }

        .navbar-material-blue.navbar .dropdown-menu .active > a {
            background-color: #2196f3;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-material-blue.navbar .dropdown-menu .active > a:hover,
            .navbar-material-blue.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-material-light-blue.navbar {
    background-color: #03a9f4;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-material-light-blue.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-light-blue.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-light-blue.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-light-blue.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-light-blue.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-light-blue.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-light-blue.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-light-blue.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-light-blue.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-light-blue.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-light-blue.navbar .dropdown-menu li > a:hover,
            .navbar-material-light-blue.navbar .dropdown-menu li > a:focus {
                color: #03a9f4;
                background-color: #eeeeee;
            }

        .navbar-material-light-blue.navbar .dropdown-menu .active > a {
            background-color: #03a9f4;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-material-light-blue.navbar .dropdown-menu .active > a:hover,
            .navbar-material-light-blue.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-material-cyan.navbar {
    background-color: #00bcd4;
    color: rgba(0, 0, 0, 0.84);
}

    .navbar-material-cyan.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-cyan.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-cyan.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-cyan.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-cyan.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-cyan.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-cyan.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-cyan.navbar .navbar-form input.form-control::placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-cyan.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-cyan.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-cyan.navbar .dropdown-menu li > a:hover,
            .navbar-material-cyan.navbar .dropdown-menu li > a:focus {
                color: #00bcd4;
                background-color: #eeeeee;
            }

        .navbar-material-cyan.navbar .dropdown-menu .active > a {
            background-color: #00bcd4;
            color: rgba(0, 0, 0, 0.84);
        }

            .navbar-material-cyan.navbar .dropdown-menu .active > a:hover,
            .navbar-material-cyan.navbar .dropdown-menu .active > a:focus {
                color: rgba(0, 0, 0, 0.84);
            }

.navbar-material-teal.navbar {
    background-color: #009688;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-material-teal.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-teal.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-teal.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-teal.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-teal.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-teal.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-teal.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-teal.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-teal.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-teal.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-teal.navbar .dropdown-menu li > a:hover,
            .navbar-material-teal.navbar .dropdown-menu li > a:focus {
                color: #009688;
                background-color: #eeeeee;
            }

        .navbar-material-teal.navbar .dropdown-menu .active > a {
            background-color: #009688;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-material-teal.navbar .dropdown-menu .active > a:hover,
            .navbar-material-teal.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-material-green.navbar {
    background-color: #4caf50;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-material-green.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-green.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-green.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-green.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-green.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-green.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-green.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-green.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-green.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-green.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-green.navbar .dropdown-menu li > a:hover,
            .navbar-material-green.navbar .dropdown-menu li > a:focus {
                color: #4caf50;
                background-color: #eeeeee;
            }

        .navbar-material-green.navbar .dropdown-menu .active > a {
            background-color: #4caf50;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-material-green.navbar .dropdown-menu .active > a:hover,
            .navbar-material-green.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-material-light-green.navbar {
    background-color: #8bc34a;
    color: rgba(0, 0, 0, 0.84);
}

    .navbar-material-light-green.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-light-green.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-light-green.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-light-green.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-light-green.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-light-green.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-light-green.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-light-green.navbar .navbar-form input.form-control::placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-light-green.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-light-green.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-light-green.navbar .dropdown-menu li > a:hover,
            .navbar-material-light-green.navbar .dropdown-menu li > a:focus {
                color: #8bc34a;
                background-color: #eeeeee;
            }

        .navbar-material-light-green.navbar .dropdown-menu .active > a {
            background-color: #8bc34a;
            color: rgba(0, 0, 0, 0.84);
        }

            .navbar-material-light-green.navbar .dropdown-menu .active > a:hover,
            .navbar-material-light-green.navbar .dropdown-menu .active > a:focus {
                color: rgba(0, 0, 0, 0.84);
            }

.navbar-material-lime.navbar {
    background-color: #cddc39;
    color: rgba(0, 0, 0, 0.84);
}

    .navbar-material-lime.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-lime.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-lime.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-lime.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-lime.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-lime.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-lime.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-lime.navbar .navbar-form input.form-control::placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-lime.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-lime.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-lime.navbar .dropdown-menu li > a:hover,
            .navbar-material-lime.navbar .dropdown-menu li > a:focus {
                color: #cddc39;
                background-color: #eeeeee;
            }

        .navbar-material-lime.navbar .dropdown-menu .active > a {
            background-color: #cddc39;
            color: rgba(0, 0, 0, 0.84);
        }

            .navbar-material-lime.navbar .dropdown-menu .active > a:hover,
            .navbar-material-lime.navbar .dropdown-menu .active > a:focus {
                color: rgba(0, 0, 0, 0.84);
            }

.navbar-material-yellow.navbar {
    background-color: #ffeb3b;
    color: rgba(0, 0, 0, 0.84);
}

    .navbar-material-yellow.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-yellow.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-yellow.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-yellow.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-yellow.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-yellow.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-yellow.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-yellow.navbar .navbar-form input.form-control::placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-yellow.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-yellow.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-yellow.navbar .dropdown-menu li > a:hover,
            .navbar-material-yellow.navbar .dropdown-menu li > a:focus {
                color: #ffeb3b;
                background-color: #eeeeee;
            }

        .navbar-material-yellow.navbar .dropdown-menu .active > a {
            background-color: #ffeb3b;
            color: rgba(0, 0, 0, 0.84);
        }

            .navbar-material-yellow.navbar .dropdown-menu .active > a:hover,
            .navbar-material-yellow.navbar .dropdown-menu .active > a:focus {
                color: rgba(0, 0, 0, 0.84);
            }

.navbar-material-amber.navbar {
    background-color: #ffc107;
    color: rgba(0, 0, 0, 0.84);
}

    .navbar-material-amber.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-amber.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-amber.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-amber.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-amber.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-amber.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-amber.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-amber.navbar .navbar-form input.form-control::placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-amber.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-amber.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-amber.navbar .dropdown-menu li > a:hover,
            .navbar-material-amber.navbar .dropdown-menu li > a:focus {
                color: #ffc107;
                background-color: #eeeeee;
            }

        .navbar-material-amber.navbar .dropdown-menu .active > a {
            background-color: #ffc107;
            color: rgba(0, 0, 0, 0.84);
        }

            .navbar-material-amber.navbar .dropdown-menu .active > a:hover,
            .navbar-material-amber.navbar .dropdown-menu .active > a:focus {
                color: rgba(0, 0, 0, 0.84);
            }

.navbar-material-orange.navbar {
    background-color: #ff9800;
    color: rgba(0, 0, 0, 0.84);
}

    .navbar-material-orange.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-orange.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-orange.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-orange.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-orange.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-orange.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-orange.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-orange.navbar .navbar-form input.form-control::placeholder {
        color: rgba(0, 0, 0, 0.84);
    }

    .navbar-material-orange.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-orange.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-orange.navbar .dropdown-menu li > a:hover,
            .navbar-material-orange.navbar .dropdown-menu li > a:focus {
                color: #ff9800;
                background-color: #eeeeee;
            }

        .navbar-material-orange.navbar .dropdown-menu .active > a {
            background-color: #ff9800;
            color: rgba(0, 0, 0, 0.84);
        }

            .navbar-material-orange.navbar .dropdown-menu .active > a:hover,
            .navbar-material-orange.navbar .dropdown-menu .active > a:focus {
                color: rgba(0, 0, 0, 0.84);
            }

.navbar-material-deep-orange.navbar {
    background-color: #ff5722;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-material-deep-orange.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-deep-orange.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-deep-orange.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-deep-orange.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-deep-orange.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-deep-orange.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-deep-orange.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-deep-orange.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-deep-orange.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-deep-orange.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-deep-orange.navbar .dropdown-menu li > a:hover,
            .navbar-material-deep-orange.navbar .dropdown-menu li > a:focus {
                color: #ff5722;
                background-color: #eeeeee;
            }

        .navbar-material-deep-orange.navbar .dropdown-menu .active > a {
            background-color: #ff5722;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-material-deep-orange.navbar .dropdown-menu .active > a:hover,
            .navbar-material-deep-orange.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-material-brown.navbar {
    background-color: #795548;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-material-brown.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-brown.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-brown.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-brown.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-brown.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-brown.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-brown.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-brown.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-brown.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-brown.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-brown.navbar .dropdown-menu li > a:hover,
            .navbar-material-brown.navbar .dropdown-menu li > a:focus {
                color: #795548;
                background-color: #eeeeee;
            }

        .navbar-material-brown.navbar .dropdown-menu .active > a {
            background-color: #795548;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-material-brown.navbar .dropdown-menu .active > a:hover,
            .navbar-material-brown.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-material-grey.navbar {
    background-color: #9e9e9e;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-material-grey.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-grey.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-grey.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-grey.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-grey.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-grey.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-grey.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-grey.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-grey.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-grey.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-grey.navbar .dropdown-menu li > a:hover,
            .navbar-material-grey.navbar .dropdown-menu li > a:focus {
                color: #9e9e9e;
                background-color: #eeeeee;
            }

        .navbar-material-grey.navbar .dropdown-menu .active > a {
            background-color: #9e9e9e;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-material-grey.navbar .dropdown-menu .active > a:hover,
            .navbar-material-grey.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-material-blue-grey.navbar {
    background-color: #607d8b;
    color: rgba(255, 255, 255, 0.84);
}

    .navbar-material-blue-grey.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder, .navbar-material-blue-grey.navbar .navbar-form input.form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-blue-grey.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder, .navbar-material-blue-grey.navbar .navbar-form input.form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-blue-grey.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder, .navbar-material-blue-grey.navbar .navbar-form input.form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-blue-grey.navbar .navbar-form .form-control-wrapper input.form-control::placeholder, .navbar-material-blue-grey.navbar .navbar-form input.form-control::placeholder {
        color: rgba(255, 255, 255, 0.84);
    }

    .navbar-material-blue-grey.navbar .dropdown-menu {
        border-radius: 2px;
    }

        .navbar-material-blue-grey.navbar .dropdown-menu li > a {
            font-size: 16px;
            padding: 13px 16px;
        }

            .navbar-material-blue-grey.navbar .dropdown-menu li > a:hover,
            .navbar-material-blue-grey.navbar .dropdown-menu li > a:focus {
                color: #607d8b;
                background-color: #eeeeee;
            }

        .navbar-material-blue-grey.navbar .dropdown-menu .active > a {
            background-color: #607d8b;
            color: rgba(255, 255, 255, 0.84);
        }

            .navbar-material-blue-grey.navbar .dropdown-menu .active > a:hover,
            .navbar-material-blue-grey.navbar .dropdown-menu .active > a:focus {
                color: rgba(255, 255, 255, 0.84);
            }

.navbar-inverse {
    background-color: #3f51b5;
}

@media (max-width: 1199px) {
    .navbar .navbar-brand {
        height: 50px;
        padding: 10px 15px;
    }

    .navbar .navbar-form {
        margin-top: 10px;
    }

    .navbar .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.dropdown-menu {
    border: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

    .dropdown-menu .divider {
        background-color: rgba(229, 229, 229, 0.12);
    }

    .dropdown-menu li {
        overflow: hidden;
        position: relative;
    }

        .dropdown-menu li a:hover {
            background-color: transparent;
            color: #009688;
        }

        .dropdown-menu li a:hover,
        .dropdown-menu-default li a:hover {
            color: #009688;
        }

.dropdown-menu-black li a:hover {
    color: #000000;
}

.dropdown-menu-white li a:hover {
    color: #ffffff;
}

.dropdown-menu-inverse li a:hover {
    color: #3f51b5;
}

.dropdown-menu-primary li a:hover {
    color: #009688;
}

.dropdown-menu-success li a:hover {
    color: #4caf50;
}

.dropdown-menu-info li a:hover {
    color: #03a9f4;
}

.dropdown-menu-warning li a:hover {
    color: #ff5722;
}

.dropdown-menu-danger li a:hover {
    color: #f44336;
}

.dropdown-menu-material-red li a:hover {
    color: #f44336;
}

.dropdown-menu-material-pink li a:hover {
    color: #e91e63;
}

.dropdown-menu-material-purple li a:hover {
    color: #9c27b0;
}

.dropdown-menu-material-deep-purple li a:hover {
    color: #673ab7;
}

.dropdown-menu-material-indigo li a:hover {
    color: #3f51b5;
}

.dropdown-menu-material-blue li a:hover {
    color: #2196f3;
}

.dropdown-menu-material-light-blue li a:hover {
    color: #03a9f4;
}

.dropdown-menu-material-cyan li a:hover {
    color: #00bcd4;
}

.dropdown-menu-material-teal li a:hover {
    color: #009688;
}

.dropdown-menu-material-green li a:hover {
    color: #4caf50;
}

.dropdown-menu-material-light-green li a:hover {
    color: #8bc34a;
}

.dropdown-menu-material-lime li a:hover {
    color: #cddc39;
}

.dropdown-menu-material-yellow li a:hover {
    color: #ffeb3b;
}

.dropdown-menu-material-amber li a:hover {
    color: #ffc107;
}

.dropdown-menu-material-orange li a:hover {
    color: #ff9800;
}

.dropdown-menu-material-deep-orange li a:hover {
    color: #ff5722;
}

.dropdown-menu-material-brown li a:hover {
    color: #795548;
}

.dropdown-menu-material-grey li a:hover {
    color: #9e9e9e;
}

.dropdown-menu-material-blue-grey li a:hover {
    color: #607d8b;
}

.alert {
    border: 0px;
    border-radius: 0;
}

.alert,
.alert-default {
    background-color: rgba(255, 255, 255, 0.84);
    color: rgba(255, 255, 255, 0.84);
}

    .alert a,
    .alert-default a,
    .alert .alert-link,
    .alert-default .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-black {
    background-color: #000000;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-black a,
    .alert-black .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-white {
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.84);
}

    .alert-white a,
    .alert-white .alert-link {
        color: rgba(0, 0, 0, 0.84);
    }

.alert-inverse {
    background-color: #3f51b5;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-inverse a,
    .alert-inverse .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-primary {
    background-color: #009688;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-primary a,
    .alert-primary .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-success {
    background-color: #4caf50;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-success a,
    .alert-success .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-info {
    background-color: #03a9f4;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-info a,
    .alert-info .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-warning {
    background-color: #ff5722;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-warning a,
    .alert-warning .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-danger {
    background-color: #f44336;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-danger a,
    .alert-danger .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-material-red {
    background-color: #f44336;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-material-red a,
    .alert-material-red .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-material-pink {
    background-color: #e91e63;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-material-pink a,
    .alert-material-pink .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-material-purple {
    background-color: #9c27b0;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-material-purple a,
    .alert-material-purple .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-material-deep-purple {
    background-color: #673ab7;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-material-deep-purple a,
    .alert-material-deep-purple .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-material-indigo {
    background-color: #3f51b5;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-material-indigo a,
    .alert-material-indigo .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-material-blue {
    background-color: #2196f3;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-material-blue a,
    .alert-material-blue .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-material-light-blue {
    background-color: #03a9f4;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-material-light-blue a,
    .alert-material-light-blue .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-material-cyan {
    background-color: #00bcd4;
    color: rgba(0, 0, 0, 0.84);
}

    .alert-material-cyan a,
    .alert-material-cyan .alert-link {
        color: rgba(0, 0, 0, 0.84);
    }

.alert-material-teal {
    background-color: #009688;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-material-teal a,
    .alert-material-teal .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-material-green {
    background-color: #4caf50;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-material-green a,
    .alert-material-green .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-material-light-green {
    background-color: #8bc34a;
    color: rgba(0, 0, 0, 0.84);
}

    .alert-material-light-green a,
    .alert-material-light-green .alert-link {
        color: rgba(0, 0, 0, 0.84);
    }

.alert-material-lime {
    background-color: #cddc39;
    color: rgba(0, 0, 0, 0.84);
}

    .alert-material-lime a,
    .alert-material-lime .alert-link {
        color: rgba(0, 0, 0, 0.84);
    }

.alert-material-yellow {
    background-color: #ffeb3b;
    color: rgba(0, 0, 0, 0.84);
}

    .alert-material-yellow a,
    .alert-material-yellow .alert-link {
        color: rgba(0, 0, 0, 0.84);
    }

.alert-material-amber {
    background-color: #ffc107;
    color: rgba(0, 0, 0, 0.84);
}

    .alert-material-amber a,
    .alert-material-amber .alert-link {
        color: rgba(0, 0, 0, 0.84);
    }

.alert-material-orange {
    background-color: #ff9800;
    color: rgba(0, 0, 0, 0.84);
}

    .alert-material-orange a,
    .alert-material-orange .alert-link {
        color: rgba(0, 0, 0, 0.84);
    }

.alert-material-deep-orange {
    background-color: #ff5722;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-material-deep-orange a,
    .alert-material-deep-orange .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-material-brown {
    background-color: #795548;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-material-brown a,
    .alert-material-brown .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-material-grey {
    background-color: #9e9e9e;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-material-grey a,
    .alert-material-grey .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-material-blue-grey {
    background-color: #607d8b;
    color: rgba(255, 255, 255, 0.84);
}

    .alert-material-blue-grey a,
    .alert-material-blue-grey .alert-link {
        color: rgba(255, 255, 255, 0.84);
    }

.alert-info,
.alert-danger,
.alert-warning,
.alert-success {
    color: rgba(255, 255, 255, 0.84);
}

.alert-default a,
.alert-default .alert-link {
    color: rgba(0, 0, 0, 0.84);
}

.progress {
    height: 4px;
    border-radius: 0;
    box-shadow: none;
    background: #c8c8c8;
}

    .progress .progress-bar {
        box-shadow: none;
    }

    .progress .progress-bar,
    .progress .progress-bar-default {
        background-color: #009688;
    }

    .progress .progress-bar-black {
        background-color: #000000;
    }

    .progress .progress-bar-white {
        background-color: #ffffff;
    }

    .progress .progress-bar-inverse {
        background-color: #3f51b5;
    }

    .progress .progress-bar-primary {
        background-color: #009688;
    }

    .progress .progress-bar-success {
        background-color: #4caf50;
    }

    .progress .progress-bar-info {
        background-color: #03a9f4;
    }

    .progress .progress-bar-warning {
        background-color: #ff5722;
    }

    .progress .progress-bar-danger {
        background-color: #f44336;
    }

    .progress .progress-bar-material-red {
        background-color: #f44336;
    }

    .progress .progress-bar-material-pink {
        background-color: #e91e63;
    }

    .progress .progress-bar-material-purple {
        background-color: #9c27b0;
    }

    .progress .progress-bar-material-deep-purple {
        background-color: #673ab7;
    }

    .progress .progress-bar-material-indigo {
        background-color: #3f51b5;
    }

    .progress .progress-bar-material-blue {
        background-color: #2196f3;
    }

    .progress .progress-bar-material-light-blue {
        background-color: #03a9f4;
    }

    .progress .progress-bar-material-cyan {
        background-color: #00bcd4;
    }

    .progress .progress-bar-material-teal {
        background-color: #009688;
    }

    .progress .progress-bar-material-green {
        background-color: #4caf50;
    }

    .progress .progress-bar-material-light-green {
        background-color: #8bc34a;
    }

    .progress .progress-bar-material-lime {
        background-color: #cddc39;
    }

    .progress .progress-bar-material-yellow {
        background-color: #ffeb3b;
    }

    .progress .progress-bar-material-amber {
        background-color: #ffc107;
    }

    .progress .progress-bar-material-orange {
        background-color: #ff9800;
    }

    .progress .progress-bar-material-deep-orange {
        background-color: #ff5722;
    }

    .progress .progress-bar-material-brown {
        background-color: #795548;
    }

    .progress .progress-bar-material-grey {
        background-color: #9e9e9e;
    }

    .progress .progress-bar-material-blue-grey {
        background-color: #607d8b;
    }

.text-warning {
    color: #ff5722;
}

.text-primary {
    color: #009688;
}

.text-danger {
    color: #f44336;
}

.text-success {
    color: #4caf50;
}

.text-info {
    color: #03a9f4;
}

.nav-tabs {
    background: #009688;
}

    .nav-tabs > li > a {
        color: #FFFFFF;
        border: 0;
        margin: 0;
    }

        .nav-tabs > li > a:hover {
            background-color: transparent;
            border: 0;
        }

        .nav-tabs > li > a,
        .nav-tabs > li > a:hover,
        .nav-tabs > li > a:focus {
            background-color: transparent !important;
            border: 0 !important;
            color: #FFFFFF !important;
            font-weight: 500;
        }

    .nav-tabs > li.disabled > a,
    .nav-tabs > li.disabled > a:hover {
        color: rgba(255, 255, 255, 0.5);
    }

.popover,
.tooltip-inner {
    color: #ececec;
    line-height: 1em;
    background: rgba(101, 101, 101, 0.9);
    border: none;
    border-radius: 2px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.tooltip,
.tooltip.in {
    opacity: 1;
}

    .popover .arrow,
    .tooltip .arrow,
    .popover .tooltip-arrow,
    .tooltip .tooltip-arrow {
        display: none;
    }

.mdi,
icon {
    line-height: inherit;
    vertical-align: bottom;
}

.mdi,
icon,
.mdi-default,
icon-default {
    color: rgba(0, 0, 0, 0.84);
}

.mdi-black,
icon-black {
    color: #000000;
}

.mdi-white,
icon-white {
    color: #ffffff;
}

.mdi-inverse,
icon-inverse {
    color: #3f51b5;
}

.mdi-primary,
icon-primary {
    color: #009688;
}

.mdi-success,
icon-success {
    color: #4caf50;
}

.mdi-info,
icon-info {
    color: #03a9f4;
}

.mdi-warning,
icon-warning {
    color: #ff5722;
}

.mdi-danger,
icon-danger {
    color: #f44336;
}

.mdi-material-red,
icon-material-red {
    color: #f44336;
}

.mdi-material-pink,
icon-material-pink {
    color: #e91e63;
}

.mdi-material-purple,
icon-material-purple {
    color: #9c27b0;
}

.mdi-material-deep-purple,
icon-material-deep-purple {
    color: #673ab7;
}

.mdi-material-indigo,
icon-material-indigo {
    color: #3f51b5;
}

.mdi-material-blue,
icon-material-blue {
    color: #2196f3;
}

.mdi-material-light-blue,
icon-material-light-blue {
    color: #03a9f4;
}

.mdi-material-cyan,
icon-material-cyan {
    color: #00bcd4;
}

.mdi-material-teal,
icon-material-teal {
    color: #009688;
}

.mdi-material-green,
icon-material-green {
    color: #4caf50;
}

.mdi-material-light-green,
icon-material-light-green {
    color: #8bc34a;
}

.mdi-material-lime,
icon-material-lime {
    color: #cddc39;
}

.mdi-material-yellow,
icon-material-yellow {
    color: #ffeb3b;
}

.mdi-material-amber,
icon-material-amber {
    color: #ffc107;
}

.mdi-material-orange,
icon-material-orange {
    color: #ff9800;
}

.mdi-material-deep-orange,
icon-material-deep-orange {
    color: #ff5722;
}

.mdi-material-brown,
icon-material-brown {
    color: #795548;
}

.mdi-material-grey,
icon-material-grey {
    color: #9e9e9e;
}

.mdi-material-blue-grey,
icon-material-blue-grey {
    color: #607d8b;
}

.card { /***** Make height equal to width (http://stackoverflow.com/a/6615994) ****/
    display: inline-block;
    position: relative;
    width: 100%; /**************************************************************************/
    border-radius: 2px;
    color: rgba(0, 0, 0, 0.84);
    background: #ffffff;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    .card .card-height-indicator {
        margin-top: 100%;
    }

    .card .card-content {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .card .card-image {
        height: 60%;
        position: relative;
        overflow: hidden;
    }

        .card .card-image img {
            width: 100%;
            height: 100%;
            border-top-left-radius: 2px;
            border-top-right-radius: 2px;
            pointer-events: none;
        }

        .card .card-image .card-image-headline {
            position: absolute;
            bottom: 16px;
            left: 18px;
            color: #ffffff;
            font-size: 2em;
        }

    .card .card-body {
        height: 30%;
        padding: 18px;
    }

    .card .card-footer {
        height: 10%;
        padding: 18px;
    }

        .card .card-footer button {
            margin: 0 !important;
            position: relative;
            bottom: 25px;
            width: auto;
        }

            .card .card-footer button:first-child {
                left: -15px;
            }

.modal-content {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
    border-radius: 2px;
    border: none;
}

    .modal-content .modal-header {
        border-bottom: none;
        padding-top: 24px;
        padding-right: 24px;
        padding-bottom: 0px;
        padding-left: 24px;
    }

    .modal-content .modal-body {
        padding-top: 24px;
        padding-right: 24px;
        padding-bottom: 16px;
        padding-left: 24px;
    }

    .modal-content .modal-footer {
        border-top: none;
        padding: 7px;
    }

        .modal-content .modal-footer button {
            margin: 0;
            padding-left: 16px;
            padding-right: 16px;
            width: auto;
        }

            .modal-content .modal-footer button.pull-left {
                padding-left: 5px;
                padding-right: 5px;
                position: relative;
                left: -5px;
            }

            .modal-content .modal-footer button + button {
                margin-bottom: 16px;
            }

    .modal-content .modal-body + .modal-footer {
        padding-top: 0;
    }

.modal-backdrop {
    background: rgba(0, 0, 0, 0.3);
}

.label {
    border-radius: 1px;
}

.label,
.label-default {
    background-color: #9e9e9e;
}

.label-black {
    background-color: #000000;
}

.label-white {
    background-color: #ffffff;
}

.label-inverse {
    background-color: #3f51b5;
}

.label-primary {
    background-color: #009688;
}

.label-success {
    background-color: #4caf50;
}

.label-info {
    background-color: #03a9f4;
}

.label-warning {
    background-color: #ff5722;
}

.label-danger {
    background-color: #f44336;
}

.label-material-red {
    background-color: #f44336;
}

.label-material-pink {
    background-color: #e91e63;
}

.label-material-purple {
    background-color: #9c27b0;
}

.label-material-deep-purple {
    background-color: #673ab7;
}

.label-material-indigo {
    background-color: #3f51b5;
}

.label-material-blue {
    background-color: #2196f3;
}

.label-material-light-blue {
    background-color: #03a9f4;
}

.label-material-cyan {
    background-color: #00bcd4;
}

.label-material-teal {
    background-color: #009688;
}

.label-material-green {
    background-color: #4caf50;
}

.label-material-light-green {
    background-color: #8bc34a;
}

.label-material-lime {
    background-color: #cddc39;
}

.label-material-yellow {
    background-color: #ffeb3b;
}

.label-material-amber {
    background-color: #ffc107;
}

.label-material-orange {
    background-color: #ff9800;
}

.label-material-deep-orange {
    background-color: #ff5722;
}

.label-material-brown {
    background-color: #795548;
}

.label-material-grey {
    background-color: #9e9e9e;
}

.label-material-blue-grey {
    background-color: #607d8b;
}

.panel {
    border-radius: 2px;
    border: 0;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

    .panel > .panel-heading,
    .panel-default > .panel-heading {
        background-color: #eeeeee;
    }

.panel-black > .panel-heading {
    background-color: #000000;
}

.panel-white > .panel-heading {
    background-color: #ffffff;
}

.panel-inverse > .panel-heading {
    background-color: #3f51b5;
}

.panel-primary > .panel-heading {
    background-color: #009688;
}

.panel-success > .panel-heading {
    background-color: #4caf50;
}

.panel-info > .panel-heading {
    background-color: #03a9f4;
}

.panel-warning > .panel-heading {
    background-color: #ff5722;
}

.panel-danger > .panel-heading {
    background-color: #f44336;
}

.panel-material-red > .panel-heading {
    background-color: #f44336;
}

.panel-material-pink > .panel-heading {
    background-color: #e91e63;
}

.panel-material-purple > .panel-heading {
    background-color: #9c27b0;
}

.panel-material-deep-purple > .panel-heading {
    background-color: #673ab7;
}

.panel-material-indigo > .panel-heading {
    background-color: #3f51b5;
}

.panel-material-blue > .panel-heading {
    background-color: #2196f3;
}

.panel-material-light-blue > .panel-heading {
    background-color: #03a9f4;
}

.panel-material-cyan > .panel-heading {
    background-color: #00bcd4;
}

.panel-material-teal > .panel-heading {
    background-color: #009688;
}

.panel-material-green > .panel-heading {
    background-color: #4caf50;
}

.panel-material-light-green > .panel-heading {
    background-color: #8bc34a;
}

.panel-material-lime > .panel-heading {
    background-color: #cddc39;
}

.panel-material-yellow > .panel-heading {
    background-color: #ffeb3b;
}

.panel-material-amber > .panel-heading {
    background-color: #ffc107;
}

.panel-material-orange > .panel-heading {
    background-color: #ff9800;
}

.panel-material-deep-orange > .panel-heading {
    background-color: #ff5722;
}

.panel-material-brown > .panel-heading {
    background-color: #795548;
}

.panel-material-grey > .panel-heading {
    background-color: #9e9e9e;
}

.panel-material-blue-grey > .panel-heading {
    background-color: #607d8b;
}

[class*="panel-"] > .panel-heading {
    color: rgba(255, 255, 255, 0.84);
    border: 0;
}

.panel-default > .panel-heading,
.panel:not([class*="panel-"]) > .panel-heading {
    color: rgba(0, 0, 0, 0.84);
}

.panel-footer {
    background-color: #eeeeee;
}

hr.on-dark {
    color: #1a1a1a;
}

hr.on-light {
    color: #ffffff;
}

@media (-webkit-min-device-pixel-ratio: 0.75), (min--moz-device-pixel-ratio: 0.75), (-o-device-pixel-ratio: 3/4), (min-device-pixel-ratio: 0.75), (min-resolution: 0.75dppx), (min-resolution: 120dpi) {
    hr {
        height: 0.75px;
    }
}

@media (-webkit-min-device-pixel-ratio: 1), (min--moz-device-pixel-ratio: 1), (-o-device-pixel-ratio: 1), (min-device-pixel-ratio: 1), (min-resolution: 1dppx), (min-resolution: 160dpi) {
    hr {
        height: 1px;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.33), (min--moz-device-pixel-ratio: 1.33), (-o-device-pixel-ratio: 133/100), (min-device-pixel-ratio: 1.33), (min-resolution: 1.33dppx), (min-resolution: 213dpi) {
    hr {
        height: 1.333px;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 240dpi) {
    hr {
        height: 1.5px;
    }
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 380dpi) {
    hr {
        height: 2px;
    }
}

@media (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-device-pixel-ratio: 3/1), (min-device-pixel-ratio: 3), (min-resolution: 3dppx), (min-resolution: 480dpi) {
    hr {
        height: 3px;
    }
}

@media (-webkit-min-device-pixel-ratio: 4), (min--moz-device-pixel-ratio: 4), (-o-device-pixel-ratio: 4/1), (min-device-pixel-ratio: 3), (min-resolution: 4dppx), (min-resolution: 640dpi) {
    hr {
        height: 4px;
    }
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
}

    *:focus {
        outline: 0;
    }

.snackbar {
    background-color: #323232;
    color: rgba(255, 255, 255, 0.84);
    font-size: 14px;
    border-radius: 2px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    height: 0;
    transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
    -webkit-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%);
}

    .snackbar.snackbar-opened {
        padding: 14px 15px;
        margin-bottom: 20px;
        height: auto;
        transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .snackbar.toast {
        border-radius: 200px;
    }

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

.noUi-handle {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

.noUi-stacking .noUi-handle {
    z-index: 10;
}

.noUi-stacking + .noUi-origin {
    *z-index: -1;
}

.noUi-state-tap .noUi-origin {
    transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-horizontal {
    height: 10px;
}

.noUi-handle {
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    left: -10px;
    top: -5px;
    cursor: ew-resize;
    border-radius: 100%;
    transition: all 0.2s ease-out;
    border: 1px solid;
}

.noUi-vertical .noUi-handle {
    margin-left: 5px;
    cursor: ns-resize;
}

.noUi-horizontal.noUi-extended {
    padding: 0 15px;
}

    .noUi-horizontal.noUi-extended .noUi-origin {
        right: -15px;
    }

.noUi-background {
    height: 2px;
    margin: 20px 0;
}

.noUi-origin {
    margin: 0;
    border-radius: 0;
    height: 2px;
    background: #c8c8c8;
}

    .noUi-origin[style^="left: 0"] .noUi-handle {
        background-color: #fff;
        border: 2px solid #c8c8c8;
    }

        .noUi-origin[style^="left: 0"] .noUi-handle.noUi-active {
            border-width: 1px;
        }

.noUi-target {
    border-radius: 2px;
}

.noUi-horizontal {
    height: 2px;
    margin: 15px 0;
}

.noUi-vertical {
    height: 100%;
    width: 2px;
    margin: 0 15px;
    display: inline-block;
}

.noUi-handle.noUi-active {
    -webkit-transform: scale3d(2.5, 2.5, 1);
    transform: scale3d(2.5, 2.5, 1);
}

[disabled].noUi-slider {
    opacity: 0.5;
}

[disabled] .noUi-handle {
    cursor: not-allowed;
}

.slider {
    background: #c8c8c8;
}

    .slider.noUi-connect,
    .slider-default.noUi-connect {
        background-color: #009688;
    }

.slider-black.noUi-connect {
    background-color: #000000;
}

.slider-white.noUi-connect {
    background-color: #ffffff;
}

.slider-inverse.noUi-connect {
    background-color: #3f51b5;
}

.slider-primary.noUi-connect {
    background-color: #009688;
}

.slider-success.noUi-connect {
    background-color: #4caf50;
}

.slider-info.noUi-connect {
    background-color: #03a9f4;
}

.slider-warning.noUi-connect {
    background-color: #ff5722;
}

.slider-danger.noUi-connect {
    background-color: #f44336;
}

.slider-material-red.noUi-connect {
    background-color: #f44336;
}

.slider-material-pink.noUi-connect {
    background-color: #e91e63;
}

.slider-material-purple.noUi-connect {
    background-color: #9c27b0;
}

.slider-material-deep-purple.noUi-connect {
    background-color: #673ab7;
}

.slider-material-indigo.noUi-connect {
    background-color: #3f51b5;
}

.slider-material-blue.noUi-connect {
    background-color: #2196f3;
}

.slider-material-light-blue.noUi-connect {
    background-color: #03a9f4;
}

.slider-material-cyan.noUi-connect {
    background-color: #00bcd4;
}

.slider-material-teal.noUi-connect {
    background-color: #009688;
}

.slider-material-green.noUi-connect {
    background-color: #4caf50;
}

.slider-material-light-green.noUi-connect {
    background-color: #8bc34a;
}

.slider-material-lime.noUi-connect {
    background-color: #cddc39;
}

.slider-material-yellow.noUi-connect {
    background-color: #ffeb3b;
}

.slider-material-amber.noUi-connect {
    background-color: #ffc107;
}

.slider-material-orange.noUi-connect {
    background-color: #ff9800;
}

.slider-material-deep-orange.noUi-connect {
    background-color: #ff5722;
}

.slider-material-brown.noUi-connect {
    background-color: #795548;
}

.slider-material-grey.noUi-connect {
    background-color: #9e9e9e;
}

.slider-material-blue-grey.noUi-connect {
    background-color: #607d8b;
}

.slider .noUi-connect,
.slider-default .noUi-connect {
    background-color: #009688;
}

.slider-black .noUi-connect {
    background-color: #000000;
}

.slider-white .noUi-connect {
    background-color: #ffffff;
}

.slider-inverse .noUi-connect {
    background-color: #3f51b5;
}

.slider-primary .noUi-connect {
    background-color: #009688;
}

.slider-success .noUi-connect {
    background-color: #4caf50;
}

.slider-info .noUi-connect {
    background-color: #03a9f4;
}

.slider-warning .noUi-connect {
    background-color: #ff5722;
}

.slider-danger .noUi-connect {
    background-color: #f44336;
}

.slider-material-red .noUi-connect {
    background-color: #f44336;
}

.slider-material-pink .noUi-connect {
    background-color: #e91e63;
}

.slider-material-purple .noUi-connect {
    background-color: #9c27b0;
}

.slider-material-deep-purple .noUi-connect {
    background-color: #673ab7;
}

.slider-material-indigo .noUi-connect {
    background-color: #3f51b5;
}

.slider-material-blue .noUi-connect {
    background-color: #2196f3;
}

.slider-material-light-blue .noUi-connect {
    background-color: #03a9f4;
}

.slider-material-cyan .noUi-connect {
    background-color: #00bcd4;
}

.slider-material-teal .noUi-connect {
    background-color: #009688;
}

.slider-material-green .noUi-connect {
    background-color: #4caf50;
}

.slider-material-light-green .noUi-connect {
    background-color: #8bc34a;
}

.slider-material-lime .noUi-connect {
    background-color: #cddc39;
}

.slider-material-yellow .noUi-connect {
    background-color: #ffeb3b;
}

.slider-material-amber .noUi-connect {
    background-color: #ffc107;
}

.slider-material-orange .noUi-connect {
    background-color: #ff9800;
}

.slider-material-deep-orange .noUi-connect {
    background-color: #ff5722;
}

.slider-material-brown .noUi-connect {
    background-color: #795548;
}

.slider-material-grey .noUi-connect {
    background-color: #9e9e9e;
}

.slider-material-blue-grey .noUi-connect {
    background-color: #607d8b;
}

.slider .noUi-handle,
.slider-default .noUi-handle {
    background-color: #009688;
}

.slider-black .noUi-handle {
    background-color: #000000;
}

.slider-white .noUi-handle {
    background-color: #ffffff;
}

.slider-inverse .noUi-handle {
    background-color: #3f51b5;
}

.slider-primary .noUi-handle {
    background-color: #009688;
}

.slider-success .noUi-handle {
    background-color: #4caf50;
}

.slider-info .noUi-handle {
    background-color: #03a9f4;
}

.slider-warning .noUi-handle {
    background-color: #ff5722;
}

.slider-danger .noUi-handle {
    background-color: #f44336;
}

.slider-material-red .noUi-handle {
    background-color: #f44336;
}

.slider-material-pink .noUi-handle {
    background-color: #e91e63;
}

.slider-material-purple .noUi-handle {
    background-color: #9c27b0;
}

.slider-material-deep-purple .noUi-handle {
    background-color: #673ab7;
}

.slider-material-indigo .noUi-handle {
    background-color: #3f51b5;
}

.slider-material-blue .noUi-handle {
    background-color: #2196f3;
}

.slider-material-light-blue .noUi-handle {
    background-color: #03a9f4;
}

.slider-material-cyan .noUi-handle {
    background-color: #00bcd4;
}

.slider-material-teal .noUi-handle {
    background-color: #009688;
}

.slider-material-green .noUi-handle {
    background-color: #4caf50;
}

.slider-material-light-green .noUi-handle {
    background-color: #8bc34a;
}

.slider-material-lime .noUi-handle {
    background-color: #cddc39;
}

.slider-material-yellow .noUi-handle {
    background-color: #ffeb3b;
}

.slider-material-amber .noUi-handle {
    background-color: #ffc107;
}

.slider-material-orange .noUi-handle {
    background-color: #ff9800;
}

.slider-material-deep-orange .noUi-handle {
    background-color: #ff5722;
}

.slider-material-brown .noUi-handle {
    background-color: #795548;
}

.slider-material-grey .noUi-handle {
    background-color: #9e9e9e;
}

.slider-material-blue-grey .noUi-handle {
    background-color: #607d8b;
}

.slider .noUi-handle,
.slider-default .noUi-handle {
    border-color: #009688;
}

.slider-black .noUi-handle {
    border-color: #000000;
}

.slider-white .noUi-handle {
    border-color: #ffffff;
}

.slider-inverse .noUi-handle {
    border-color: #3f51b5;
}

.slider-primary .noUi-handle {
    border-color: #009688;
}

.slider-success .noUi-handle {
    border-color: #4caf50;
}

.slider-info .noUi-handle {
    border-color: #03a9f4;
}

.slider-warning .noUi-handle {
    border-color: #ff5722;
}

.slider-danger .noUi-handle {
    border-color: #f44336;
}

.slider-material-red .noUi-handle {
    border-color: #f44336;
}

.slider-material-pink .noUi-handle {
    border-color: #e91e63;
}

.slider-material-purple .noUi-handle {
    border-color: #9c27b0;
}

.slider-material-deep-purple .noUi-handle {
    border-color: #673ab7;
}

.slider-material-indigo .noUi-handle {
    border-color: #3f51b5;
}

.slider-material-blue .noUi-handle {
    border-color: #2196f3;
}

.slider-material-light-blue .noUi-handle {
    border-color: #03a9f4;
}

.slider-material-cyan .noUi-handle {
    border-color: #00bcd4;
}

.slider-material-teal .noUi-handle {
    border-color: #009688;
}

.slider-material-green .noUi-handle {
    border-color: #4caf50;
}

.slider-material-light-green .noUi-handle {
    border-color: #8bc34a;
}

.slider-material-lime .noUi-handle {
    border-color: #cddc39;
}

.slider-material-yellow .noUi-handle {
    border-color: #ffeb3b;
}

.slider-material-amber .noUi-handle {
    border-color: #ffc107;
}

.slider-material-orange .noUi-handle {
    border-color: #ff9800;
}

.slider-material-deep-orange .noUi-handle {
    border-color: #ff5722;
}

.slider-material-brown .noUi-handle {
    border-color: #795548;
}

.slider-material-grey .noUi-handle {
    border-color: #9e9e9e;
}

.slider-material-blue-grey .noUi-handle {
    border-color: #607d8b;
}

.selectize-control.single,
.selectize-control.multi {
    padding: 0;
}

    .selectize-control.single .selectize-input,
    .selectize-control.multi .selectize-input,
    .selectize-control.single .selectize-input.input-active,
    .selectize-control.multi .selectize-input.input-active {
        cursor: text;
        background: transparent;
        box-shadow: none;
        border: 0;
        padding: 0;
        height: 100%;
        font-size: 14px;
        line-height: 30px;
    }

        .selectize-control.single .selectize-input .has-items,
        .selectize-control.multi .selectize-input .has-items,
        .selectize-control.single .selectize-input.input-active .has-items,
        .selectize-control.multi .selectize-input.input-active .has-items {
            padding: 0;
        }

        .selectize-control.single .selectize-input:after,
        .selectize-control.multi .selectize-input:after,
        .selectize-control.single .selectize-input.input-active:after,
        .selectize-control.multi .selectize-input.input-active:after {
            right: 5px;
            position: absolute;
            font-size: 7px;
            content: "\e894";
            font-family: "Material-Design-Icons";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 4;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .selectize-control.single .selectize-input input,
        .selectize-control.multi .selectize-input input,
        .selectize-control.single .selectize-input.input-active input,
        .selectize-control.multi .selectize-input.input-active input {
            font-size: 14px;
            outline: 0px;
            border: 0px;
            background: transparent;
        }

        .selectize-control.single .selectize-input.floating-label-fix input,
        .selectize-control.multi .selectize-input.floating-label-fix input,
        .selectize-control.single .selectize-input.input-active.floating-label-fix input,
        .selectize-control.multi .selectize-input.input-active.floating-label-fix input {
            opacity: 0;
        }

        .selectize-control.single .selectize-input > div,
        .selectize-control.multi .selectize-input > div,
        .selectize-control.single .selectize-input.input-active > div,
        .selectize-control.multi .selectize-input.input-active > div,
        .selectize-control.single .selectize-input > .item,
        .selectize-control.multi .selectize-input > .item,
        .selectize-control.single .selectize-input.input-active > .item,
        .selectize-control.multi .selectize-input.input-active > .item {
            display: inline-block;
            margin: 0 8px 3px 0;
            padding: 0;
            background: transparent;
            border: 0;
        }

            .selectize-control.single .selectize-input > div:after,
            .selectize-control.multi .selectize-input > div:after,
            .selectize-control.single .selectize-input.input-active > div:after,
            .selectize-control.multi .selectize-input.input-active > div:after,
            .selectize-control.single .selectize-input > .item:after,
            .selectize-control.multi .selectize-input > .item:after,
            .selectize-control.single .selectize-input.input-active > .item:after,
            .selectize-control.multi .selectize-input.input-active > .item:after {
                content: ",";
            }

            .selectize-control.single .selectize-input > div:last-of-type:after,
            .selectize-control.multi .selectize-input > div:last-of-type:after,
            .selectize-control.single .selectize-input.input-active > div:last-of-type:after,
            .selectize-control.multi .selectize-input.input-active > div:last-of-type:after,
            .selectize-control.single .selectize-input > .item:last-of-type:after,
            .selectize-control.multi .selectize-input > .item:last-of-type:after,
            .selectize-control.single .selectize-input.input-active > .item:last-of-type:after,
            .selectize-control.multi .selectize-input.input-active > .item:last-of-type:after {
                content: "";
            }

            .selectize-control.single .selectize-input > div.active,
            .selectize-control.multi .selectize-input > div.active,
            .selectize-control.single .selectize-input.input-active > div.active,
            .selectize-control.multi .selectize-input.input-active > div.active,
            .selectize-control.single .selectize-input > .item.active,
            .selectize-control.multi .selectize-input > .item.active,
            .selectize-control.single .selectize-input.input-active > .item.active,
            .selectize-control.multi .selectize-input.input-active > .item.active {
                font-weight: bold;
                background: transparent;
                border: 0;
            }

    .selectize-control.single .selectize-dropdown,
    .selectize-control.multi .selectize-dropdown {
        position: absolute;
        z-index: 1000;
        border: 0;
        width: 100% !important;
        left: 0 !important;
        height: auto;
        background-color: #FFF;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        border-radius: 2px;
        padding: 0;
        margin-top: 3px;
    }

        .selectize-control.single .selectize-dropdown .active,
        .selectize-control.multi .selectize-dropdown .active {
            background-color: inherit;
        }

        .selectize-control.single .selectize-dropdown .highlight,
        .selectize-control.multi .selectize-dropdown .highlight {
            background-color: #d5d8ff;
        }

        .selectize-control.single .selectize-dropdown .selected,
        .selectize-control.multi .selectize-dropdown .selected,
        .selectize-control.single .selectize-dropdown .selected.active,
        .selectize-control.multi .selectize-dropdown .selected.active {
            background-color: #EEEEEE;
        }

        .selectize-control.single .selectize-dropdown [data-selectable],
        .selectize-control.multi .selectize-dropdown [data-selectable],
        .selectize-control.single .selectize-dropdown .optgroup-header,
        .selectize-control.multi .selectize-dropdown .optgroup-header {
            padding: 10px 20px;
            cursor: pointer;
        }

    .selectize-control.single .dropdown-active ~ .selectize-dropdown,
    .selectize-control.multi .dropdown-active ~ .selectize-dropdown {
        display: block;
    }

.dropdownjs:after {
    right: 5px;
    top: 3px;
    font-size: 25px;
    position: absolute;
    content: "\e894";
    font-family: "Material-Design-Icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    pointer-events: none;
    color: #757575;
}

.shadow-z-1 {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.shadow-z-1-hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.shadow-z-2 {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.shadow-z-3 {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.shadow-z-4 {
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.shadow-z-5 {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    overflow-x: auto;
}

body {
    line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

    nav ul {
        list-style: none;
    }

ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    outline: none;
}
/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}


.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .close:hover,
    .close:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
    background-color: #84a974;
    color: #fff;
    font-size: 18px;
}

.modal-content .modal-header {
    padding: 15px;
}

.modal-content .modal-footer {
    padding: 10px 15px !important;
    border-radius: 0;
    background-color: #f9f9f9;
    border-top: 1px solid #ccc;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after,
.modal-footer:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #777;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    background: #e5e5e5;
}

.form-box {
    font-family: inherit;
    font-size: inherit;
    border-radius: 0;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    color: #666;
    padding: 5px 10px;
}

input {
    outline: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
        display: none;
    }

input,
select,
textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    border: 0;
}

.square-icon {
    width: 60px;
    height: 60px;
    display: block;
    position: relative;
}

    .square-icon.green {
        background-color: #9bbe40;
        color: #9bbe40;
    }

        .square-icon.green .icon {
            border-color: #84a236;
        }

    .square-icon.blue {
        background-color: #2998cd;
        color: #2998cd;
    }

        .square-icon.blue .icon {
            border-color: #2381ae;
        }

    .square-icon.orange {
        color: #84a974;
    }

        .square-icon.orange .icon {
            border-color: #d98627;
        }

    .square-icon .icon {
        font-size: 24px;
        width: 40px;
        height: 40px;
        border-radius: 40px;
        background-color: #fff;
        text-align: center;
        line-height: 40px;
        border: 2px solid;
        position: absolute;
        left: 10px;
        top: 10px;
    }

.clearfix:after,
.clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.f_left {
    float: left !important;
}

.f_right {
    float: right !important;
}

.half-width {
    width: 50%;
    float: left;
}

.page-loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 99;
    background: rgba(0,0,0,.8) url(../img/loader.gif) no-repeat center center;
}

.table {
    width: 100%;
    font-size: 12px;
}

td,
th {
    padding: 4px;
    text-align: left;
}

.right {
    text-align: right;
}

textarea.form-control {
    min-height: 60px;
}

label.block {
    display: block;
    padding-left: 10px;
}

dl {
    margin-bottom: 10px;
}

ol {
    padding-left: 30px;
}

.fs12 {
    font-size: 12px;
}
/* ----------------------- */

/* bootstrap */
.table {
    border-collapse: collapse !important
}

    .table td,
    .table th {
        background-color: #fff;
    }

.btn {
    display: inline-block;
    padding: 10px 15px;
    height: 50px;
    line-height: 30px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    color: #fff !important;
    margin: 0;
    border-radius: 0;
    text-transform: none;
}

    .btn.btn-small {
        padding: 5px 10px;
        height: 40px;
        font-size: 14px;
    }

    .btn.btn-big {
        font-size: 24px;
    }

    .btn.btn-block {
        display: block;
        width: 100%;
    }

.btn-default:not(.btn-link):not(.btn-flat),
.btn-default:not(.btn-link):not(.btn-flat):hover,
.btn-default:not(.btn-link):not(.btn-flat):focus {
    background-color: #888;
}

.btn-facebook:not(.btn-link):not(.btn-flat),
.btn-facebook:not(.btn-link):not(.btn-flat):hover,
.btn-facebook:not(.btn-link):not(.btn-flat):focus {
    background-color: #3a5795;
}

.form-group {
    margin-bottom: 15px;
}

.radio-warning input[type=radio]:checked ~ .circle {
    border-color: #84a974;
}

.radio label .circle {
    border-color: rgba(0,0,0,.4)
}

.radio label {
    padding-left: 30px;
}

.form-group.has-warning .material-input:focus,
.form-group.has-warning .form-control:focus,
.form-group.has-warning .form-control.focus {
    background-image: linear-gradient(#84a974, #84a974), linear-gradient(#d2d2d2, #d2d2d2);
}

.form-control {
    padding: 6px 12px !important;
}

.form-control-wrapper .floating-label {
    left: 10px;
}

.table-striped > tbody > tr:nth-of-type(odd) td {
    background-color: #f9f9f9
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group-addon {
    padding: 6px 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: top;
}

    .input-group-addon:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell;
}

.select-sex-wrap .floating-label {
    top: -9.8px;
    font-size: 9.8px;
}
/* ----------------------- */

/* purple bg */
.square-icon.orange,
.btn-warning:not(.btn-link):not(.btn-flat),
.btn-warning:not(.btn-link):not(.btn-flat):hover,
.btn-warning:not(.btn-link):not(.btn-flat):focus,
.radio-warning input[type=radio]:checked ~ .check {
    background-color: #84a974;
}
/* ----------------------- */

/* blue text */
.static-content a,
.static-content a:focus,
.static-content a:visited,
.checkbox-warning input[type=checkbox]:checked + .checkbox-material .check,
.checkbox-warning input[type=checkbox]:checked + .checkbox-material .check:before,
.form-control-wrapper .form-control:focus ~ .floating-label,
.checkbox-warning a,
.order-complete h3,
.comment-item i,
.order-detail-title,
.modal-body a {
    color: #84a974;
}
/* ----------------------- */

/* green */
header .nav-toggle.active,
nav.nav,
.filter,
.panel > .title,
.breadcrumb,
.product-gallery .icons .green {
    background: #84a974;
}
/* ----------------------- */

/* header */
header {
    background: #fff;
    width: 100%;
    color: #84a974;
}

    header .nav-toggle {
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        display: block;
        float: left;
        font-size: 30px;
        border-right: 1px solid #ddd;
    }

    header .logo {
        width: 74px;
        height: 50px;
        background: url(../img/logo-small.png) no-repeat;
        display: block;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -100px;
    }

    header .buttons {
        float: right;
        border-left: 1px solid #ddd;
        width: 101px;
        overflow: hidden;
    }

        header .buttons > li {
            float: left;
            width: 50px;
        }

            header .buttons > li a {
                display: block;
                width: 50px;
                height: 50px;
                line-height: 50px;
                color: #84a974;
                font-size: 24px;
                text-align: center;
            }

            header .buttons > li.sep {
                width: 1px;
                height: 26px;
                background: #84a974;
                margin-top: 12px;
            }

        header .buttons .user-menu-toggle.active {
            background-color: #84a974;
            color: #fff;
        }

    header .nav-toggle.active {
        color: #fff;
    }
/* ----------------------- */

/* nav */
.nav,
.panel {
    width: 100%;
    display: none;
}

.panel {
    top: 0px;
    position: fixed;
    left: 0;
    overflow-y: scroll;
    z-index: 99;
}

.nav > ul {
    height: auto;
}

.nav a {
    display: block;
    padding: 10px;
    line-height: 30px;
    font-weight: 700;
}

.nav > ul > li,
.nav > ul > li > a {
    color: #fff;
}

.nav > ul > li {
    border-bottom: 1px dotted rgba(255,255,255,.5);
}

    .nav > ul > li > a {
        font-size: 16px;
    }

    .nav > ul > li > ul {
        background-color: #eee;
    }

        .nav > ul > li > ul > li,
        .nav > ul > li > ul > li > a {
            color: #84a974;
        }

        .nav > ul > li > ul > li {
            border-bottom: 1px solid #ccc;
        }

            .nav > ul > li > ul > li > a {
                padding-left: 20px;
                font-size: 14px;
            }

            .nav > ul > li > ul > li > ul {
                background: #fff;
            }

                .nav > ul > li > ul > li > ul > li {
                    border-bottom: 1px solid #f2f2f2;
                }

                    .nav > ul > li > ul > li > ul > li > a {
                        padding-left: 30px;
                        font-size: 12px;
                        color: #999;
                    }

                    .nav > ul > li > ul > li > ul > li > ul > li > a {
                        padding-left: 40px;
                        color: #bbb;
                        font-size: 11px;
                        border-bottom: 1px solid #f2f2f2;
                    }

.nav li.hasSubmenu {
    position: relative;
}

    .nav li.hasSubmenu > a {
        margin-right: 60px;
    }

    .nav li.hasSubmenu > i {
        width: 48px;
        height: 46px;
        line-height: 46px;
        text-align: center;
        position: absolute;
        right: 2px;
        top: 2px;
        font-size: 24px;
    }

        .nav li.hasSubmenu > i.minus {
            display: none;
        }

    .nav li.hasSubmenu.open > i.plus {
        display: none;
    }

    .nav li.hasSubmenu.open > i.minus {
        display: block;
    }

.nav > ul > li > i {
    border-color: #bae6de !important;
}

.nav > ul > li > ul > li > i {
    border-color: #cdede7 !important;
}

.nav li ul {
    display: none;
}

.nav li.hasSubmenu.open > ul {
    display: block;
}
/* ----------------------- */

/* user menu */
.user-menu {
    color: #fff;
    font-weight: 600;
    padding: 14px 0;
    z-index: 98;
    text-align: center;
    font-size: 14px;
    display: none;
    background-color: #84a974;
    position: fixed;
    width: 100%;
    border-bottom: 2px solid #ccc;
}

    .user-menu a {
        color: #fff;
    }

    .user-menu i {
        font-size: 18px;
        vertical-align: middle;
    }
/* ----------------------- */

/* search */
.site-search {
    padding: 3px;
    position: relative;
    background: #84a974;
}

    .site-search .form-box {
        font-weight: 600;
        font-size: 13px;
    }

    .site-search .search-button {
        position: absolute;
        right: 5px;
        top: 5px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #febe7e;
        font-size: 32px;
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
    }
/* ----------------------- */

/* promo slider */
#promoImages .owl-controls .owl-pagination {
    background: #e5e5e5;
    text-align: center;
    height: 32px;
    overflow: hidden;
}

    #promoImages .owl-controls .owl-pagination .owl-page {
        display: inline-block;
        padding: 10px;
    }

        #promoImages .owl-controls .owl-pagination .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            background: #fff;
            border-radius: 100%;
        }

        #promoImages .owl-controls .owl-pagination .owl-page.active span {
            background: #84a974;
        }

.promo-slider img {
    width: 100%;
    display: block;
}

#sync2 .synced .item {
    background: #0c83e7;
}

#promoThumbs {
    padding-left: 5px;
    padding-bottom: 5px;
}

    #promoThumbs .owl-item {
        padding-right: 5px;
    }

        #promoThumbs .owl-item .item {
            position: relative;
            margin-top: 5px;
        }

        #promoThumbs .owl-item img {
            border: 2px solid #fff;
        }

        #promoThumbs .owl-item.synced img {
            border: 2px solid #84a974;
        }

        #promoThumbs .owl-item.synced .item:before {
            position: absolute;
            content: " ";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 3px 4px 3px;
            border-color: transparent transparent #ff9e2f transparent;
            left: 50%;
            margin-left: -3px;
            top: -4px;
        }
/* ----------------------- */

/* main buttons */
.main-buttons {
    padding-left: 5px;
    padding-right: 5px;
}

    .main-buttons > .item {
        display: block;
        background: #fff;
        padding: 5px;
        position: relative;
        margin-bottom: 5px;
        cursor: pointer;
    }

        .main-buttons > .item:last-child {
            margin-bottom: 0;
        }

        .main-buttons > .item .image,
        .main-buttons > .item .title {
            display: table-cell;
            height: 80px;
            vertical-align: middle;
        }

        .main-buttons > .item .image {
            width: 108px;
        }

        .main-buttons > .item .title {
            font-weight: 700;
            color: #777;
            font-size: 16px;
            padding-right: 30px;
        }

        .main-buttons > .item img {
            width: 88px;
            height: 80px;
        }

        .main-buttons > .item > i {
            position: absolute;
            right: 0;
            top: 45px;
            color: #ccc;
            font-size: 32px;
            margin-top: -16px;
        }

        .main-buttons > .item > .icon-keyboard_arrow_down {
            display: none;
        }

        .main-buttons > .item.opened > .icon-keyboard_arrow_down {
            display: block;
        }

        .main-buttons > .item.opened > .icon-keyboard_arrow_right {
            display: none;
        }

        .main-buttons > .item .sub-categories {
            display: none;
        }

            .main-buttons > .item .sub-categories > li > a {
                display: block;
                padding: 10px 30px 10px 10px;
                color: #999;
                background-color: #f9f9f9;
                margin-bottom: 5px;
                font-weight: 600;
                position: relative;
            }

                .main-buttons > .item .sub-categories > li > a > i {
                    position: absolute;
                    right: 0;
                    top: 8px;
                    font-size: 24px;
                    color: #ccc;
                }
/* ----------------------- */

/* footer */
footer {
    margin-top: 10px;
    background: #fff;
}

    footer .links, footer .footer-phone {
        width: 50%;
        float: left;
    }

    footer .links {
        line-height: 30px;
        padding: 5px 15px;
    }

        footer .links a {
            font-weight: 600;
            font-size: 12px;
            display: block;
            color: #888;
        }

    footer .footer-phone {
        padding-top: 25px;
        font-size: 16px;
        font-weight: bold;
    }

        footer .footer-phone a {
            display: block;
            color: #84a974;
        }

    footer .logos {
        padding: 10px 0;
        border-top: 1px dotted #ddd;
    }

        footer .logos img {
            margin-left: auto;
            margin-right: auto;
            display: block;
            max-height: 30px;
        }

    footer .copyright {
        border-top: 1px dotted #ddd;
        text-align: center;
        font-size: 12px;
        padding: 10px 0;
    }

    footer .desktop-link {
        display: block;
        text-align: center;
        color: #84a974;
        font-weight: 600;
        padding: 10px 0;
        background: #eee;
    }

        footer .desktop-link i {
            font-size: 16px;
            vertical-align: middle;
        }
/* ----------------------- */

.subpage-search {
}

/* filter */
.filter {
    width: 100%;
    z-index: 15;
}

    .filter > a, .category-title > a {
        display: block;
        padding: 0 10px;
        line-height: 50px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        display: block;
        float: left;
    }

        .filter > a i, .category-title > a i {
            font-size: 24px;
            vertical-align: middle;
        }

.panel {
    background-color: #fff;
    z-index: 10;
    overflow-y: hidden;
}

    .panel > .content {
        padding: 15px 15px 50px 15px;
        overflow-y: scroll;
    }

    .panel > .title {
        color: #fff;
        padding: 15px 50px 15px 15px;
        height: 50px;
        font-size: 18px;
        line-height: 20px;
        font-weight: 600;
        position: relative;
    }

        .panel > .title a.close-panel {
            position: absolute;
            width: 50px;
            height: 50px;
            line-height: 50px;
            color: #fff;
            text-align: center;
            right: 0;
            top: 0;
            border-left: 1px solid rgba(255,255,255,.3);
            background-color: rgba(0,0,0,.05);
            font-size: 24px;
        }

    .panel .subtitle {
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 10px;
        color: #555;
    }

.bottom-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.form-filter-item {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

    .form-filter-item:last-child {
        border-bottom: 0;
    }

    .form-filter-item .form-group {
        margin-bottom: 5px;
    }
/* ----------------------- */

/* category */
.category-title {
    display: block;
    padding: 10px;
    line-height: 30px;
    background-color: #fff;
    font-size: 18px;
    color: #84a974;
    text-align: center;
    position: relative;
    border-top: 2px solid #fff;
}

    .category-title > a {
        position: absolute;
        left: 0;
        top: 0;
        color: #bbb;
    }

    .category-title.mainpage {
        background-color: #84a974;
        color: #fff;
    }

.products {
    background: #e5e5e5;
}

    .products li {
        width: 50%;
        float: left;
    }

        .products li .content {
            margin: 3px;
            height: 260px;
            background-color: #fff;
            display: block;
            text-align: center;
            border-radius: 3px;
        }

            .products li .content > span {
                display: block;
            }

            .products li .content .name {
                color: #999;
                line-height: 1.3;
                height: 60px;
                overflow: hidden;
                padding-left: 10px;
                padding-right: 10px;
                font-size: 13px;
                font-weight: 600;
            }

            .products li .content .image {
                padding: 10px;
                margin-bottom: 5px;
            }

                .products li .content .image img {
                    /*width: 100%;*/
                    max-height: 190px;
                    display: inline;
                }

            .products li .content .price {
                font-weight: bold;
                font-size: 20px;
                color: #84a974;
            }

                .products li .content .price .old-price {
                    font-size: 14px;
                    color: #999;
                    font-weight: normal;
                    text-decoration: line-through;
                    padding-right: 5px;
                }

.filtered-subpage {
    padding-top: 50px;
}

#load-more-button {
    font-weight: bold;
    font-size: 14px;
}

    #load-more-button i {
        font-size: 24px;
        vertical-align: middle;
    }
/* ----------------------- */

/* breadcrumb */
.breadcrumb {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    height: 30px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

    .breadcrumb,
    .breadcrumb a {
        color: #fff;
    }

        .breadcrumb a.home {
            font-size: 16px;
            vertical-align: top;
        }

        .breadcrumb > a,
        .breadcrumb > i,
        .breadcrumb > span {
            display: inline-block;
            line-height: 20px;
        }

.show-breadcrumb {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #fff;
    text-align: right;
    background: url(../img/show-breadcrumb-bg.png) top right repeat-y;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    display: block;
    float: none;
    padding-top: 3px;
}
/* ----------------------- */

/* product detail */
#productGallery img {
    width: 60%;
}

.product-gallery {
    background-color: #fff;
    position: relative;
}

    .product-gallery .owl-wrapper-outer {
        min-height: 320px;
    }

    .product-gallery .icons {
        position: absolute;
        top: 5px;
        left: 5px;
    }

        .product-gallery .icons .item {
            margin-bottom: 5px;
        }

        .product-gallery .icons .square-icon {
            color: #fff;
            font-size: 9px;
            font-weight: 600;
            text-align: center;
            line-height: 1;
        }

            .product-gallery .icons .square-icon i {
                display: block;
                padding-top: 10px;
                font-size: 24px;
            }

.product-price {
    margin-top: 1px;
    background-color: #fafafa;
    padding: 10px;
    font-size: 28px;
    color: #84a974;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

    .product-price .old-price {
        display: block;
        font-size: 16px;
        font-weight: normal;
        text-decoration: line-through;
        color: #999;
    }

.product-buttons {
    padding: 10px 10px 0 10px;
    position: relative;
}

    .product-buttons .number {
        position: absolute;
        width: 100px;
        left: 10px;
        top: 10px;
        overflow: hidden;
    }

        .product-buttons .number input {
            float: left;
            padding: 0;
            margin: 0;
            border: 0;
            height: 50px;
        }

        .product-buttons .number .button {
            width: 30px;
            border: 1px solid #fff;
            background-color: #aaa;
            color: #fff;
            font-size: 20px;
            line-height: 50px;
        }

        .product-buttons .number .textbox {
            width: 40px;
            text-align: center;
            color: #999;
            font-size: 16px;
        }

    .product-buttons .add-basket-button {
        padding-left: 115px;
    }

        .product-buttons .add-basket-button .btn {
            font-size: 18px;
        }

            .product-buttons .add-basket-button .btn i {
                font-size: 20px;
            }

    .product-buttons .comment-buttons .f_left {
        padding-top: 2px;
    }

    .product-buttons .comment-buttons a {
        color: #999;
        font-size: 12px;
        font-weight: 600;
    }

    .product-buttons .comment-buttons .stars {
        font-size: 20px;
        color: #84a974;
    }

    .product-buttons hr {
        margin-bottom: 10px;
        margin-top: 10px;
    }

.product-tabs .item, .order-select-tabs .item {
    margin-bottom: 5px;
}

    .product-tabs .item > h4, .order-select-tabs .item > h4 {
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        background-color: #ccc;
        position: relative;
    }

    .order-select-tabs .item > h4 {
        padding-left: 40px;
    }

        .order-select-tabs .item > h4 .radio {
            position: absolute;
            left: 0;
            top: 0;
        }

        .product-tabs .item > h4 .icon-keyboard_arrow_up, .order-select-tabs .item > h4 .icon-keyboard_arrow_up {
            display: none;
        }

        .product-tabs .item > h4 .icon-keyboard_arrow_down, .order-select-tabs .item > h4 .icon-keyboard_arrow_down {
            display: block;
        }

        .product-tabs .item > h4 i, .order-select-tabs .item > h4 i {
            position: absolute;
            right: 5px;
            top: 0;
            line-height: 40px;
            font-size: 24px;
        }

    .product-tabs .item .content, .order-select-tabs .item .content {
        background-color: #fff;
        padding: 10px;
        font-size: 13px;
        border-top: 1px solid #eee;
        display: none;
    }

        .product-tabs .item .content strong, .order-select-tabs .item .content strong {
            color: #777;
        }

    .product-tabs .item.active > h4, .order-select-tabs .item.active > h4 {
        background-color: #fff;
        color: #84a974;
    }

    .product-tabs .item.active .content, .order-select-tabs .item.active .content {
        display: block;
    }

    .product-tabs .item.active > h4 .icon-keyboard_arrow_down, .order-select-tabs .item.active > h4 .icon-keyboard_arrow_down {
        display: none;
    }

    .product-tabs .item.active > h4 .icon-keyboard_arrow_up, .order-select-tabs .item.active > h4 .icon-keyboard_arrow_up {
        display: block;
    }

.product-share {
    padding: 10px;
    overflow: hidden;
}

    .product-share .text {
        float: left;
        padding-right: 10px;
        line-height: 32px;
    }

.tablet-share {
    display: none;
}

.mobile-share {
    display: none;
}

.modal-footer.center {
    text-align: center;
}
/* ----------------------- */

/* basket */
.basket > .item {
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}

    .basket > .item .top {
        display: table;
        width: 100%;
    }

        .basket > .item .top .image,
        .basket .item .top .text,
        .basket .item .top .remove {
            display: table-cell;
            vertical-align: middle;
        }

        .basket > .item .top .image {
            width: 20%;
        }

        .basket > .item .top .text {
            width: 75%;
        }

        .basket > .item .top .text,
        .basket .item .top .text a {
            color: #999;
        }

        .basket > .item .top .remove {
            width: 5%;
            text-align: right;
        }

            .basket > .item .top .remove a {
                color: #84a974;
                font-size: 32px;
            }

        .basket > .item .top .image img {
            max-width: 50px;
        }

    .basket > .item .table th {
        color: #333;
    }

    .basket > .item .table td {
        font-weight: bold;
        font-size: 16px;
        line-height: 1;
        vertical-align: middle;
    }

    .basket > .item .table .old-price {
        text-decoration: line-through;
        font-weight: normal;
        font-size: 12px;
    }

    .basket > .item .refresh-button {
        height: 30px;
        line-height: 20px;
        font-size: 20px;
        padding: 5px;
    }

    .basket > .item .refresh-box {
        height: 30px;
        width: 30px;
        text-align: center;
        border: 1px solid #ccc;
    }

.total-content {
    padding: 15px 10px;
    background-color: #fff;
}

.total-table {
    font-size: 16px;
}

.order-detail-table {
    font-size: 14px;
}

.total-table strong {
    font-size: 20px;
}

.order-detail-table strong {
    font-size: 14px;
}

.total-table .old {
    text-decoration: line-through;
    padding-right: 10px;
}

.basket .gifts {
    margin: 10px;
}

    .basket .gifts h4 {
        font-size: 20px;
        color: #666;
        margin-bottom: 15px;
    }

.gift-number {
    margin-top: 10px;
    padding: 10px;
    background-color: #f9f9f9;
    display: none;
}

    .gift-number .textbox {
        border: 1px solid #ccc;
        height: 50px;
        padding: 10px;
    }

.saved-gifts,
.address-tab .content {
    display: none;
}

    .saved-gifts > .item {
        padding: 10px;
        background-color: #f9f9f9;
        margin-bottom: 5px;
        font-size: 12px;
    }

        .saved-gifts > .item p {
            margin-bottom: 5px;
        }

    .address-tab .content.active {
        display: block;
    }

.address-tab .content,
.checkbox-white-content,
.shipping-address-content,
.order-complete,
.static-content {
    padding: 10px;
    background-color: #fff;
}

.address-tab .titles {
    overflow: hidden;
}

    .address-tab .titles a {
        display: block;
        float: left;
        width: 50%;
        text-align: center;
        height: 40px;
        color: #999;
        background-color: #eee;
        padding: 5px;
        line-height: 30px;
        font-weight: 600;
    }

        .address-tab .titles a.active {
            background-color: #fff;
            color: #84a974;
        }
/* ----------------------- */

/* installment table */
.installment .table > tbody > tr > td,
.installment .table > tbody > tr > th,
.installment .table > tfoot > tr > td,
.installment .table > tfoot > tr > th,
.installment .table > thead > tr > td,
.installment .table > thead > tr > th {
    vertical-align: top;
    padding: 8px;
    border-bottom: 1px solid #ddd;
}

.installment .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.installment .bank-logo img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.installment-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 3px dashed #eee;
}
/* ----------------------- */

/* order complete */
.order-complete h3 {
    position: relative;
    padding-left: 30px;
    font-size: 18px;
    line-height: 1;
}

    .order-complete h3 i {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 24px;
    }

    .order-complete h3 span {
        color: #999;
        font-size: 14px;
    }

.order-complete h4 {
    margin-top: 15px;
    font-size: 16px;
}

.order-complete p {
    margin: 15px 0;
}

.transfer {
    padding: 10px;
    background-color: #f9f9f9;
    margin: 15px 0;
}
/* ----------------------- */

.comment-item {
    padding: 10px;
    background-color: #f9f9f9;
    margin-bottom: 10px;
}

    .comment-item p {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
    }

        .comment-item p:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: 0;
        }

    .comment-item i {
        font-size: 20px;
        vertical-align: middle;
    }

.rating-symbol-background,
.rating-symbol-foreground {
    font-size: 24px;
}

/* payment */
.date-box {
    width: 50%;
    padding-right: 15px;
}

    .date-box.last {
        padding-right: 0;
    }

/* tracking order */
.order-detail-title {
    font-size: 18px;
    margin-bottom: 10px;
}

/* account */
.account-links > a {
    display: block;
    color: #888;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 10px 15px 60px;
    position: relative;
    border-bottom: 1px dotted #ccc;
    background-color: #fff;
}

    .account-links > a i {
        font-size: 20px;
        border: 1px dotted #84a974;
        border-radius: 100%;
        color: #84a974;
        text-align: center;
        line-height: 41px;
        display: block;
        position: absolute;
        left: 7px;
        top: 7px;
        width: 41px;
        height: 41px;
    }

.select-sex {
    margin-right: 10px;
    margin-top: 5px;
}

.saved-address-item {
    padding: 10px;
    background-color: #fff;
    margin-top: 10px;
}

    .saved-address-item .title {
        font-weight: bold;
        font-size: 16px;
    }

    .saved-address-item .btn i {
        font-size: 16px;
    }

.address-edit-form {
    margin-left: -15px;
    margin-right: -15px;
}


@media (max-width: 479px) {
    .products li .content {
        height: 280px;
    }

        .products li .content .name {
            height: 60px;
        }

    .modal-footer.center .btn {
        display: block;
        float: none !important;
        width: 100%;
        margin: 5px 0;
    }
}

@media (max-width: 430px) {
    .products li .content {
        height: 300px;
    }

        .products li .content .name {
            height: 60px;
        }

    .modal-footer.center .btn {
        display: block;
        float: none !important;
        width: 100%;
        margin: 5px 0;
    }

    .products li .price .old-price {
        display: block;
    }
}

@media (min-width: 480px) {
    .products li .content {
        height: 260px;
    }

        .products li .content .name {
            height: 15px;
        }
}

@media (max-width: 639px) {
    .mobile-share {
        display: block;
    }
}

@media (min-width: 640px) {
    .product-detail-left, .product-detail-right {
        float: left;
        width: 50%;
        padding: 1%;
    }

    .tablet-share {
        display: block;
    }
}

@media (max-width: 350px) {
    .products li {
        width: 100%;
    }

        .products li .content {
            height: auto !important;
            padding-bottom: 10px;
        }

            .products li .content .image img {
                width: 150px;
                height: 150px;
                margin-left: auto;
                margin-right: auto;
            }

            .products li .content .name {
                height: auto !important;
            }
}

.hide {
    display: none;
}

.tt-query, /* UPDATE: newer versions use tt-input instead of tt-query */
.tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
}

.tt-query { /* UPDATE: newer versions use tt-input instead of tt-query */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu { /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
    width: 422px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    width: 100%;
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

    .tt-suggestion.tt-is-under-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion p {
        margin: 0;
    }

.twitter-typeahead {
    display: block !important;
}

.tt-selectable {
    cursor: pointer;
}

    .tt-selectable:hover {
        background-color: #EAEAEA;
    }

.tt-dataset .noproduct {
    padding: 0 10px;
}

.static-content p {
    padding-bottom: 10px;
}

.frmbtn {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-weight: 600;
    font-size: 14px;
    background-color: #FFF;
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px solid #F5F5F5;
}

.cformh {
    margin: 4px 0 8px 6px;
}

.centered {
    text-align: center;
}

.panel > .content,
.panel .acontent {
    overflow-y: auto !important;
}

    .panel > .content a,
    .product-tabs .item.active .content a,
    .panel .acontent a {
        color: #84a974;
    }

.acc_desc {
    background-color: #FFF;
    margin: 10px 0 0 0;
    padding: 10px;
}

.sepet-empty {
    background-color: #FFF;
    margin: 10px 0 0 0;
    padding: 10px;
    text-align: center;
}

.sepet-error {
    background-color: #f00;
    margin: 10px 0 0 0;
    padding: 10px;
    text-align: center;
}

.b-added-promo {
    text-align: right;
    margin: 10px 0 5px 0;
}

.address-tab .titles .ttabt {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    height: 40px;
    color: #999;
    background-color: #eee;
    padding: 5px;
    line-height: 30px;
    font-weight: 600;
}

    .address-tab .titles .ttabt.active {
        background-color: #fff;
        color: #84a974;
    }

.panel .atitle {
    background: #84a974;
}

.panel {
    background-color: #fff;
    z-index: 10;
    overflow-y: hidden;
}

    .panel .acontent {
        padding: 15px 15px 50px 15px;
        overflow-y: scroll;
    }

    .panel .atitle {
        color: #fff;
        padding: 15px 50px 15px 15px;
        height: 50px;
        font-size: 18px;
        line-height: 20px;
        font-weight: 600;
        position: relative;
    }

        .panel .atitle a.close-panel {
            position: absolute;
            width: 50px;
            height: 50px;
            line-height: 50px;
            color: #fff;
            text-align: center;
            right: 0;
            top: 0;
            border-left: 1px solid rgba(255,255,255,.3);
            background-color: rgba(0,0,0,.05);
            font-size: 24px;
        }


.loadcont {
    position: absolute;
    top: 50%;
    z-index: 9999;
    width: 180px;
    height: 170px;
    overflow: hidden;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 44px;
    color: #F49830;
}

.icon-spinner:before {
    content: "\e000";
}

.icon-spinner-2:before {
    content: "\e001";
}

.icon-spinner-3:before {
    content: "\e002";
}

.icon-spinner-4:before {
    content: "\e003";
}

.icon-spinner-5:before {
    content: "\e004";
}

.icon-spinner-6:before {
    content: "\e005";
}

.icon-spinner-7:before {
    content: "\e006";
}

@keyframes anim-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.spinner {
    display: inline-block;
    font-size: 4em;
    height: 1em;
    line-height: 1;
    animation: anim-rotate 1s infinite linear;
    text-shadow: 0 0 .25em rgba(255,255,255, .3);
}

.spinner--steps {
    animation: anim-rotate 1s infinite steps(8);
}

.spinner--steps2 {
    animation: anim-rotate 1s infinite steps(12);
}

.plcolumns img,
.ptcolumns img {
    display: inline-block;
}

div.plcolumns,
div.ptcolumns {
    width: 100%;
    padding: 5px;
}

    div.plcolumns div,
    div.ptcolumns div {
        vertical-align: middle;
        width: 33.3%;
        float: left;
    }

.pcll {
    text-align: left;
}

.pclc {
    text-align: center;
}

.pclr {
    text-align: right;
}

.pdstockout {
    background-color: #FFF;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #84a974;
}

.pdcontinue {
    height: 36px;
    line-height: 36px;
    padding: 0;
    margin-top: 10px;
}

.static-content dt,
.product-tabs .item.active .content dt {
    font-weight: bold;
    font-size: 1.2em;
}

.product-tabs .item.active .content dd ul,
.static-content ul {
    margin: 10px 30px;
}

    .static-content li,
    .product-tabs .item.active .content dd ul li {
        padding-bottom: 8px;
        list-style-type: disc;
    }

.table-striped > tbody > tr:nth-of-type(even) td {
    background-color: #f9f9f9 !important;
}

.table-striped > tbody > tr:nth-of-type(odd) td {
    background-color: #FFF !important;
}

.products li .content .image {
    position: relative;
}

.pl-stockout {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    text-align: center;
    width: 100%;
    background-color: rgba(255, 0, 0, 0.42);
    font-weight: bold;
    color: #FFF;
    padding: 5px 0;
}

.form-filter-item .checkbox a {
    color: #8B8B8B;
}

.form-filter-item .selectedfilters a {
    color: #8B8B8B;
}

    .form-filter-item .selectedfilters a i {
        font-size: 17px;
        position: relative;
        top: 2px;
        color: #84a974;
    }

.selectedfilters a.removeall {
    color: #84a974;
    font-size: 14px;
    font-weight: bold;
}

    .selectedfilters a.removeall i.icon-cancel {
        display: none;
    }

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.pagination {
    background: #fff;
    margin: 5px;
    text-align: center;
}

    .pagination > li {
        display: inline-block;
    }

        .pagination > li > a, .pagination > li > span {
            padding: 5px 10px;
            text-decoration: none;
            text-align: center;
            background-color: #fff;
            color: rgb(90, 90, 90);
            display: block;
            width: 100%;
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
        }

        .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
            background-color: #eee
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus, .pagination > .active > span:focus {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #84a974;
    }

    .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus,
    .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
        color: #999;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd
    }

    .pagination > li > a:active {
        background-color: #84a974;
        color: #FFF;
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    display: block;
    text-align: center;
    padding: 6px;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
}

.hoteladdinfo {
    padding: 5px 0;
}

.products li {
    position: relative;
}

    .products li .properties {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10;
    }
/*.main-buttons > .item .sub-categories > li.last > a{
        background-color: #E1E1E1;
}*/
.main-buttons > .item .sub-categories > li {
    position: relative;
}

    .main-buttons > .item .sub-categories > li > i {
        position: absolute;
        right: 0;
        top: 0px;
        font-size: 24px;
        color: #ccc;
        padding: 10px;
    }

    .main-buttons > .item .sub-categories > li > ul > li > a {
        font-size: 14px;
        color: #999;
        border-bottom: 1px solid #f2f2f2;
        display: block;
        padding: 10px 0 10px 30px;
        position: relative;
    }

        .main-buttons > .item .sub-categories > li > ul > li > a i {
            position: absolute;
            right: 0;
            top: 8px;
            font-size: 24px;
            color: #ccc;
        }

.main-buttons > .item ul {
    display: none;
}

.main-buttons > .item li a:active {
    background-color: #84a974 !important;
    color: #FFF !important;
}

.main-buttons > .item > .icon-keyboard_arrow_down {
    display: block;
}

.main-buttons > .item .title a {
    color: #777;
    display: block;
    padding: 28px 0;
}

.ppg td,
.ppg td strong {
    font-size: 14px;
}

.product-tabs .item .content ol {
    list-style: decimal;
}

.product-tabs .item .content ul {
    list-style: disc;
}

.product-tabs .item .content ol,
.product-tabs .item .content ul {
    margin: 10px 10px;
    padding: 0 0 0 20px;
}

    .product-tabs .item .content ol li,
    .product-tabs .item .content ul li {
        padding-bottom: 4px;
    }

.morelinks, .product-tabs {
    margin: 10px 0;
    padding: 10px;
}

    .morelinks a.btn {
        height: 35px;
        line-height: 15px;
        font-size: 14px;
        background: #84a974 !important;
    }

.col-3 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left !important;
    width: 25%;
}

.radio label ul li {
    position: relative;
}


.popsum {
    display: none;
}

.errdv {
    position: absolute;
    z-index: 9;
    width: 380px;
    background: #FFFFDE;
    color: #84a974;
    padding: 10px 20px 10px 10px;
    -webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.2);
    display: none;
}

    .errdv .msg {
        padding-right: 15px;
        font-weight: bold;
        text-align: left;
    }

    .errdv .closeerr {
        position: absolute;
        display: inline-block;
        color: #959595;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        right: 5px;
        top: 5px;
        background-color: #F8F8F8;
        border: 1px solid #D3CACA;
        font-size: 20px;
        line-height: 25px;
        cursor: pointer;
        text-align: center;
        font-weight: bold;
    }

.err-pinfo {
}

.contact-item .social-links a {
    float: left;
    font-size: 20px;
    color: #bbb;
    margin-right: 10px;
}