@font-face {

    font-family: "Roboto";

    font-style: normal;

    font-weight: 300;

    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");

    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;

}

@font-face {

    font-family: "Material Icons";

    font-style: normal;

    font-weight: 400;

    src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://fonts.gstatic.com/s/materialicons/v19/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format("woff2");

}

.material-icons {

    font-family: "Material Icons";

    font-weight: normal;

    font-style: normal;

    font-size: 24px;

    line-height: 1;

    letter-spacing: normal;

    text-transform: none;

    display: inline-block;

    white-space: nowrap;

    word-wrap: normal;

    direction: ltr;

    -webkit-font-feature-settings: "liga";

    -webkit-font-smoothing: antialiased;

}

body {

    background-color: #cccccc;

}

body.inverse {

    background: #333333;

}

body.inverse,

body.inverse .form-control {

    color: #fff;

}

body.inverse .modal,

body.inverse .modal .form-control,

body.inverse .panel-default,

body.inverse .panel-default .form-control,

body.inverse .card,

body.inverse .card .form-control {

    background-color: initial;

    color: initial;

}

.life-of-material-kit {

    background: #ffffff;

}

body,

h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4 {

    line-height: 1.5em;

}

.animation-transition-general {

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.animation-transition-slow {

    -webkit-transition: all 370ms linear;

    -moz-transition: all 370ms linear;

    -o-transition: all 370ms linear;

    -ms-transition: all 370ms linear;

    transition: all 370ms linear;

}

.animation-transition-fast {

    -webkit-transition: all 150ms ease 0s;

    -moz-transition: all 150ms ease 0s;

    -o-transition: all 150ms ease 0s;

    -ms-transition: all 150ms ease 0s;

    transition: all 150ms ease 0s;

}

.form-horizontal .radio,

.form-horizontal .checkbox,

.form-horizontal .radio-inline,

.form-horizontal .checkbox-inline {

    padding-top: 0;

}

.form-horizontal .radio {

    margin-bottom: 10px;

}

.form-horizontal label {

    text-align: right;

}

.form-horizontal label.control-label {

    margin: 0;

}

.btn,

.input-group-btn .btn {

    border: none;

    border-radius: 3px;

    position: relative;

    padding: 12px 30px;

    margin: 10px 1px;

    font-size: 12px;

    font-weight: 400;

    text-transform: uppercase;

    letter-spacing: 0;

    will-change: box-shadow, transform;

    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    background: transparent;

}

.btn::-moz-focus-inner,

.input-group-btn .btn::-moz-focus-inner {

    border: 0;

}

.btn:not(.btn-raised),

.input-group-btn .btn:not(.btn-raised) {

    box-shadow: none;

}

.btn:not(.btn-raised),

.btn:not(.btn-raised).btn-default,

.input-group-btn .btn:not(.btn-raised),

.input-group-btn .btn:not(.btn-raised).btn-default {

    color: rgba(0, 0, 0, 0.87);

}

.btn:not(.btn-raised).btn-inverse,

.input-group-btn .btn:not(.btn-raised).btn-inverse {

    color: #3f51b5;

}

.btn:not(.btn-raised).btn-primary,

.input-group-btn .btn:not(.btn-raised).btn-primary {

    color: #9c27b0;

}

.btn:not(.btn-raised).btn-success,

.input-group-btn .btn:not(.btn-raised).btn-success {

    color: #4caf50;

}

.btn:not(.btn-raised).btn-info,

.input-group-btn .btn:not(.btn-raised).btn-info {

    color: #03a9f4;

}

.btn:not(.btn-raised).btn-warning,

.input-group-btn .btn:not(.btn-raised).btn-warning {

    color: #fbc02d;

}

.btn:not(.btn-raised).btn-danger,

.input-group-btn .btn:not(.btn-raised).btn-danger {

    color: #f44336;

}

.btn:not(.btn-raised):not(.btn-link):hover,

.btn:not(.btn-raised):not(.btn-link):focus,

.input-group-btn .btn:not(.btn-raised):not(.btn-link):hover,

.input-group-btn .btn:not(.btn-raised):not(.btn-link):focus {

    background-color: transparent;

}

.btn:focus,

.btn:active,

.btn:active:focus,

.input-group-btn .btn:focus,

.input-group-btn .btn:active,

.input-group-btn .btn:active:focus {

    outline: 0;

}

.btn.btn-raised,

.btn.btn-raised.btn-default,

.btn.btn-fab,

.btn.btn-fab.btn-default,

.btn-group-raised .btn,

.btn-group-raised .btn.btn-default,

.input-group-btn .btn.btn-raised,

.input-group-btn .btn.btn-raised.btn-default,

.input-group-btn .btn.btn-fab,

.input-group-btn .btn.btn-fab.btn-default,

.btn-group-raised .input-group-btn .btn,

.btn-group-raised .input-group-btn .btn.btn-default {

/*    background-color: #eee;*/

    color: rgba(0, 0, 0, 0.87);

}

.btn.btn-raised.btn-inverse,

.btn.btn-fab.btn-inverse,

.btn-group-raised .btn.btn-inverse,

.input-group-btn .btn.btn-raised.btn-inverse,

.input-group-btn .btn.btn-fab.btn-inverse,

.btn-group-raised .input-group-btn .btn.btn-inverse {

    background-color: #3f51b5;

    color: contrast-color(#3f51b5, #000, #fff);

}

.btn.btn-raised.btn-primary,

.btn.btn-fab.btn-primary,

.btn-group-raised .btn.btn-primary,

.input-group-btn .btn.btn-raised.btn-primary,

.input-group-btn .btn.btn-fab.btn-primary,

.btn-group-raised .input-group-btn .btn.btn-primary {

    background-color: #9c27b0;

    color: #fff;

}

.btn.btn-raised.btn-success,

.btn.btn-fab.btn-success,

.btn-group-raised .btn.btn-success,

.input-group-btn .btn.btn-raised.btn-success,

.input-group-btn .btn.btn-fab.btn-success,

.btn-group-raised .input-group-btn .btn.btn-success {

    background-color: #4caf50;

    color: #fff;

}

.btn.btn-raised.btn-info,

.btn.btn-fab.btn-info,

.btn-group-raised .btn.btn-info,

.input-group-btn .btn.btn-raised.btn-info,

.input-group-btn .btn.btn-fab.btn-info,

.btn-group-raised .input-group-btn .btn.btn-info {

    background-color: #03a9f4;

    color: #fff;

}

.btn.btn-raised.btn-warning,

.btn.btn-fab.btn-warning,

.btn-group-raised .btn.btn-warning,

.input-group-btn .btn.btn-raised.btn-warning,

.input-group-btn .btn.btn-fab.btn-warning,

.btn-group-raised .input-group-btn .btn.btn-warning {

    background-color: #fbc02d;

    color: #fff;

}

.btn.btn-raised.btn-danger,

.btn.btn-fab.btn-danger,

.btn-group-raised .btn.btn-danger,

.input-group-btn .btn.btn-raised.btn-danger,

.input-group-btn .btn.btn-fab.btn-danger,

.btn-group-raised .input-group-btn .btn.btn-danger {

    background-color: #f44336;

    color: #fff;

}

.btn.btn-raised:not(.btn-link),

.btn-group-raised .btn:not(.btn-link),

.input-group-btn .btn.btn-raised:not(.btn-link),

.btn-group-raised .input-group-btn .btn:not(.btn-link) {

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

}

.btn.btn-raised:not(.btn-link):hover,

.btn.btn-raised:not(.btn-link):focus,

.btn.btn-raised:not(.btn-link).active,

.btn.btn-raised:not(.btn-link):active,

.btn-group-raised .btn:not(.btn-link):hover,

.btn-group-raised .btn:not(.btn-link):focus,

.btn-group-raised .btn:not(.btn-link).active,

.btn-group-raised .btn:not(.btn-link):active,

.input-group-btn .btn.btn-raised:not(.btn-link):hover,

.input-group-btn .btn.btn-raised:not(.btn-link):focus,

.input-group-btn .btn.btn-raised:not(.btn-link).active,

.input-group-btn .btn.btn-raised:not(.btn-link):active,

.btn-group-raised .input-group-btn .btn:not(.btn-link):hover,

.btn-group-raised .input-group-btn .btn:not(.btn-link):focus,

.btn-group-raised .input-group-btn .btn:not(.btn-link).active,

.btn-group-raised .input-group-btn .btn:not(.btn-link):active {

    outline: 0;

}

.btn.btn-raised:not(.btn-link):hover,

.btn.btn-raised:not(.btn-link):hover.btn-default,

.btn.btn-raised:not(.btn-link):focus,

.btn.btn-raised:not(.btn-link):focus.btn-default,

.btn.btn-raised:not(.btn-link).active,

.btn.btn-raised:not(.btn-link).active.btn-default,

.btn.btn-raised:not(.btn-link):active,

.btn.btn-raised:not(.btn-link):active.btn-default,

.btn-group-raised .btn:not(.btn-link):hover,

.btn-group-raised .btn:not(.btn-link):hover.btn-default,

.btn-group-raised .btn:not(.btn-link):focus,

.btn-group-raised .btn:not(.btn-link):focus.btn-default,

.btn-group-raised .btn:not(.btn-link).active,

.btn-group-raised .btn:not(.btn-link).active.btn-default,

.btn-group-raised .btn:not(.btn-link):active,

.btn-group-raised .btn:not(.btn-link):active.btn-default,

.input-group-btn .btn.btn-raised:not(.btn-link):hover,

.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-default,

.input-group-btn .btn.btn-raised:not(.btn-link):focus,

.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-default,

.input-group-btn .btn.btn-raised:not(.btn-link).active,

.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-default,

.input-group-btn .btn.btn-raised:not(.btn-link):active,

.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-default,

.btn-group-raised .input-group-btn .btn:not(.btn-link):hover,

.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-default,

.btn-group-raised .input-group-btn .btn:not(.btn-link):focus,

.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-default,

.btn-group-raised .input-group-btn .btn:not(.btn-link).active,

.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-default,

.btn-group-raised .input-group-btn .btn:not(.btn-link):active,

.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-default {

    background-color: contrast-color(#eee, #e4e4e4, #f8f8f8);

}

.btn.btn-raised:not(.btn-link):hover.btn-inverse,

.btn.btn-raised:not(.btn-link):focus.btn-inverse,

.btn.btn-raised:not(.btn-link).active.btn-inverse,

.btn.btn-raised:not(.btn-link):active.btn-inverse,

.btn-group-raised .btn:not(.btn-link):hover.btn-inverse,

.btn-group-raised .btn:not(.btn-link):focus.btn-inverse,

.btn-group-raised .btn:not(.btn-link).active.btn-inverse,

.btn-group-raised .btn:not(.btn-link):active.btn-inverse,

.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-inverse,

.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-inverse,

.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-inverse,

.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-inverse,

.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-inverse,

.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-inverse,

.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-inverse,

.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-inverse {

    background-color: contrast-color(#3f51b5, #3a4aa6, #495bc0);

}

.btn.btn-raised:not(.btn-link):hover.btn-primary,

.btn.btn-raised:not(.btn-link):focus.btn-primary,

.btn.btn-raised:not(.btn-link).active.btn-primary,

.btn.btn-raised:not(.btn-link):active.btn-primary,

.btn-group-raised .btn:not(.btn-link):hover.btn-primary,

.btn-group-raised .btn:not(.btn-link):focus.btn-primary,

.btn-group-raised .btn:not(.btn-link).active.btn-primary,

.btn-group-raised .btn:not(.btn-link):active.btn-primary,

.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-primary,

.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-primary,

.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-primary,

.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-primary,

.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-primary,

.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-primary,

.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-primary,

.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-primary {

    background-color: contrast-color(#9c27b0, #8d239f, #ab2bc1);

}

.btn.btn-raised:not(.btn-link):hover.btn-success,

.btn.btn-raised:not(.btn-link):focus.btn-success,

.btn.btn-raised:not(.btn-link).active.btn-success,

.btn.btn-raised:not(.btn-link):active.btn-success,

.btn-group-raised .btn:not(.btn-link):hover.btn-success,

.btn-group-raised .btn:not(.btn-link):focus.btn-success,

.btn-group-raised .btn:not(.btn-link).active.btn-success,

.btn-group-raised .btn:not(.btn-link):active.btn-success,

.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-success,

.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-success,

.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-success,

.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-success,

.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-success,

.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-success,

.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-success,

.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-success {

    background-color: contrast-color(#4caf50, #46a149, #59b75c);

}

.btn.btn-raised:not(.btn-link):hover.btn-info,

.btn.btn-raised:not(.btn-link):focus.btn-info,

.btn.btn-raised:not(.btn-link).active.btn-info,

.btn.btn-raised:not(.btn-link):active.btn-info,

.btn-group-raised .btn:not(.btn-link):hover.btn-info,

.btn-group-raised .btn:not(.btn-link):focus.btn-info,

.btn-group-raised .btn:not(.btn-link).active.btn-info,

.btn-group-raised .btn:not(.btn-link):active.btn-info,

.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-info,

.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-info,

.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-info,

.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-info,

.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-info,

.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-info,

.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-info,

.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-info {

    background-color: contrast-color(#03a9f4, #039be0, #0fb2fc);

}

.btn.btn-raised:not(.btn-link):hover.btn-warning,

.btn.btn-raised:not(.btn-link):focus.btn-warning,

.btn.btn-raised:not(.btn-link).active.btn-warning,

.btn.btn-raised:not(.btn-link):active.btn-warning,

.btn-group-raised .btn:not(.btn-link):hover.btn-warning,

.btn-group-raised .btn:not(.btn-link):focus.btn-warning,

.btn-group-raised .btn:not(.btn-link).active.btn-warning,

.btn-group-raised .btn:not(.btn-link):active.btn-warning,

.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-warning,

.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-warning,

.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-warning,

.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-warning,

.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-warning,

.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-warning,

.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-warning,

.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-warning {

    background-color: contrast-color(#fbc02d, #fbba19, #fbc641);

}

.btn.btn-raised:not(.btn-link):hover.btn-danger,

.btn.btn-raised:not(.btn-link):focus.btn-danger,

.btn.btn-raised:not(.btn-link).active.btn-danger,

.btn.btn-raised:not(.btn-link):active.btn-danger,

.btn-group-raised .btn:not(.btn-link):hover.btn-danger,

.btn-group-raised .btn:not(.btn-link):focus.btn-danger,

.btn-group-raised .btn:not(.btn-link).active.btn-danger,

.btn-group-raised .btn:not(.btn-link):active.btn-danger,

.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-danger,

.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-danger,

.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-danger,

.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-danger,

.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-danger,

.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-danger,

.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-danger,

.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-danger {

    background-color: contrast-color(#f44336, #f33123, #f55549);

}

.btn.btn-raised:not(.btn-link):hover,

.btn.btn-raised:not(.btn-link):hover:focus,

.btn.btn-raised:not(.btn-link):hover.active,

.btn.btn-raised:not(.btn-link):hover.active:focus,

.btn.btn-raised:not(.btn-link):hover:active,

.btn.btn-raised:not(.btn-link):hover:active:focus,

.btn-group-raised .btn:not(.btn-link):hover,

.btn-group-raised .btn:not(.btn-link):hover:focus,

.btn-group-raised .btn:not(.btn-link):hover.active,

.btn-group-raised .btn:not(.btn-link):hover.active:focus,

.btn-group-raised .btn:not(.btn-link):hover:active,

.btn-group-raised .btn:not(.btn-link):hover:active:focus,

.input-group-btn .btn.btn-raised:not(.btn-link):hover,

.input-group-btn .btn.btn-raised:not(.btn-link):hover:focus,

.input-group-btn .btn.btn-raised:not(.btn-link):hover.active,

.input-group-btn .btn.btn-raised:not(.btn-link):hover.active:focus,

.input-group-btn .btn.btn-raised:not(.btn-link):hover:active,

.input-group-btn .btn.btn-raised:not(.btn-link):hover:active:focus,

.btn-group-raised .input-group-btn .btn:not(.btn-link):hover,

.btn-group-raised .input-group-btn .btn:not(.btn-link):hover:focus,

.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.active,

.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.active:focus,

.btn-group-raised .input-group-btn .btn:not(.btn-link):hover:active,

.btn-group-raised .input-group-btn .btn:not(.btn-link):hover:active:focus {

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);

}

.btn.btn-round,

.input-group-btn .btn.btn-round {

    border-radius: 30px;

}

.btn i.material-icons,

.input-group-btn .btn i.material-icons {

    vertical-align: middle;

    font-size: 17px;

    top: -1px;

    position: relative;

}

.btn.btn-fab,

.input-group-btn .btn.btn-fab {

    border-radius: 50%;

    font-size: 24px;

    height: 56px;

    margin: auto;

    min-width: 56px;

    width: 56px;

    padding: 0;

    overflow: hidden;

    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);

    position: relative;

    line-height: normal;

}

.btn.btn-fab .ripple-container,

.input-group-btn .btn.btn-fab .ripple-container {

    border-radius: 50%;

}

.btn.btn-fab.btn-fab-mini,

.btn-group-sm .btn.btn-fab,

.input-group-btn .btn.btn-fab.btn-fab-mini,

.btn-group-sm .input-group-btn .btn.btn-fab {

    height: 40px;

    min-width: 40px;

    width: 40px;

}

.btn.btn-fab.btn-fab-mini.material-icons,

.btn-group-sm .btn.btn-fab.material-icons,

.input-group-btn .btn.btn-fab.btn-fab-mini.material-icons,

.btn-group-sm .input-group-btn .btn.btn-fab.material-icons {

    top: -3.5px;

    left: -3.5px;

}

.btn.btn-fab.btn-fab-mini .material-icons,

.btn-group-sm .btn.btn-fab .material-icons,

.input-group-btn .btn.btn-fab.btn-fab-mini .material-icons,

.btn-group-sm .input-group-btn .btn.btn-fab .material-icons {

    font-size: 17px;

}

.btn.btn-fab i.material-icons,

.input-group-btn .btn.btn-fab i.material-icons {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-12px, -12px);

    line-height: 24px;

    width: 24px;

    font-size: 24px;

}

.btn.btn-lg,

.btn-group-lg .btn,

.input-group-btn .btn.btn-lg,

.btn-group-lg .input-group-btn .btn {

    font-size: 14px;

    padding: 18px 36px;

}

.btn.btn-sm,

.btn-group-sm .btn,

.input-group-btn .btn.btn-sm,

.btn-group-sm .input-group-btn .btn {

    padding: 5px 20px;

    font-size: 11px;

}

.btn.btn-xs,

.btn-group-xs .btn,

.input-group-btn .btn.btn-xs,

.btn-group-xs .input-group-btn .btn {

    padding: 4px 15px;

    font-size: 10px;

}

.btn-just-icon {

    font-size: 20px;

    padding: 6px 11px;

}

fieldset[disabled][disabled] .btn,

.btn.disabled,

.btn:disabled,

.btn[disabled][disabled],

fieldset[disabled][disabled] .input-group-btn .btn,

.input-group-btn .btn.disabled,

.input-group-btn .btn:disabled,

.input-group-btn .btn[disabled][disabled],

fieldset[disabled][disabled] .btn-group,

.btn-group.disabled,

.btn-group:disabled,

.btn-group[disabled][disabled],

fieldset[disabled][disabled] .btn-group-vertical,

.btn-group-vertical.disabled,

.btn-group-vertical:disabled,

.btn-group-vertical[disabled][disabled] {

    color: rgba(0, 0, 0, 0.26);



    background: transparent;

}

.theme-dark fieldset[disabled][disabled] .btn,

.theme-dark .btn.disabled,

.theme-dark .btn:disabled,

.theme-dark .btn[disabled][disabled],

.theme-dark fieldset[disabled][disabled] .input-group-btn .btn,

.theme-dark .input-group-btn .btn.disabled,

.theme-dark .input-group-btn .btn:disabled,

.theme-dark .input-group-btn .btn[disabled][disabled],

.theme-dark fieldset[disabled][disabled] .btn-group,

.theme-dark .btn-group.disabled,

.theme-dark .btn-group:disabled,

.theme-dark .btn-group[disabled][disabled],

.theme-dark fieldset[disabled][disabled] .btn-group-vertical,

.theme-dark .btn-group-vertical.disabled,

.theme-dark .btn-group-vertical:disabled,

.theme-dark .btn-group-vertical[disabled][disabled] {

    color: rgba(255, 255, 255, 0.3);

}

fieldset[disabled][disabled] .btn.btn-raised,

fieldset[disabled][disabled] .btn.btn-raised.active,

fieldset[disabled][disabled] .btn.btn-raised:active,

fieldset[disabled][disabled] .btn.btn-raised:focus:not(:active),

fieldset[disabled][disabled] .btn.btn-group-raised,

fieldset[disabled][disabled] .btn.btn-group-raised.active,

fieldset[disabled][disabled] .btn.btn-group-raised:active,

fieldset[disabled][disabled] .btn.btn-group-raised:focus:not(:active),

.btn.disabled.btn-raised,

.btn.disabled.btn-raised.active,

.btn.disabled.btn-raised:active,

.btn.disabled.btn-raised:focus:not(:active),

.btn.disabled.btn-group-raised,

.btn.disabled.btn-group-raised.active,

.btn.disabled.btn-group-raised:active,

.btn.disabled.btn-group-raised:focus:not(:active),

.btn:disabled.btn-raised,

.btn:disabled.btn-raised.active,

.btn:disabled.btn-raised:active,

.btn:disabled.btn-raised:focus:not(:active),

.btn:disabled.btn-group-raised,

.btn:disabled.btn-group-raised.active,

.btn:disabled.btn-group-raised:active,

.btn:disabled.btn-group-raised:focus:not(:active),

.btn[disabled][disabled].btn-raised,

.btn[disabled][disabled].btn-raised.active,

.btn[disabled][disabled].btn-raised:active,

.btn[disabled][disabled].btn-raised:focus:not(:active),

.btn[disabled][disabled].btn-group-raised,

.btn[disabled][disabled].btn-group-raised.active,

.btn[disabled][disabled].btn-group-raised:active,

.btn[disabled][disabled].btn-group-raised:focus:not(:active),

fieldset[disabled][disabled] .input-group-btn .btn.btn-raised,

fieldset[disabled][disabled] .input-group-btn .btn.btn-raised.active,

fieldset[disabled][disabled] .input-group-btn .btn.btn-raised:active,

fieldset[disabled][disabled] .input-group-btn .btn.btn-raised:focus:not(:active),

fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised,

fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised.active,

fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised:active,

fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised:focus:not(:active),

.input-group-btn .btn.disabled.btn-raised,

.input-group-btn .btn.disabled.btn-raised.active,

.input-group-btn .btn.disabled.btn-raised:active,

.input-group-btn .btn.disabled.btn-raised:focus:not(:active),

.input-group-btn .btn.disabled.btn-group-raised,

.input-group-btn .btn.disabled.btn-group-raised.active,

.input-group-btn .btn.disabled.btn-group-raised:active,

.input-group-btn .btn.disabled.btn-group-raised:focus:not(:active),

.input-group-btn .btn:disabled.btn-raised,

.input-group-btn .btn:disabled.btn-raised.active,

.input-group-btn .btn:disabled.btn-raised:active,

.input-group-btn .btn:disabled.btn-raised:focus:not(:active),

.input-group-btn .btn:disabled.btn-group-raised,

.input-group-btn .btn:disabled.btn-group-raised.active,

.input-group-btn .btn:disabled.btn-group-raised:active,

.input-group-btn .btn:disabled.btn-group-raised:focus:not(:active),

.input-group-btn .btn[disabled][disabled].btn-raised,

.input-group-btn .btn[disabled][disabled].btn-raised.active,

.input-group-btn .btn[disabled][disabled].btn-raised:active,

.input-group-btn .btn[disabled][disabled].btn-raised:focus:not(:active),

.input-group-btn .btn[disabled][disabled].btn-group-raised,

.input-group-btn .btn[disabled][disabled].btn-group-raised.active,

.input-group-btn .btn[disabled][disabled].btn-group-raised:active,

.input-group-btn .btn[disabled][disabled].btn-group-raised:focus:not(:active),

fieldset[disabled][disabled] .btn-group.btn-raised,

fieldset[disabled][disabled] .btn-group.btn-raised.active,

fieldset[disabled][disabled] .btn-group.btn-raised:active,

fieldset[disabled][disabled] .btn-group.btn-raised:focus:not(:active),

fieldset[disabled][disabled] .btn-group.btn-group-raised,

fieldset[disabled][disabled] .btn-group.btn-group-raised.active,

fieldset[disabled][disabled] .btn-group.btn-group-raised:active,

fieldset[disabled][disabled] .btn-group.btn-group-raised:focus:not(:active),

.btn-group.disabled.btn-raised,

.btn-group.disabled.btn-raised.active,

.btn-group.disabled.btn-raised:active,

.btn-group.disabled.btn-raised:focus:not(:active),

.btn-group.disabled.btn-group-raised,

.btn-group.disabled.btn-group-raised.active,

.btn-group.disabled.btn-group-raised:active,

.btn-group.disabled.btn-group-raised:focus:not(:active),

.btn-group:disabled.btn-raised,

.btn-group:disabled.btn-raised.active,

.btn-group:disabled.btn-raised:active,

.btn-group:disabled.btn-raised:focus:not(:active),

.btn-group:disabled.btn-group-raised,

.btn-group:disabled.btn-group-raised.active,

.btn-group:disabled.btn-group-raised:active,

.btn-group:disabled.btn-group-raised:focus:not(:active),

.btn-group[disabled][disabled].btn-raised,

.btn-group[disabled][disabled].btn-raised.active,

.btn-group[disabled][disabled].btn-raised:active,

.btn-group[disabled][disabled].btn-raised:focus:not(:active),

.btn-group[disabled][disabled].btn-group-raised,

.btn-group[disabled][disabled].btn-group-raised.active,

.btn-group[disabled][disabled].btn-group-raised:active,

.btn-group[disabled][disabled].btn-group-raised:focus:not(:active),

fieldset[disabled][disabled] .btn-group-vertical.btn-raised,

fieldset[disabled][disabled] .btn-group-vertical.btn-raised.active,

fieldset[disabled][disabled] .btn-group-vertical.btn-raised:active,

fieldset[disabled][disabled] .btn-group-vertical.btn-raised:focus:not(:active),

fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised,

fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised.active,

fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised:active,

fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised:focus:not(:active),

.btn-group-vertical.disabled.btn-raised,

.btn-group-vertical.disabled.btn-raised.active,

.btn-group-vertical.disabled.btn-raised:active,

.btn-group-vertical.disabled.btn-raised:focus:not(:active),

.btn-group-vertical.disabled.btn-group-raised,

.btn-group-vertical.disabled.btn-group-raised.active,

.btn-group-vertical.disabled.btn-group-raised:active,

.btn-group-vertical.disabled.btn-group-raised:focus:not(:active),

.btn-group-vertical:disabled.btn-raised,

.btn-group-vertical:disabled.btn-raised.active,

.btn-group-vertical:disabled.btn-raised:active,

.btn-group-vertical:disabled.btn-raised:focus:not(:active),

.btn-group-vertical:disabled.btn-group-raised,

.btn-group-vertical:disabled.btn-group-raised.active,

.btn-group-vertical:disabled.btn-group-raised:active,

.btn-group-vertical:disabled.btn-group-raised:focus:not(:active),

.btn-group-vertical[disabled][disabled].btn-raised,

.btn-group-vertical[disabled][disabled].btn-raised.active,

.btn-group-vertical[disabled][disabled].btn-raised:active,

.btn-group-vertical[disabled][disabled].btn-raised:focus:not(:active),

.btn-group-vertical[disabled][disabled].btn-group-raised,

.btn-group-vertical[disabled][disabled].btn-group-raised.active,

.btn-group-vertical[disabled][disabled].btn-group-raised:active,

.btn-group-vertical[disabled][disabled].btn-group-raised:focus:not(:active) {

    box-shadow: none;

}

.btn-group,

.btn-group-vertical {

    position: relative;

    margin: 10px 1px;

}

.btn-group.open > .dropdown-toggle.btn,

.btn-group.open > .dropdown-toggle.btn.btn-default,

.btn-group-vertical.open > .dropdown-toggle.btn,

.btn-group-vertical.open > .dropdown-toggle.btn.btn-default {

    background-color: #eee;

}

.btn-group.open > .dropdown-toggle.btn.btn-inverse,

.btn-group-vertical.open > .dropdown-toggle.btn.btn-inverse {

    background-color: #3f51b5;

}

.btn-group.open > .dropdown-toggle.btn.btn-primary,

.btn-group-vertical.open > .dropdown-toggle.btn.btn-primary {

    background-color: #9c27b0;

}

.btn-group.open > .dropdown-toggle.btn.btn-success,

.btn-group-vertical.open > .dropdown-toggle.btn.btn-success {

    background-color: #4caf50;

}

.btn-group.open > .dropdown-toggle.btn.btn-info,

.btn-group-vertical.open > .dropdown-toggle.btn.btn-info {

    background-color: #03a9f4;

}

.btn-group.open > .dropdown-toggle.btn.btn-warning,

.btn-group-vertical.open > .dropdown-toggle.btn.btn-warning {

    background-color: #fbc02d;

}

.btn-group.open > .dropdown-toggle.btn.btn-danger,

.btn-group-vertical.open > .dropdown-toggle.btn.btn-danger {

    background-color: #f44336;

}

.btn-group .dropdown-menu,

.btn-group-vertical .dropdown-menu {

    border-radius: 0 0 3px 3px;

}

.btn-group.btn-group-raised,

.btn-group-vertical.btn-group-raised {

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

}

.btn-group .btn + .btn,

.btn-group .btn,

.btn-group .btn:active,

.btn-group .btn-group,

.btn-group-vertical .btn + .btn,

.btn-group-vertical .btn,

.btn-group-vertical .btn:active,

.btn-group-vertical .btn-group {

    margin: 0;

}

.close {

    font-size: inherit;

    color: #fff;

    opacity: 0.9;

    text-shadow: none;

}

.close:hover,

.close:focus {

    opacity: 1;

    color: #fff;

}

.close i {

    font-size: 20px;

}

.checkbox label {

    cursor: pointer;

    padding-left: 0;

    color: rgba(0, 0, 0, 0.26);

}

.form-group.is-focused .checkbox label {

    color: rgba(0, 0, 0, 0.26);

}

.form-group.is-focused .checkbox label:hover,

.form-group.is-focused .checkbox label:focus {

    color: rgba(0, 0, 0, 0.54);

}

fieldset[disabled] .form-group.is-focused .checkbox label {

    color: rgba(0, 0, 0, 0.26);

}

.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;

    padding-right: 5px;

}

.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;

    transform: scale3d(2.3, 2.3, 1);

}

.checkbox .checkbox-material .check {

    position: relative;

    display: inline-block;

    width: 20px;

    height: 20px;

    border: 1px solid rgba(0, 0, 0, 0.54);

    overflow: hidden;

    z-index: 1;

    border-radius: 3px;

}

.checkbox .checkbox-material .check:before {

    position: absolute;

    content: "";

    transform: rotate(45deg);

    display: block;

    margin-top: -3px;

    margin-left: 7px;

    width: 0;

    height: 0;

    background: red;

    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;

    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 {

    background: #9c27b0;

}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check:before {

    color: #ffffff;

    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;

    animation: checkbox-on 0.3s forwards;

}

.checkbox input[type="checkbox"]:checked + .checkbox-material:before {

    animation: rippleOn 500ms;

}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check:after {

    animation: rippleOn 500ms forwards;

}

.checkbox input[type="checkbox"]:not(:checked) + .checkbox-material:before {

    animation: rippleOff 500ms;

}

.checkbox input[type="checkbox"]:not(:checked) + .checkbox-material .check:after {

    animation: rippleOff 500ms;

}

fieldset[disabled] .checkbox,

fieldset[disabled] .checkbox input[type="checkbox"],

.checkbox input[type="checkbox"][disabled] ~ .checkbox-material .check,

.checkbox input[type="checkbox"][disabled] + .circle {

    opacity: 0.5;

}

.checkbox input[type="checkbox"][disabled] ~ .checkbox-material .check {

    border-color: #000000;

    opacity: 0.26;

}

.checkbox input[type="checkbox"][disabled] + .checkbox-material .check:after {

    background-color: rgba(0, 0, 0, 0.87);

    transform: rotate(-45deg);

}

@keyframes checkbox-on {

    0% {

        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 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 0 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 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;

    }

}

@keyframes rippleOn {

    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 {

    user-select: none;

}

.togglebutton label {

    cursor: pointer;

    color: rgba(0, 0, 0, 0.26);

}

.form-group.is-focused .togglebutton label {

    color: rgba(0, 0, 0, 0.26);

}

.form-group.is-focused .togglebutton label:hover,

.form-group.is-focused .togglebutton label:focus {

    color: rgba(0, 0, 0, 0.54);

}

fieldset[disabled] .form-group.is-focused .togglebutton label {

    color: rgba(0, 0, 0, 0.26);

}

.togglebutton label input[type="checkbox"] {

    opacity: 0;

    width: 0;

    height: 0;

}

.togglebutton label .toggle {

    text-align: left;

    margin-left: 5px;

}

.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: 15px;

    transition: background 0.3s ease;

    vertical-align: middle;

}

.togglebutton label .toggle:after {

    content: "";

    display: inline-block;

    width: 20px;

    height: 20px;

    background-color: #ffffff;

    border-radius: 20px;

    position: relative;

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);

    left: -5px;

    top: -3px;

    border: 1px solid rgba(0, 0, 0, 0.54);

    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 {

    background-color: rgba(156, 39, 176, 0.7);

}

.togglebutton label input[type="checkbox"]:checked + .toggle:after {

    border-color: #9c27b0;

}

.togglebutton 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);

}

.radio label {

    cursor: pointer;

    padding-left: 35px;

    position: relative;

    color: rgba(0, 0, 0, 0.26);

}

.form-group.is-focused .radio label {

    color: rgba(0, 0, 0, 0.26);

}

.form-group.is-focused .radio label:hover,

.form-group.is-focused .radio label:focus {

    color: rgba(0, 0, 0, 0.54);

}

fieldset[disabled] .form-group.is-focused .radio label {

    color: rgba(0, 0, 0, 0.26);

}

.radio label span {

    display: block;

    position: absolute;

    left: 10px;

    top: 2px;

    transition-duration: 0.2s;

}

.radio label .circle {

    border: 1px solid rgba(0, 0, 0, 0.54);

    height: 15px;

    width: 15px;

    border-radius: 100%;

}

.radio label .check {

    height: 15px;

    width: 15px;

    border-radius: 100%;

    background-color: #9c27b0;

    transform: scale3d(0, 0, 0);

}

.radio label .check:after {

    display: block;

    position: absolute;

    content: "";

    background-color: rgba(0, 0, 0, 0.87);

    left: -18px;

    top: -18px;

    height: 50px;

    width: 50px;

    border-radius: 100%;

    z-index: 1;

    opacity: 0;

    margin: 0;

    transform: scale3d(1.5, 1.5, 1);

}

.radio label input[type="radio"]:not(:checked) ~ .check:after {

    animation: rippleOff 500ms;

}

.radio label input[type="radio"]:checked ~ .check:after {

    animation: rippleOn 500ms;

}

.radio input[type="radio"] {

    opacity: 0;

    height: 0;

    width: 0;

    overflow: hidden;

}

.radio input[type="radio"]:checked ~ .check,

.radio input[type="radio"]:checked ~ .circle {

    opacity: 1;

}

.radio input[type="radio"]:checked ~ .check {

    background-color: #9c27b0;

}

.radio input[type="radio"]:checked ~ .circle {

    border-color: #9c27b0;

}

.radio input[type="radio"]:checked ~ .check {

    transform: scale3d(0.65, 0.65, 1);

}

.radio input[type="radio"][disabled] ~ .check,

.radio input[type="radio"][disabled] ~ .circle {

    opacity: 0.26;

}

.radio input[type="radio"][disabled] ~ .check {

    background-color: #000;

}

.radio input[type="radio"][disabled] ~ .circle {

    border-color: #000;

}

@keyframes rippleOn {

    0% {

        opacity: 0;

    }

    50% {

        opacity: 0.2;

    }

    100% {

        opacity: 0;

    }

}

@keyframes rippleOff {

    0% {

        opacity: 0;

    }

    50% {

        opacity: 0.2;

    }

    100% {

        opacity: 0;

    }

}

legend {

    margin-bottom: 20px;

    font-size: 21px;

}

output {

    padding-top: 8px;

    font-size: 14px;

    line-height: 1.428571429;

}

.form-control {

    height: 36px;

    padding: 7px 0;

    font-size: 14px;

    line-height: 1.428571429;

}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    input[type="date"].form-control,

    input[type="time"].form-control,

    input[type="datetime-local"].form-control,

    input[type="month"].form-control {

        line-height: 36px;

    }

    input[type="date"].input-sm,

    .input-group-sm input[type="date"],

    input[type="time"].input-sm,

    .input-group-sm input[type="time"],

    input[type="datetime-local"].input-sm,

    .input-group-sm input[type="datetime-local"],

    input[type="month"].input-sm,

    .input-group-sm input[type="month"] {

        line-height: 24px;

    }

    input[type="date"].input-lg,

    .input-group-lg input[type="date"],

    input[type="time"].input-lg,

    .input-group-lg input[type="time"],

    input[type="datetime-local"].input-lg,

    .input-group-lg input[type="datetime-local"],

    input[type="month"].input-lg,

    .input-group-lg input[type="month"] {

        line-height: 44px;

    }

}

.radio label,

.checkbox label {

    min-height: 20px;

}

.form-control-static {

    padding-top: 8px;

    padding-bottom: 8px;

    min-height: 34px;

}

.input-sm .input-sm {

    height: 24px;

    padding: 3px 0;

    font-size: 11px;

    line-height: 1.5;

    border-radius: 0;

}

.input-sm select.input-sm {

    height: 24px;

    line-height: 24px;

}

.input-sm textarea.input-sm,

.input-sm select[multiple].input-sm {

    height: auto;

}

.form-group-sm .form-control {

    height: 24px;

    padding: 3px 0;

    font-size: 11px;

    line-height: 1.5;

}

.form-group-sm select.form-control {

    height: 24px;

    line-height: 24px;

}

.form-group-sm textarea.form-control,

.form-group-sm select[multiple].form-control {

    height: auto;

}

.form-group-sm .form-control-static {

    height: 24px;

    min-height: 31px;

    padding: 4px 0;

    font-size: 11px;

    line-height: 1.5;

}

.input-lg .input-lg {

    height: 44px;

    padding: 9px 0;

    font-size: 18px;

    line-height: 1.3333333;

    border-radius: 0;

}

.input-lg select.input-lg {

    height: 44px;

    line-height: 44px;

}

.input-lg textarea.input-lg,

.input-lg select[multiple].input-lg {

    height: auto;

}

.form-group-lg .form-control {

    height: 44px;

    padding: 9px 0;

    font-size: 18px;

    line-height: 1.3333333;

}

.form-group-lg select.form-control {

    height: 44px;

    line-height: 44px;

}

.form-group-lg textarea.form-control,

.form-group-lg select[multiple].form-control {

    height: auto;

}

.form-group-lg .form-control-static {

    height: 44px;

    min-height: 38px;

    padding: 10px 0;

    font-size: 18px;

    line-height: 1.3333333;

}

.form-horizontal .radio,

.form-horizontal .checkbox,

.form-horizontal .radio-inline,

.form-horizontal .checkbox-inline {

    padding-top: 8px;

}

.form-horizontal .radio,

.form-horizontal .checkbox {

    min-height: 28px;

}

@media (min-width: 768px) {

    .form-horizontal .control-label {

        padding-top: 8px;

    }

}

@media (min-width: 768px) {

    .form-horizontal .form-group-lg .control-label {

        padding-top: 12.9999997px;

        font-size: 18px;

    }

}

@media (min-width: 768px) {

    .form-horizontal .form-group-sm .control-label {

        padding-top: 4px;

        font-size: 11px;

    }

}

.label {

    border-radius: 2px;

}

.label,

.label.label-default {

    background-color: #9e9e9e;

}

.label.label-inverse {

    background-color: #3f51b5;

}

.label.label-primary {

    background-color: #9c27b0;

}

.label.label-success {

    background-color: #4caf50;

}

.label.label-info {

    background-color: #03a9f4;

}

.label.label-warning {

    background-color: #fbc02d;

}

.label.label-danger {

    background-color: #f44336;

}

.form-control,

.form-group .form-control {

    border: 0;

    background-size: 0 2px, 100% 1px;

    background-repeat: no-repeat;

    background-position: center bottom, center calc(100% - 1px);

    /*background-color: transparent;*/

    transition: background 0s ease-out;

    float: none;

    box-shadow: none;

    border-radius: 0;

    font-weight: 400;

}

.form-control::-moz-placeholder,

.form-group .form-control::-moz-placeholder {

    color: #aaa;

    font-weight: 400;

}

.form-control:-ms-input-placeholder,

.form-group .form-control:-ms-input-placeholder {

    color: #aaa;

    font-weight: 400;

}

.form-control::-webkit-input-placeholder,

.form-group .form-control::-webkit-input-placeholder {

    color: #aaa;

    font-weight: 400;

}

.form-control[readonly],

.form-control[disabled],

fieldset[disabled] .form-control,

.form-group .form-control[readonly],

.form-group .form-control[disabled],

fieldset[disabled] .form-group .form-control {

    background-color: transparent;

}

.form-control[disabled],

fieldset[disabled] .form-control,

.form-group .form-control[disabled],

fieldset[disabled] .form-group .form-control {

    background-image: none;

    border-bottom: 1px dotted #d2d2d2;

}

.form-group {

    position: relative;

}

.form-group.label-static label.control-label,

.form-group.label-placeholder label.control-label,

.form-group.label-floating label.control-label {

    position: absolute;

    pointer-events: none;

    transition: 0.3s ease all;

}

.form-group.label-floating label.control-label {

    will-change: left, top, contents;

}

.form-group.label-placeholder:not(.is-empty) label.control-label {

    display: none;

}

.form-group .help-block {

    position: absolute;

    display: none;

}

.form-group.is-focused .form-control {

    outline: none;

    background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#d2d2d2, #d2d2d2);

    background-size: 100% 2px, 100% 1px;

    box-shadow: none;

    transition-duration: 0.3s;

}

.form-group.is-focused .form-control .material-input:after {

    background-color: #9c27b0;

}

.form-group.is-focused label,

.form-group.is-focused label.control-label {

    color: #9c27b0;

}

.form-group.is-focused.label-placeholder label,

.form-group.is-focused.label-placeholder label.control-label {

    color: #aaa;

}

.form-group.is-focused .help-block {

    display: block;

}

.form-group.has-warning .form-control {

    box-shadow: none;

}

.form-group.has-warning.is-focused .form-control {

    background-image: linear-gradient(#fbc02d, #fbc02d), linear-gradient(#d2d2d2, #d2d2d2);

}

.form-group.has-warning label.control-label,

.form-group.has-warning .help-block {

    color: #fbc02d;

}

.form-group.has-error .form-control {

    box-shadow: none;

}

.form-group.has-error.is-focused .form-control {

    background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2);

}

.form-group.has-error label.control-label,

.form-group.has-error .help-block {

    color: #f44336;

}

.form-group.has-success .form-control {

    box-shadow: none;

}

.form-group.has-success.is-focused .form-control {

    background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2);

}

.form-group.has-success label.control-label,

.form-group.has-success .help-block {

    color: #4caf50;

}

.form-group.has-info .form-control {

    box-shadow: none;

}

.form-group.has-info.is-focused .form-control {

    background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#d2d2d2, #d2d2d2);

}

.form-group.has-info label.control-label,

.form-group.has-info .help-block {

    color: #03a9f4;

}

.form-group textarea {

    resize: none;

}

.form-group textarea ~ .form-control-highlight {

    margin-top: -11px;

}

.form-group select {

    appearance: none;

}

.form-group select ~ .material-input:after {

    display: none;

}

.form-control {

    margin-bottom: 7px;

}

.form-control::-moz-placeholder {

    font-size: 14px;

    line-height: 1.428571429;

    color: #aaa;

    font-weight: 400;

}

.form-control:-ms-input-placeholder {

    font-size: 14px;

    line-height: 1.428571429;

    color: #aaa;

    font-weight: 400;

}

.form-control::-webkit-input-placeholder {

    font-size: 14px;

    line-height: 1.428571429;

    color: #aaa;

    font-weight: 400;

}

.checkbox label,

.radio label,

label {

    font-size: 14px;

    line-height: 1.428571429;

    color: #aaa;

    font-weight: 400;

}

label.control-label {

    font-size: 11px;

    line-height: 1.0714285718;

    color: #aaa;

    font-weight: 400;

    margin: 16px 0 0 0;

}

.help-block {

    margin-top: 0;

    font-size: 11px;

}

.form-group {

    padding-bottom: 7px;

    margin: 27px 0 0 0;

}

.form-group .form-control {

    margin-bottom: 7px;

}

.form-group .form-control::-moz-placeholder {

    font-size: 14px;

    line-height: 1.428571429;

    color: #aaa;

    font-weight: 400;

}

.form-group .form-control:-ms-input-placeholder {

    font-size: 14px;

    line-height: 1.428571429;

    color: #aaa;

    font-weight: 400;

}

.form-group .form-control::-webkit-input-placeholder {

    font-size: 14px;

    line-height: 1.428571429;

    color: #aaa;

    font-weight: 400;

}

.form-group .checkbox label,

.form-group .radio label,

.form-group label {

    font-size: 14px;

    line-height: 1.428571429;

    color: #aaa;

    font-weight: 400;

}

.form-group label.control-label {

    font-size: 11px;

    line-height: 1.0714285718;

    color: #aaa;

    font-weight: 400;

    margin: 16px 0 0 0;

}

.form-group .help-block {

    margin-top: 0;

    font-size: 11px;

}

.form-group.label-floating label.control-label,

.form-group.label-placeholder label.control-label {

    top: -7px;

    font-size: 14px;

    line-height: 1.428571429;

}

.form-group.label-static label.control-label,

.form-group.label-floating.is-focused label.control-label,

.form-group.label-floating:not(.is-empty) label.control-label {

    top: -28px;

    left: 0;

    font-size: 11px;

    line-height: 1.0714285718;

}

.form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {

    top: -28px;

    left: 0;

    font-size: 11px;

    line-height: 1.0714285718;

}

.form-group.form-group-sm {

    padding-bottom: 3px;

    margin: 21px 0 0 0;

}

.form-group.form-group-sm .form-control {

    margin-bottom: 3px;

}

.form-group.form-group-sm .form-control::-moz-placeholder {

    font-size: 11px;

    line-height: 1.5;

    color: #aaa;

    font-weight: 400;

}

.form-group.form-group-sm .form-control:-ms-input-placeholder {

    font-size: 11px;

    line-height: 1.5;

    color: #aaa;

    font-weight: 400;

}

.form-group.form-group-sm .form-control::-webkit-input-placeholder {

    font-size: 11px;

    line-height: 1.5;

    color: #aaa;

    font-weight: 400;

}

.form-group.form-group-sm .checkbox label,

.form-group.form-group-sm .radio label,

.form-group.form-group-sm label {

    font-size: 11px;

    line-height: 1.5;

    color: #aaa;

    font-weight: 400;

}

.form-group.form-group-sm label.control-label {

    font-size: 9px;

    line-height: 1.125;

    color: #aaa;

    font-weight: 400;

    margin: 16px 0 0 0;

}

.form-group.form-group-sm .help-block {

    margin-top: 0;

    font-size: 9px;

}

.form-group.form-group-sm.label-floating label.control-label,

.form-group.form-group-sm.label-placeholder label.control-label {

    top: -11px;

    font-size: 11px;

    line-height: 1.5;

}

.form-group.form-group-sm.label-static label.control-label,

.form-group.form-group-sm.label-floating.is-focused label.control-label,

.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label {

    top: -25px;

    left: 0;

    font-size: 9px;

    line-height: 1.125;

}

.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {

    top: -25px;

    left: 0;

    font-size: 9px;

    line-height: 1.125;

}

.form-group.form-group-lg {

    padding-bottom: 9px;

    margin: 30px 0 0 0;

}

.form-group.form-group-lg .form-control {

    margin-bottom: 9px;

}

.form-group.form-group-lg .form-control::-moz-placeholder {

    font-size: 18px;

    line-height: 1.3333333;

    color: #aaa;

    font-weight: 400;

}

.form-group.form-group-lg .form-control:-ms-input-placeholder {

    font-size: 18px;

    line-height: 1.3333333;

    color: #aaa;

    font-weight: 400;

}

.form-group.form-group-lg .form-control::-webkit-input-placeholder {

    font-size: 18px;

    line-height: 1.3333333;

    color: #aaa;

    font-weight: 400;

}

.form-group.form-group-lg .checkbox label,

.form-group.form-group-lg .radio label,

.form-group.form-group-lg label {

    font-size: 18px;

    line-height: 1.3333333;

    color: #aaa;

    font-weight: 400;

}

.form-group.form-group-lg label.control-label {

    font-size: 14px;

    line-height: 0.999999975;

    color: #aaa;

    font-weight: 400;

    margin: 16px 0 0 0;

}

.form-group.form-group-lg .help-block {

    margin-top: 0;

    font-size: 14px;

}

.form-group.form-group-lg.label-floating label.control-label,

.form-group.form-group-lg.label-placeholder label.control-label {

    top: -5px;

    font-size: 18px;

    line-height: 1.3333333;

}

.form-group.form-group-lg.label-static label.control-label,

.form-group.form-group-lg.label-floating.is-focused label.control-label,

.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {

    top: -32px;

    left: 0;

    font-size: 14px;

    line-height: 0.999999975;

}

.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {

    top: -32px;

    left: 0;

    font-size: 14px;

    line-height: 0.999999975;

}

select.form-control {

    border: 0;

    box-shadow: none;

    border-radius: 0;

}

.form-group.is-focused select.form-control {

    box-shadow: none;

    border-color: #d2d2d2;

}

select.form-control[multiple],

.form-group.is-focused select.form-control[multiple] {

    height: 85px;

}

.input-group-btn .btn {

    margin: 0 0 7px 0;

}

.form-group.form-group-sm .input-group-btn .btn {

    margin: 0 0 3px 0;

}

.form-group.form-group-lg .input-group-btn .btn {

    margin: 0 0 9px 0;

}

.input-group .input-group-btn {

    padding: 0 12px;

}

.input-group .input-group-addon {

    border: 0;

    background: transparent;

    padding: 12px 15px 0px;

}

.form-group input[type="file"] {

    opacity: 0;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 100;

}

.form-control-feedback {

    opacity: 0;

}

.has-success .form-control-feedback {

    color: #4caf50;

    opacity: 1;

}

.has-error .form-control-feedback {

    color: #f44336;

    opacity: 1;

}

.nav-pills > li > a {

    line-height: 24px;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 500;

    min-width: 100px;

    text-align: center;

    color: #555;

    transition: all 0.3s;

}

.nav-pills > li i {

    display: block;

    font-size: 30px;

    padding: 15px 0;

}

.nav-pills > li.active > a,

.nav-pills > li.active > a:focus,

.nav-pills > li.active > a:hover {

    background-color: #9c27b0;

    color: #fff;

    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);

}

.nav-pills.nav-pills-info > li.active > a,

.nav-pills.nav-pills-info > li.active > a:focus,

.nav-pills.nav-pills-info > li.active > a:hover {

    background-color: #03a9f4;

}

.nav-pills.nav-pills-success > li.active > a,

.nav-pills.nav-pills-success > li.active > a:focus,

.nav-pills.nav-pills-success > li.active > a:hover {

    background-color: #4caf50;

}

.nav-pills.nav-pills-warning > li.active > a,

.nav-pills.nav-pills-warning > li.active > a:focus,

.nav-pills.nav-pills-warning > li.active > a:hover {

    background-color: #fbc02d;

}

.nav-pills.nav-pills-danger > li.active > a,

.nav-pills.nav-pills-danger > li.active > a:focus,

.nav-pills.nav-pills-danger > li.active > a:hover {

    background-color: #f44336;

}

legend {

    border-bottom: 0;

}

.progress {

    margin-bottom: 5px;

}

.progress .progress-bar {

    box-shadow: none;

}

.progress .progress-bar,

.progress .progress-bar.progress-bar-default {

    background-color: #9c27b0;

}

.progress .progress-bar.progress-bar-inverse {

    background-color: #3f51b5;

}

.progress .progress-bar.progress-bar-primary {

    background-color: #9c27b0;

}

.progress .progress-bar.progress-bar-success {

    background-color: #4caf50;

}

.progress .progress-bar.progress-bar-info {

    background-color: #03a9f4;

}

.progress .progress-bar.progress-bar-warning {

    background-color: #fbc02d;

}

.progress .progress-bar.progress-bar-danger {

    background-color: #f44336;

}

.progress.progress-line-primary {

    background: rgba(156, 39, 176, 0.2);

}

.progress.progress-line-info {

    background: rgba(3, 169, 244, 0.2);

}

.progress.progress-line-success {

    background: rgba(76, 175, 80, 0.2);

}

.progress.progress-line-warning {

    background: rgba(251, 192, 45, 0.2);

}

.progress.progress-line-danger {

    background: rgba(244, 67, 54, 0.2);

}

.text-warning {

    color: #fbc02d;

}

.text-primary {

    color: #9c27b0;

}

.text-danger {

    color: #f44336;

}

.text-success {

    color: #4caf50;

}

.text-info {

    color: #03a9f4;

}

.card {

    display: inline-block;

    position: relative;

    width: 100%;

    border-radius: 3px;

    color: rgba(0, 0, 0, 0.87);

    background: #fff;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

}

.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: #fff;

    font-size: 2em;

}

.card .content {

    padding: 15px;

}

.card .card-body {

    height: 30%;

    padding: 18px;

}

.card .card-footer {

    height: 10%;

    padding: 18px;

}

.card .card-footer button,

.card .card-footer a {

    margin: 0 !important;

    position: relative;

    bottom: 25px;

    width: auto;

}

.card .card-footer button:first-child,

.card .card-footer a:first-child {

    left: -15px;

}

.card .header {

    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);

    margin: 15px;

    border-radius: 3px;

    padding: 15px 0;

    background-color: #fff;

}

.card .header-primary {

    background: linear-gradient(60deg, #f15f79, #b24592);

}

.card .header-info {

    background: linear-gradient(60deg, #29b6f6, #0288d1);

}

.card .header-success {

    background: linear-gradient(60deg, #66bb6a, #388e3c);

}

.card .header-warning {

    background: linear-gradient(60deg, #fdd835, #fbc02d);

}

.card .header-danger {

    background: linear-gradient(60deg, #ef5350, #d32f2f);

}

.card [class*="header-"] {

    color: #ffffff;

}

.card-raised {

    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);

}

.card-signup .header {

    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);

    margin-left: 20px;

    margin-right: 20px;

    margin-top: -40px;

    padding: 20px 0;

}

.card-signup .text-divider {

    margin-top: 30px;

    margin-bottom: 0px;

    text-align: center;

}

.card-signup .content {

    padding: 0px 30px 0px 10px;

}

.card-signup .checkbox {

    margin-top: 20px;

}

.card-signup .checkbox label {

    margin-left: 17px;

}

.card-signup .checkbox .checkbox-material {

    padding-right: 12px;

}

.card-signup .social-line {

    margin-top: 15px;

    text-align: center;

}

.card-signup .social-line .btn {

    color: #fff;

    margin-left: 5px;

    margin-right: 5px;

}

.card-nav-tabs {

    margin-top: 45px;

}

.card-nav-tabs .header {

    margin-top: -30px;

}

.card-nav-tabs .nav-tabs {

    background: transparent;

}

.card-plain {

    background: transparent;

    box-shadow: none;

}

.card-plain .header {

    margin-left: 0;

    margin-right: 0;

}

.card-plain .content {

    padding-left: 0;

    padding-right: 0;

}

.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: 3px;

    border: none;

}

.modal-content .modal-header {

    border-bottom: none;

    padding-top: 24px;

    padding-right: 24px;

    padding-bottom: 0;

    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-body + .modal-footer {

    padding-top: 0;

}

.modal-backdrop {

    background: rgba(0, 0, 0, 0.3);

}

.modal .modal-dialog {

    margin-top: 100px;

}

.modal .modal-header .close {

    color: #555;

}

.modal .modal-header .close:hover,

.modal .modal-header .close:focus {

    opacity: 1;

    color: #555;

}

.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.panel-default > .panel-heading {

    background-color: #eee;

}

.panel.panel-inverse > .panel-heading {

    background-color: #3f51b5;

}

.panel.panel-primary > .panel-heading {

    background-color: #9c27b0;

}

.panel.panel-success > .panel-heading {

    background-color: #4caf50;

}

.panel.panel-info > .panel-heading {

    background-color: #03a9f4;

}

.panel.panel-warning > .panel-heading {

    background-color: #fbc02d;

}

.panel.panel-danger > .panel-heading {

    background-color: #f44336;

}

[class*="panel-"] > .panel-heading {

    color: #fff;

    border: 0;

}

.panel-default > .panel-heading,

.panel:not([class*="panel-"]) > .panel-heading {

    color: rgba(0, 0, 0, 0.87);

}

.panel-footer {

    background-color: #eee;

}

hr.on-dark {

    color: #1a1a1a;

}

hr.on-light {

    color: #fff;

}

@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;

}

a:focus,

a:active,

button:active,

button:focus,

button:hover,

button::-moz-focus-inner,

input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner,

select::-moz-focus-inner,

input[type="file"] > input[type="button"]::-moz-focus-inner {

    outline: 0 !important;

}

.section {

    padding: 70px 0;

}

.section-navbars {

    padding-bottom: 0;

}

.section-full-screen {

    height: 100vh;

}

.section-signup {

    padding-top: 20vh;

}

.withripple {

    position: relative;

}

.ripple-container {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    overflow: hidden;

    border-radius: inherit;

    pointer-events: none;

}

.ripple {

    position: absolute;

    width: 20px;

    height: 20px;

    margin-left: -10px;

    margin-top: -10px;

    border-radius: 100%;

    background-color: #000;

    background-color: rgba(0, 0, 0, 0.05);

    transform: scale(1);

    transform-origin: 50%;

    opacity: 0;

    pointer-events: none;

}

.ripple.ripple-on {

    transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;

    opacity: 0.1;

}

.ripple.ripple-out {

    transition: opacity 0.1s linear 0s !important;

    opacity: 0;

}

.wrapper > .header {

    min-height: 300px;

    background-position: center center;

    background-size: cover;

}

.main {

    background: #ffffff;

    position: relative;

    z-index: 3;

}

.main-raised {

    margin: -60px 30px 0px;

    border-radius: 6px;

    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);

}

.title {

    font-weight: 500;

    color: #3c4858;

}

h2.title {

    margin-bottom: 30px;

}

.description {

    color: #999;

}

.header-filter {

    position: relative;

}

.header-filter:after {

    position: absolute;

    z-index: 1;

    width: 100%;

    height: 100%;

    display: block;

    left: 0;

    top: 0;

    content: "";

    background-color: rgba(0, 0, 0, 0.4);

}

.header-filter .container {

    z-index: 2;

    position: relative;

}

.gallery .image img {

    width: 100%;

}

.features {

    padding: 80px 0 0;

}

.features .feature {

    max-width: 360px;

    margin: 0 auto;

}

.features .feature > i {

    font-size: 60px;

}

.features .feature h4 {

    color: #3c4858;

    margin: 30px 0 15px;

}

.features .feature.feature-primary > i {

    color: #9c27b0;

}

.features .feature.feature-info > i {

    color: #03a9f4;

}

.features .feature.feature-success > i {

    color: #4caf50;

}

.features .feature.feature-warning > i {

    color: #fbc02d;

}

.features .feature.feature-danger > i {

    color: #f44336;

}

.team {

    margin-top: 80px;

}

.team .team-player .title {

    margin: 30px auto;

}

.team .team-player img {

    max-width: 170px;

}

.nav-align-center {

    text-align: center;

}

.nav-align-center .nav-pills {

    display: inline-block;

}

.navbar-absolute {

    position: absolute;

    width: 100%;

    padding-top: 10px;

    z-index: 1031;

}

.index-page .wrapper > .header {

    height: 90vh;

}

.index-page .brand {

    margin-top: 30vh;

    color: #ffffff;

    text-align: center;

}

.index-page .brand h1 {

    font-size: 4.8em;

    font-weight: 600;

}

.index-page .brand h3 {

    font-size: 1.5em;

    text-transform: uppercase;

    max-width: 400px;

    margin: 10px auto 0;

}

.index-page .section-basic {

    padding-top: 15px;

}

.index-page .header-filter:after {

    background: rgba(101, 47, 142, 0.64);

    background: linear-gradient(45deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%);

    background: -moz-linear-gradient(135deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%);

    background: -webkit-linear-gradient(135deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%);

}

.landing-page .header {

    height: 100vh;

}

.landing-page .header .container {

    padding-top: 26vh;

    color: #ffffff;

}

.landing-page .header .share {

    margin-top: 150px;

}

.landing-page .header h1 {

    font-weight: 600;

}

.landing-page .header .title {

    color: #fff;

}

.landing-page .wrapper {

    background: #cccccc;

}

.profile-page .profile {

    text-align: center;

}

.profile-page .profile img {

    max-width: 160px;

    margin: -80px auto 0;

}

.profile-page .description {

    margin: 30px auto 0;

    max-width: 600px;

}

.profile-page .profile-tabs {

    margin-top: 60px;

}

.profile-page .gallery {

    margin-top: 45px;

    padding-bottom: 50px;

}

.profile-page .gallery img {

    width: 100%;

    margin-bottom: 30px;

}

.signup-page .wrapper > .header {

    min-height: 100vh;

}

.signup-page .wrapper .card-signup {

    margin: 160px 0 40px;

}

.signup-page .footer .copyright,

.signup-page .footer a {

    color: #ffffff;

}

.landing-page .navbar-transparent,

.profile-page .navbar-transparent,

.signup-page .navbar-transparent,

.index-page .navbar-transparent {

    padding-top: 25px;

}

@media (max-width: 768px) {

    .footer .copyright {

        display: inline-block;

        text-align: center;

        padding: 10px 0;

        float: none !important;

        width: 100%;

    }

    .navbar.navbar-transparent {

        background-color: rgba(0, 0, 0, 0.4);

        padding-top: 10px;

        border-radius: 0;

    }

    .main-raised {

        margin-left: 10px;

        margin-right: 10px;

    }

}

.morphsearch {

    width: 300px;

    min-height: 30px;

    position: fixed;

    z-index: 13;

    top: 12px;

    left: 255px;

    -webkit-transform-origin: 100% 0;

    transform-origin: 100% 0;

    -webkit-transition-property: min-height, width, top, right;

    transition-property: min-height, width, top, right;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);

    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);

}

.morphsearch .form-group {

    margin: 0;

    padding: 0;

}

.m-top {

    z-index: 7;

}

.morphsearch .form-group .form-control {

    margin: 0;

    padding: 7px 0;

    color: #fff;

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}

.morphsearch.open {

    width: 100%;

    min-height: 100%;

    top: 0px;

    left: 0px;

    z-index: 9999;

}

.morphsearch.open .morphsearch-form {

    width: 80%;

    height: 160px;

    -webkit-transform: translate3d(0, 3em, 0);

    transform: translate3d(0, 3em, 0);

}

.morphsearch.open .morphsearch-submit {

    pointer-events: auto;

    opacity: 1;

    -webkit-transform: translate3d(-30px, -50%, 0) scale3d(1, 1, 1);

    transform: translate3d(-30px, -50%, 0) scale3d(1, 1, 1);

    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

    transition: opacity 0.3s, transform 0.3s;

    -webkit-transition-delay: 0.5s;

    transition-delay: 0.5s;

}

.morphsearch.open .morphsearch-close {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

    transition: opacity 0.3s, transform 0.3s;

    -webkit-transition-delay: 0.5s;

    transition-delay: 0.5s;

}

.morphsearch-form {

    width: 100%;

    height: 30px;

    margin: 0 auto;

    position: relative;

    -webkit-transition-property: width, height, -webkit-transform;

    transition-property: width, height, transform;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);

    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);

}

.morphsearch-input {

    width: 100%;

    height: 100%;

    padding: 0 10% 0 10px;

    font-weight: 700;

    border: none;

    background: transparent;

    font-size: 0.8em;

    color: #ec5a62;

    -webkit-transition: font-size 0.5s cubic-bezier(0.7, 0, 0.3, 1);

    transition: font-size 0.5s cubic-bezier(0.7, 0, 0.3, 1);

}

.morphsearch-input::-ms-clear {

    display: none;

}

.morphsearch.hideInput .morphsearch-input {

    color: transparent;

    -webkit-transition: color 0.3s;

    transition: color 0.3s;

}

.morphsearch.open .morphsearch-input {

    line-height: 80px;

    height: 80px;

    font-size: 40px !important;

}

.morphsearch-input::-webkit-input-placeholder {

    color: #fff !important;

    opacity: 1;

}

.morphsearch-input::-moz-placeholder {

    color: #fff !important;

    opacity: 1;

}

.morphsearch-input:-ms-input-placeholder {

    color: #fff !important;

    opacity: 1;

}

.morphsearch-input:-moz-placeholder {

    color: #fff !important;

    opacity: 1;

}

.morphsearch.open .morphsearch-input::-webkit-input-placeholder {

    font-size: 40px !important;

}

.gn-search:focus::-webkit-input-placeholder {

    color: transparent;

}

input[type="search"] {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

.morphsearch-input:focus,

.morphsearch-submit:focus {

    outline: none;

}

.morphsearch-submit {

    position: absolute;

    width: 40px;

    height: 40px;

    text-indent: 100px;

    overflow: hidden;

    right: 0;

    top: 50%;

    background: transparent url(../images/magnifier.svg) no-repeat center center;

    background-size: 100%;

    border: none;

    pointer-events: none;

    transform-origin: 50% 50%;

    opacity: 0;

    -webkit-transform: translate3d(-30px, -50%, 0) scale3d(0, 0, 1);

    transform: translate3d(-30px, -50%, 0) scale3d(0, 0, 1);

}

.morphsearch-close {

    width: 36px;

    height: 36px;

    position: absolute;

    right: 1em;

    top: 1em;

    overflow: hidden;

    text-indent: 100%;

    cursor: pointer;

    pointer-events: none;

    opacity: 0;

    -webkit-transform: scale3d(0, 0, 1);

    transform: scale3d(0, 0, 1);

}

.morphsearch-close::before,

.morphsearch-close::after {

    content: "";

    position: absolute;

    width: 2px;

    height: 100%;

    top: 0;

    left: 50%;

    border-radius: 3px;

    opacity: 0.2;

    background: #000;

}

.morphsearch-close:hover.morphsearch-close::before,

.morphsearch-close:hover.morphsearch-close::after {

    opacity: 1;

}

.morphsearch-close::before {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.morphsearch-close::after {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.morphsearch-content {

    color: #333;

    margin-top: 4.5em;

    width: 100%;

    height: 0;

    overflow: hidden;

    padding: 0 10.5%;

    background: #fff;

    position: absolute;

    pointer-events: none;

    opacity: 0;

}

.morphsearch.open .morphsearch-content {

    opacity: 1;

    height: auto;

    overflow: visible;

    pointer-events: auto;

    -webkit-transition: opacity 0.3s 0.5s;

    transition: opacity 0.3s 0.5s;

}

.dummy-column {

    width: 30%;

    padding: 20px 0;

    float: left;

    opacity: 0;

    -webkit-transform: translate3d(0, 100px, 0);

    transform: translateY(100px);

    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;

    transition: transform 0.5s, opacity 0.5s;

}

.morphsearch.open .dummy-column {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}

.morphsearch.open .dummy-column:first-child {

    -webkit-transition-delay: 0.4s;

    transition-delay: 0.4s;

}

.morphsearch.open .dummy-column:nth-child(2) {

    -webkit-transition-delay: 0.45s;

    transition-delay: 0.45s;

}

.morphsearch.open .dummy-column:nth-child(3) {

    -webkit-transition-delay: 0.5s;

    transition-delay: 0.5s;

}

.dummy-column:nth-child(2) {

    margin: 0 5%;

}

.dummy-column h2 {

    font-size: 22px;

    letter-spacing: 1px;

    text-transform: uppercase;

    font-weight: 400;

    padding: 0.5em 0;

}

.round {

    border-radius: 50%;

}

.dummy-media-object {

    padding: 0.75em;

    display: block;

    margin: 0.3em 0;

    cursor: pointer;

    border-radius: 0px;

    background: rgba(118, 117, 128, 0.05);

}

.dummy-media-object img {

    display: inline-block;

    width: 50px;

    margin: 0 10px 0 0;

    vertical-align: middle;

}

.dummy-media-object h3 {

    vertical-align: middle;

    font-size: 16px;

    display: inline-block;

    font-weight: 400;

    margin: 0 0 0 0;

    width: calc(100% - 70px);

    color: #555;

}

.dummy-media-object:hover,

.dummy-media-object:focus {

    background: rgba(118, 117, 128, 0.1);

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 4px 5px rgba(0, 0, 0, 0.2);

}

.overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #f1f1f1;

    opacity: 0;

    pointer-events: none;

    -webkit-transition: opacity 0.5s;

    transition: opacity 0.5s;

    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);

    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);

}

.morphsearch.open ~ .overlay {

    opacity: 1;

}

@media only screen and (max-width: 768px) {

    .morphsearch {

        left: 200px;

    }

    .morphsearch-content {

        height: 600px !important;

        overflow-y: scroll !important;

    }

}

@media only screen and (max-width: 767px) {

    .morphsearch {

        left: 0;

        padding: 0 15px;

        width: 100%;

        top: 40px;

        display: none;

    }

    .morphsearch.open .morphsearch-form {

        width: 100%;

    }

    .morphsearch-content {

        width: 92%;

        padding: 0 15px;

        height: 400px !important;

    }

    .morphsearch.open .morphsearch-input::-webkit-input-placeholder {

        font-size: 20px !important;

    }

}

@media screen and (max-width: 53.125em) {

    .morphsearch-input {

        padding: 0 25% 0 10px;

    }

    .morphsearch.open .morphsearch-input {

        font-size: 2em;

    }

    .dummy-column {

        float: none;

        width: auto;

        padding: 0 0 2em;

    }

    .dummy-column:nth-child(2) {

        margin: 0;

    }

    .morphsearch.open .morphsearch-submit {

        -webkit-transform: translate3d(0, -50%, 0) scale3d(0.5, 0.5, 1);

        transform: translate3d(0, -50%, 0) scale3d(0.5, 0.5, 1);

    }

} /*!

 * Materialize v0.97.7 (http://materializecss.com)

 * Copyright 2014-2015 Materialize

 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)

 */

[type="radio"]:not(:checked),

[type="radio"]:checked {

    position: absolute;

    left: -9999px;

    opacity: 0;

}

[type="radio"]:not(:checked) + label,

[type="radio"]:checked + label {

    position: relative;

    padding-left: 35px;

    cursor: pointer;

    display: inline-block;

    height: 25px;

    line-height: 25px;

    font-size: 1rem;

    transition: 0.28s ease;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

[type="radio"] + label:before,

[type="radio"] + label:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    margin: 4px;

    width: 16px;

    height: 16px;

    z-index: 0;

    transition: 0.28s ease;

}

[type="radio"]:not(:checked) + label:before,

[type="radio"]:not(:checked) + label:after,

[type="radio"]:checked + label:before,

[type="radio"]:checked + label:after,

[type="radio"].with-gap:checked + label:before,

[type="radio"].with-gap:checked + label:after {

    border-radius: 50%;

}

[type="radio"]:not(:checked) + label:before,

[type="radio"]:not(:checked) + label:after {

    border: 2px solid #5a5a5a;

}

[type="radio"]:not(:checked) + label:after {

    z-index: -1;

    -webkit-transform: scale(0);

    transform: scale(0);

}

[type="radio"]:checked + label:before {

    border: 2px solid transparent;

}

[type="radio"]:checked + label:after,

[type="radio"].with-gap:checked + label:before,

[type="radio"].with-gap:checked + label:after {

    border: 2px solid #26a69a;

}

[type="radio"]:checked + label:after,

[type="radio"].with-gap:checked + label:after {

    background-color: #26a69a;

    z-index: 0;

}

[type="radio"]:checked + label:after {

    -webkit-transform: scale(1.02);

    transform: scale(1.02);

}

[type="radio"].with-gap:checked + label:after {

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

}

[type="radio"].tabbed:focus + label:before {

    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);

}

[type="radio"].with-gap:disabled:checked + label:before {

    border: 2px solid rgba(0, 0, 0, 0.26);

}

[type="radio"].with-gap:disabled:checked + label:after {

    border: none;

    background-color: rgba(0, 0, 0, 0.26);

}

[type="radio"]:disabled:not(:checked) + label:before,

[type="radio"]:disabled:checked + label:before {

    background-color: transparent;

    border-color: rgba(0, 0, 0, 0.26);

}

[type="radio"]:disabled + label {

    color: rgba(0, 0, 0, 0.26);

}

[type="radio"]:disabled:not(:checked) + label:before {

    border-color: rgba(0, 0, 0, 0.26);

}

[type="radio"]:disabled:checked + label:after {

    background-color: rgba(0, 0, 0, 0.26);

    border-color: #bdbdbd;

}

form p {

    margin-bottom: 10px;

    text-align: left;

}

form p:last-child {

    margin-bottom: 0;

}

[type="checkbox"]:not(:checked),

[type="checkbox"]:checked {

    position: absolute;

    left: -9999px;

    opacity: 0;

}

[type="checkbox"] + label {

    position: relative;

    padding-left: 35px;

    cursor: pointer;

    display: inline-block;

    height: 25px;

    line-height: 25px;

    font-size: 1rem;

    -webkit-user-select: none;

    -moz-user-select: none;

    -khtml-user-select: none;

    -ms-user-select: none;

}

[type="checkbox"] + label:before,

[type="checkbox"]:not(.filled-in) + label:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 18px;

    height: 18px;

    z-index: 0;

    border: 2px solid #5a5a5a;

    border-radius: 1px;

    margin-top: 2px;

    transition: 0.2s;

}

[type="checkbox"]:not(.filled-in) + label:after {

    border: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}

[type="checkbox"]:not(:checked):disabled + label:before {

    border: none;

    background-color: rgba(0, 0, 0, 0.26);

}

[type="checkbox"].tabbed:focus + label:after {

    -webkit-transform: scale(1);

    transform: scale(1);

    border: 0;

    border-radius: 50%;

    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);

    background-color: rgba(0, 0, 0, 0.1);

}

[type="checkbox"]:checked + label:before {

    top: -4px;

    left: -5px;

    width: 12px;

    height: 22px;

    border-top: 2px solid transparent;

    border-left: 2px solid transparent;

    border-right: 2px solid #26a69a;

    border-bottom: 2px solid #26a69a;

    -webkit-transform: rotate(40deg);

    transform: rotate(40deg);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-origin: 100% 100%;

    transform-origin: 100% 100%;

}

[type="checkbox"]:checked:disabled + label:before {

    border-right: 2px solid rgba(0, 0, 0, 0.26);

    border-bottom: 2px solid rgba(0, 0, 0, 0.26);

}

[type="checkbox"]:indeterminate + label:before {

    top: -11px;

    left: -12px;

    width: 10px;

    height: 22px;

    border-top: none;

    border-left: none;

    border-right: 2px solid #26a69a;

    border-bottom: none;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-origin: 100% 100%;

    transform-origin: 100% 100%;

}

[type="checkbox"]:indeterminate:disabled + label:before {

    border-right: 2px solid rgba(0, 0, 0, 0.26);

    background-color: transparent;

}

[type="checkbox"].filled-in + label:after {

    border-radius: 2px;

}

[type="checkbox"].filled-in + label:before,

[type="checkbox"].filled-in + label:after {

    content: "";

    left: 0;

    position: absolute;

    transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;

    z-index: 1;

}

[type="checkbox"].filled-in:not(:checked) + label:before {

    width: 0;

    height: 0;

    border: 3px solid transparent;

    left: 6px;

    top: 10px;

    -webkit-transform: rotateZ(37deg);

    transform: rotateZ(37deg);

    -webkit-transform-origin: 20% 40%;

    transform-origin: 100% 100%;

}

[type="checkbox"].filled-in:not(:checked) + label:after {

    height: 20px;

    width: 20px;

    background-color: transparent;

    border: 2px solid #5a5a5a;

    top: 0px;

    z-index: 0;

}

[type="checkbox"].filled-in:checked + label:before {

    top: 0;

    left: 1px;

    width: 8px;

    height: 13px;

    border-top: 2px solid transparent;

    border-left: 2px solid transparent;

    border-right: 2px solid #fff;

    border-bottom: 2px solid #fff;

    -webkit-transform: rotateZ(37deg);

    transform: rotateZ(37deg);

    -webkit-transform-origin: 100% 100%;

    transform-origin: 100% 100%;

}

[type="checkbox"].filled-in:checked + label:after {

    top: 0;

    width: 20px;

    height: 20px;

    border: 2px solid #26a69a;

    background-color: #26a69a;

    z-index: 0;

}

[type="checkbox"].filled-in.tabbed:focus + label:after {

    border-radius: 2px;

    border-color: #5a5a5a;

    background-color: rgba(0, 0, 0, 0.1);

}

[type="checkbox"].filled-in.tabbed:checked:focus + label:after {

    border-radius: 2px;

    background-color: #26a69a;

    border-color: #26a69a;

}

[type="checkbox"].filled-in:disabled:not(:checked) + label:before {

    background-color: transparent;

    border: 2px solid transparent;

}

[type="checkbox"].filled-in:disabled:not(:checked) + label:after {

    border-color: transparent;

    background-color: #bdbdbd;

}

[type="checkbox"].filled-in:disabled:checked + label:before {

    background-color: transparent;

}

[type="checkbox"].filled-in:disabled:checked + label:after {

    background-color: #bdbdbd;

    border-color: #bdbdbd;

}

.switch,

.switch * {

    -webkit-user-select: none;

    -moz-user-select: none;

    -khtml-user-select: none;

    -ms-user-select: none;

}

.switch label {

    cursor: pointer;

}

.switch label input[type="checkbox"] {

    opacity: 0;

    width: 0;

    height: 0;

}

.switch label input[type="checkbox"]:checked + .lever {

    background-color: #84c7c1;

}

.switch label input[type="checkbox"]:checked + .lever:after {

    background-color: #26a69a;

    left: 24px;

}

.switch label .lever {

    content: "";

    display: inline-block;

    position: relative;

    width: 40px;

    height: 15px;

    background-color: #818181;

    border-radius: 15px;

    margin-right: 10px;

    transition: background 0.3s ease;

    vertical-align: middle;

    margin: 0 16px;

}

.switch label .lever:after {

    content: "";

    position: absolute;

    display: inline-block;

    width: 21px;

    height: 21px;

    background-color: #f1f1f1;

    border-radius: 21px;

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);

    left: -5px;

    top: -3px;

    transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;

}

input[type="checkbox"]:checked:not(:disabled) ~ .lever:active::after,

input[type="checkbox"]:checked:not(:disabled).tabbed:focus ~ .lever::after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);

}

input[type="checkbox"]:not(:disabled) ~ .lever:active:after,

input[type="checkbox"]:not(:disabled).tabbed:focus ~ .lever::after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);

}

.switch input[type="checkbox"][disabled] + .lever {

    cursor: default;

}

.switch label input[type="checkbox"][disabled] + .lever:after,

.switch label input[type="checkbox"][disabled]:checked + .lever:after {

    background-color: #bdbdbd;

}

@font-face {

    font-family: Material-Design-Iconic-Font;

    src: url(../fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format("woff2"), url(../fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format("woff"), url(../fonts/Material-Design-Iconic-Font.ttf?v=2.2.0) format("truetype");

}

.zmdi {

    display: inline-block;

    font: normal normal normal 14px/1 "Material-Design-Iconic-Font";

    font-size: 18px;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.zmdi-hc-lg {

    font-size: 1.33333333em;

    line-height: 0.75em;

    vertical-align: -15%;

}

.zmdi-hc-2x {

    font-size: 2em;

}

.zmdi-hc-3x {

    font-size: 3em;

}

.zmdi-hc-4x {

    font-size: 4em;

}

.zmdi-hc-5x {

    font-size: 5em;

}

.zmdi-hc-fw {

    width: 1.28571429em;

    text-align: center;

}

.zmdi-hc-ul {

    padding-left: 0;

    margin-left: 2.14285714em;

    list-style-type: none;

}

.zmdi-hc-ul > li {

    position: relative;

}

.zmdi-hc-li {

    position: absolute;

    left: -2.14285714em;

    width: 2.14285714em;

    top: 0.14285714em;

    text-align: center;

}

.zmdi-hc-li.zmdi-hc-lg {

    left: -1.85714286em;

}

.zmdi-hc-border {

    padding: 0.1em 0.25em;

    border: solid 0.1em #9e9e9e;

    border-radius: 2px;

}

.zmdi-hc-border-circle {

    padding: 0.1em 0.25em;

    border: solid 0.1em #9e9e9e;

    border-radius: 50%;

}

.zmdi.pull-left {

    float: left;

    margin-right: 0.15em;

}

.zmdi.pull-right {

    float: right;

    margin-left: 0.15em;

}

.zmdi-hc-spin {

    -webkit-animation: zmdi-spin 1.5s infinite linear;

    animation: zmdi-spin 1.5s infinite linear;

}

.zmdi-hc-spin-reverse {

    -webkit-animation: zmdi-spin-reverse 1.5s infinite linear;

    animation: zmdi-spin-reverse 1.5s infinite linear;

}

@-webkit-keyframes zmdi-spin {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg);

    }

}

@keyframes zmdi-spin {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg);

    }

}

@-webkit-keyframes zmdi-spin-reverse {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(-359deg);

        transform: rotate(-359deg);

    }

}

@keyframes zmdi-spin-reverse {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(-359deg);

        transform: rotate(-359deg);

    }

}

.zmdi-hc-rotate-90 {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

}

.zmdi-hc-rotate-180 {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

}

.zmdi-hc-rotate-270 {

    -webkit-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    transform: rotate(270deg);

}

.zmdi-hc-flip-horizontal {

    -webkit-transform: scale(-1, 1);

    -ms-transform: scale(-1, 1);

    transform: scale(-1, 1);

}

.zmdi-hc-flip-vertical {

    -webkit-transform: scale(1, -1);

    -ms-transform: scale(1, -1);

    transform: scale(1, -1);

}

.zmdi-hc-stack {

    position: relative;

    display: inline-block;

    width: 2em;

    height: 2em;

    line-height: 2em;

    vertical-align: middle;

}

.zmdi-hc-stack-1x,

.zmdi-hc-stack-2x {

    position: absolute;

    left: 0;

    width: 100%;

    text-align: center;

}

.zmdi-hc-stack-1x {

    line-height: inherit;

}

.zmdi-hc-stack-2x {

    font-size: 2em;

}

.zmdi-hc-inverse {

    color: #fff;

}

.zmdi-3d-rotation:before {

    content: "\f101";

}

.zmdi-airplane-off:before {

    content: "\f102";

}

.zmdi-airplane:before {

    content: "\f103";

}

.zmdi-album:before {

    content: "\f104";

}

.zmdi-archive:before {

    content: "\f105";

}

.zmdi-assignment-account:before {

    content: "\f106";

}

.zmdi-assignment-alert:before {

    content: "\f107";

}

.zmdi-assignment-check:before {

    content: "\f108";

}

.zmdi-assignment-o:before {

    content: "\f109";

}

.zmdi-assignment-return:before {

    content: "\f10a";

}

.zmdi-assignment-returned:before {

    content: "\f10b";

}

.zmdi-assignment:before {

    content: "\f10c";

}

.zmdi-attachment-alt:before {

    content: "\f10d";

}

.zmdi-attachment:before {

    content: "\f10e";

}

.zmdi-audio:before {

    content: "\f10f";

}

.zmdi-badge-check:before {

    content: "\f110";

}

.zmdi-balance-wallet:before {

    content: "\f111";

}

.zmdi-balance:before {

    content: "\f112";

}

.zmdi-battery-alert:before {

    content: "\f113";

}

.zmdi-battery-flash:before {

    content: "\f114";

}

.zmdi-battery-unknown:before {

    content: "\f115";

}

.zmdi-battery:before {

    content: "\f116";

}

.zmdi-bike:before {

    content: "\f117";

}

.zmdi-block-alt:before {

    content: "\f118";

}

.zmdi-block:before {

    content: "\f119";

}

.zmdi-boat:before {

    content: "\f11a";

}

.zmdi-book-image:before {

    content: "\f11b";

}

.zmdi-book:before {

    content: "\f11c";

}

.zmdi-bookmark-outline:before {

    content: "\f11d";

}

.zmdi-bookmark:before {

    content: "\f11e";

}

.zmdi-brush:before {

    content: "\f11f";

}

.zmdi-bug:before {

    content: "\f120";

}

.zmdi-bus:before {

    content: "\f121";

}

.zmdi-cake:before {

    content: "\f122";

}

.zmdi-car-taxi:before {

    content: "\f123";

}

.zmdi-car-wash:before {

    content: "\f124";

}

.zmdi-car:before {

    content: "\f125";

}

.zmdi-card-giftcard:before {

    content: "\f126";

}

.zmdi-card-membership:before {

    content: "\f127";

}

.zmdi-card-travel:before {

    content: "\f128";

}

.zmdi-card:before {

    content: "\f129";

}

.zmdi-case-check:before {

    content: "\f12a";

}

.zmdi-case-download:before {

    content: "\f12b";

}

.zmdi-case-play:before {

    content: "\f12c";

}

.zmdi-case:before {

    content: "\f12d";

}

.zmdi-cast-connected:before {

    content: "\f12e";

}

.zmdi-cast:before {

    content: "\f12f";

}

.zmdi-chart-donut:before {

    content: "\f130";

}

.zmdi-chart:before {

    content: "\f131";

}

.zmdi-city-alt:before {

    content: "\f132";

}

.zmdi-city:before {

    content: "\f133";

}

.zmdi-close-circle-o:before {

    content: "\f134";

}

.zmdi-close-circle:before {

    content: "\f135";

}

.zmdi-close:before {

    content: "\f136";

}

.zmdi-cocktail:before {

    content: "\f137";

}

.zmdi-code-setting:before {

    content: "\f138";

}

.zmdi-code-smartphone:before {

    content: "\f139";

}

.zmdi-code:before {

    content: "\f13a";

}

.zmdi-coffee:before {

    content: "\f13b";

}

.zmdi-collection-bookmark:before {

    content: "\f13c";

}

.zmdi-collection-case-play:before {

    content: "\f13d";

}

.zmdi-collection-folder-image:before {

    content: "\f13e";

}

.zmdi-collection-image-o:before {

    content: "\f13f";

}

.zmdi-collection-image:before {

    content: "\f140";

}

.zmdi-collection-item-1:before {

    content: "\f141";

}

.zmdi-collection-item-2:before {

    content: "\f142";

}

.zmdi-collection-item-3:before {

    content: "\f143";

}

.zmdi-collection-item-4:before {

    content: "\f144";

}

.zmdi-collection-item-5:before {

    content: "\f145";

}

.zmdi-collection-item-6:before {

    content: "\f146";

}

.zmdi-collection-item-7:before {

    content: "\f147";

}

.zmdi-collection-item-8:before {

    content: "\f148";

}

.zmdi-collection-item-9-plus:before {

    content: "\f149";

}

.zmdi-collection-item-9:before {

    content: "\f14a";

}

.zmdi-collection-item:before {

    content: "\f14b";

}

.zmdi-collection-music:before {

    content: "\f14c";

}

.zmdi-collection-pdf:before {

    content: "\f14d";

}

.zmdi-collection-plus:before {

    content: "\f14e";

}

.zmdi-collection-speaker:before {

    content: "\f14f";

}

.zmdi-collection-text:before {

    content: "\f150";

}

.zmdi-collection-video:before {

    content: "\f151";

}

.zmdi-compass:before {

    content: "\f152";

}

.zmdi-cutlery:before {

    content: "\f153";

}

.zmdi-delete:before {

    content: "\f154";

}

.zmdi-dialpad:before {

    content: "\f155";

}

.zmdi-dns:before {

    content: "\f156";

}

.zmdi-drink:before {

    content: "\f157";

}

.zmdi-edit:before {

    content: "\f158";

}

.zmdi-email-open:before {

    content: "\f159";

}

.zmdi-email:before {

    content: "\f15a";

}

.zmdi-eye-off:before {

    content: "\f15b";

}

.zmdi-eye:before {

    content: "\f15c";

}

.zmdi-eyedropper:before {

    content: "\f15d";

}

.zmdi-favorite-outline:before {

    content: "\f15e";

}

.zmdi-favorite:before {

    content: "\f15f";

}

.zmdi-filter-list:before {

    content: "\f160";

}

.zmdi-fire:before {

    content: "\f161";

}

.zmdi-flag:before {

    content: "\f162";

}

.zmdi-flare:before {

    content: "\f163";

}

.zmdi-flash-auto:before {

    content: "\f164";

}

.zmdi-flash-off:before {

    content: "\f165";

}

.zmdi-flash:before {

    content: "\f166";

}

.zmdi-flip:before {

    content: "\f167";

}

.zmdi-flower-alt:before {

    content: "\f168";

}

.zmdi-flower:before {

    content: "\f169";

}

.zmdi-font:before {

    content: "\f16a";

}

.zmdi-fullscreen-alt:before {

    content: "\f16b";

}

.zmdi-fullscreen-exit:before {

    content: "\f16c";

}

.zmdi-fullscreen:before {

    content: "\f16d";

}

.zmdi-functions:before {

    content: "\f16e";

}

.zmdi-gas-station:before {

    content: "\f16f";

}

.zmdi-gesture:before {

    content: "\f170";

}

.zmdi-globe-alt:before {

    content: "\f171";

}

.zmdi-globe-lock:before {

    content: "\f172";

}

.zmdi-globe:before {

    content: "\f173";

}

.zmdi-graduation-cap:before {

    content: "\f174";

}

.zmdi-home:before {

    content: "\f175";

}

.zmdi-hospital-alt:before {

    content: "\f176";

}

.zmdi-hospital:before {

    content: "\f177";

}

.zmdi-hotel:before {

    content: "\f178";

}

.zmdi-hourglass-alt:before {

    content: "\f179";

}

.zmdi-hourglass-outline:before {

    content: "\f17a";

}

.zmdi-hourglass:before {

    content: "\f17b";

}

.zmdi-http:before {

    content: "\f17c";

}

.zmdi-image-alt:before {

    content: "\f17d";

}

.zmdi-image-o:before {

    content: "\f17e";

}

.zmdi-image:before {

    content: "\f17f";

}

.zmdi-inbox:before {

    content: "\f180";

}

.zmdi-invert-colors-off:before {

    content: "\f181";

}

.zmdi-invert-colors:before {

    content: "\f182";

}

.zmdi-key:before {

    content: "\f183";

}

.zmdi-label-alt-outline:before {

    content: "\f184";

}

.zmdi-label-alt:before {

    content: "\f185";

}

.zmdi-label-heart:before {

    content: "\f186";

}

.zmdi-label:before {

    content: "\f187";

}

.zmdi-labels:before {

    content: "\f188";

}

.zmdi-lamp:before {

    content: "\f189";

}

.zmdi-landscape:before {

    content: "\f18a";

}

.zmdi-layers-off:before {

    content: "\f18b";

}

.zmdi-layers:before {

    content: "\f18c";

}

.zmdi-library:before {

    content: "\f18d";

}

.zmdi-link:before {

    content: "\f18e";

}

.zmdi-lock-open:before {

    content: "\f18f";

}

.zmdi-lock-outline:before {

    content: "\f190";

}

.zmdi-lock:before {

    content: "\f191";

}

.zmdi-mail-reply-all:before {

    content: "\f192";

}

.zmdi-mail-reply:before {

    content: "\f193";

}

.zmdi-mail-send:before {

    content: "\f194";

}

.zmdi-mall:before {

    content: "\f195";

}

.zmdi-map:before {

    content: "\f196";

}

.zmdi-menu:before {

    content: "\f197";

}

.zmdi-money-box:before {

    content: "\f198";

}

.zmdi-money-off:before {

    content: "\f199";

}

.zmdi-money:before {

    content: "\f19a";

}

.zmdi-more-vert:before {

    content: "\f19b";

}

.zmdi-more:before {

    content: "\f19c";

}

.zmdi-movie-alt:before {

    content: "\f19d";

}

.zmdi-movie:before {

    content: "\f19e";

}

.zmdi-nature-people:before {

    content: "\f19f";

}

.zmdi-nature:before {

    content: "\f1a0";

}

.zmdi-navigation:before {

    content: "\f1a1";

}

.zmdi-open-in-browser:before {

    content: "\f1a2";

}

.zmdi-open-in-new:before {

    content: "\f1a3";

}

.zmdi-palette:before {

    content: "\f1a4";

}

.zmdi-parking:before {

    content: "\f1a5";

}

.zmdi-pin-account:before {

    content: "\f1a6";

}

.zmdi-pin-assistant:before {

    content: "\f1a7";

}

.zmdi-pin-drop:before {

    content: "\f1a8";

}

.zmdi-pin-help:before {

    content: "\f1a9";

}

.zmdi-pin-off:before {

    content: "\f1aa";

}

.zmdi-pin:before {

    content: "\f1ab";

}

.zmdi-pizza:before {

    content: "\f1ac";

}

.zmdi-plaster:before {

    content: "\f1ad";

}

.zmdi-power-setting:before {

    content: "\f1ae";

}

.zmdi-power:before {

    content: "\f1af";

}

.zmdi-print:before {

    content: "\f1b0";

}

.zmdi-puzzle-piece:before {

    content: "\f1b1";

}

.zmdi-quote:before {

    content: "\f1b2";

}

.zmdi-railway:before {

    content: "\f1b3";

}

.zmdi-receipt:before {

    content: "\f1b4";

}

.zmdi-refresh-alt:before {

    content: "\f1b5";

}

.zmdi-refresh-sync-alert:before {

    content: "\f1b6";

}

.zmdi-refresh-sync-off:before {

    content: "\f1b7";

}

.zmdi-refresh-sync:before {

    content: "\f1b8";

}

.zmdi-refresh:before {

    content: "\f1b9";

}

.zmdi-roller:before {

    content: "\f1ba";

}

.zmdi-ruler:before {

    content: "\f1bb";

}

.zmdi-scissors:before {

    content: "\f1bc";

}

.zmdi-screen-rotation-lock:before {

    content: "\f1bd";

}

.zmdi-screen-rotation:before {

    content: "\f1be";

}

.zmdi-search-for:before {

    content: "\f1bf";

}

.zmdi-search-in-file:before {

    content: "\f1c0";

}

.zmdi-search-in-page:before {

    content: "\f1c1";

}

.zmdi-search-replace:before {

    content: "\f1c2";

}

.zmdi-search:before {

    content: "\f1c3";

}

.zmdi-seat:before {

    content: "\f1c4";

}

.zmdi-settings-square:before {

    content: "\f1c5";

}

.zmdi-settings:before {

    content: "\f1c6";

}

.zmdi-shield-check:before {

    content: "\f1c7";

}

.zmdi-shield-security:before {

    content: "\f1c8";

}

.zmdi-shopping-basket:before {

    content: "\f1c9";

}

.zmdi-shopping-cart-plus:before {

    content: "\f1ca";

}

.zmdi-shopping-cart:before {

    content: "\f1cb";

}

.zmdi-sign-in:before {

    content: "\f1cc";

}

.zmdi-sort-amount-asc:before {

    content: "\f1cd";

}

.zmdi-sort-amount-desc:before {

    content: "\f1ce";

}

.zmdi-sort-asc:before {

    content: "\f1cf";

}

.zmdi-sort-desc:before {

    content: "\f1d0";

}

.zmdi-spellcheck:before {

    content: "\f1d1";

}

.zmdi-storage:before {

    content: "\f1d2";

}

.zmdi-store-24:before {

    content: "\f1d3";

}

.zmdi-store:before {

    content: "\f1d4";

}

.zmdi-subway:before {

    content: "\f1d5";

}

.zmdi-sun:before {

    content: "\f1d6";

}

.zmdi-tab-unselected:before {

    content: "\f1d7";

}

.zmdi-tab:before {

    content: "\f1d8";

}

.zmdi-tag-close:before {

    content: "\f1d9";

}

.zmdi-tag-more:before {

    content: "\f1da";

}

.zmdi-tag:before {

    content: "\f1db";

}

.zmdi-thumb-down:before {

    content: "\f1dc";

}

.zmdi-thumb-up-down:before {

    content: "\f1dd";

}

.zmdi-thumb-up:before {

    content: "\f1de";

}

.zmdi-ticket-star:before {

    content: "\f1df";

}

.zmdi-toll:before {

    content: "\f1e0";

}

.zmdi-toys:before {

    content: "\f1e1";

}

.zmdi-traffic:before {

    content: "\f1e2";

}

.zmdi-translate:before {

    content: "\f1e3";

}

.zmdi-triangle-down:before {

    content: "\f1e4";

}

.zmdi-triangle-up:before {

    content: "\f1e5";

}

.zmdi-truck:before {

    content: "\f1e6";

}

.zmdi-turning-sign:before {

    content: "\f1e7";

}

.zmdi-wallpaper:before {

    content: "\f1e8";

}

.zmdi-washing-machine:before {

    content: "\f1e9";

}

.zmdi-window-maximize:before {

    content: "\f1ea";

}

.zmdi-window-minimize:before {

    content: "\f1eb";

}

.zmdi-window-restore:before {

    content: "\f1ec";

}

.zmdi-wrench:before {

    content: "\f1ed";

}

.zmdi-zoom-in:before {

    content: "\f1ee";

}

.zmdi-zoom-out:before {

    content: "\f1ef";

}

.zmdi-alert-circle-o:before {

    content: "\f1f0";

}

.zmdi-alert-circle:before {

    content: "\f1f1";

}

.zmdi-alert-octagon:before {

    content: "\f1f2";

}

.zmdi-alert-polygon:before {

    content: "\f1f3";

}

.zmdi-alert-triangle:before {

    content: "\f1f4";

}

.zmdi-help-outline:before {

    content: "\f1f5";

}

.zmdi-help:before {

    content: "\f1f6";

}

.zmdi-info-outline:before {

    content: "\f1f7";

}

.zmdi-info:before {

    content: "\f1f8";

}

.zmdi-notifications-active:before {

    content: "\f1f9";

}

.zmdi-notifications-add:before {

    content: "\f1fa";

}

.zmdi-notifications-none:before {

    content: "\f1fb";

}

.zmdi-notifications-off:before {

    content: "\f1fc";

}

.zmdi-notifications-paused:before {

    content: "\f1fd";

}

.zmdi-notifications:before {

    content: "\f1fe";

}

.zmdi-account-add:before {

    content: "\f1ff";

}

.zmdi-account-box-mail:before {

    content: "\f200";

}

.zmdi-account-box-o:before {

    content: "\f201";

}

.zmdi-account-box-phone:before {

    content: "\f202";

}

.zmdi-account-box:before {

    content: "\f203";

}

.zmdi-account-calendar:before {

    content: "\f204";

}

.zmdi-account-circle:before {

    content: "\f205";

}

.zmdi-account-o:before {

    content: "\f206";

}

.zmdi-account:before {

    content: "\f207";

}

.zmdi-accounts-add:before {

    content: "\f208";

}

.zmdi-accounts-alt:before {

    content: "\f209";

}

.zmdi-accounts-list-alt:before {

    content: "\f20a";

}

.zmdi-accounts-list:before {

    content: "\f20b";

}

.zmdi-accounts-outline:before {

    content: "\f20c";

}

.zmdi-accounts:before {

    content: "\f20d";

}

.zmdi-face:before {

    content: "\f20e";

}

.zmdi-female:before {

    content: "\f20f";

}

.zmdi-male-alt:before {

    content: "\f210";

}

.zmdi-male-female:before {

    content: "\f211";

}

.zmdi-male:before {

    content: "\f212";

}

.zmdi-mood-bad:before {

    content: "\f213";

}

.zmdi-mood:before {

    content: "\f214";

}

.zmdi-run:before {

    content: "\f215";

}

.zmdi-walk:before {

    content: "\f216";

}

.zmdi-cloud-box:before {

    content: "\f217";

}

.zmdi-cloud-circle:before {

    content: "\f218";

}

.zmdi-cloud-done:before {

    content: "\f219";

}

.zmdi-cloud-download:before {

    content: "\f21a";

}

.zmdi-cloud-off:before {

    content: "\f21b";

}

.zmdi-cloud-outline-alt:before {

    content: "\f21c";

}

.zmdi-cloud-outline:before {

    content: "\f21d";

}

.zmdi-cloud-upload:before {

    content: "\f21e";

}

.zmdi-cloud:before {

    content: "\f21f";

}

.zmdi-download:before {

    content: "\f220";

}

.zmdi-file-plus:before {

    content: "\f221";

}

.zmdi-file-text:before {

    content: "\f222";

}

.zmdi-file:before {

    content: "\f223";

}

.zmdi-folder-outline:before {

    content: "\f224";

}

.zmdi-folder-person:before {

    content: "\f225";

}

.zmdi-folder-star-alt:before {

    content: "\f226";

}

.zmdi-folder-star:before {

    content: "\f227";

}

.zmdi-folder:before {

    content: "\f228";

}

.zmdi-gif:before {

    content: "\f229";

}

.zmdi-upload:before {

    content: "\f22a";

}

.zmdi-border-all:before {

    content: "\f22b";

}

.zmdi-border-bottom:before {

    content: "\f22c";

}

.zmdi-border-clear:before {

    content: "\f22d";

}

.zmdi-border-color:before {

    content: "\f22e";

}

.zmdi-border-horizontal:before {

    content: "\f22f";

}

.zmdi-border-inner:before {

    content: "\f230";

}

.zmdi-border-left:before {

    content: "\f231";

}

.zmdi-border-outer:before {

    content: "\f232";

}

.zmdi-border-right:before {

    content: "\f233";

}

.zmdi-border-style:before {

    content: "\f234";

}

.zmdi-border-top:before {

    content: "\f235";

}

.zmdi-border-vertical:before {

    content: "\f236";

}

.zmdi-copy:before {

    content: "\f237";

}

.zmdi-crop:before {

    content: "\f238";

}

.zmdi-format-align-center:before {

    content: "\f239";

}

.zmdi-format-align-justify:before {

    content: "\f23a";

}

.zmdi-format-align-left:before {

    content: "\f23b";

}

.zmdi-format-align-right:before {

    content: "\f23c";

}

.zmdi-format-bold:before {

    content: "\f23d";

}

.zmdi-format-clear-all:before {

    content: "\f23e";

}

.zmdi-format-clear:before {

    content: "\f23f";

}

.zmdi-format-color-fill:before {

    content: "\f240";

}

.zmdi-format-color-reset:before {

    content: "\f241";

}

.zmdi-format-color-text:before {

    content: "\f242";

}

.zmdi-format-indent-decrease:before {

    content: "\f243";

}

.zmdi-format-indent-increase:before {

    content: "\f244";

}

.zmdi-format-italic:before {

    content: "\f245";

}

.zmdi-format-line-spacing:before {

    content: "\f246";

}

.zmdi-format-list-bulleted:before {

    content: "\f247";

}

.zmdi-format-list-numbered:before {

    content: "\f248";

}

.zmdi-format-ltr:before {

    content: "\f249";

}

.zmdi-format-rtl:before {

    content: "\f24a";

}

.zmdi-format-size:before {

    content: "\f24b";

}

.zmdi-format-strikethrough-s:before {

    content: "\f24c";

}

.zmdi-format-strikethrough:before {

    content: "\f24d";

}

.zmdi-format-subject:before {

    content: "\f24e";

}

.zmdi-format-underlined:before {

    content: "\f24f";

}

.zmdi-format-valign-bottom:before {

    content: "\f250";

}

.zmdi-format-valign-center:before {

    content: "\f251";

}

.zmdi-format-valign-top:before {

    content: "\f252";

}

.zmdi-redo:before {

    content: "\f253";

}

.zmdi-select-all:before {

    content: "\f254";

}

.zmdi-space-bar:before {

    content: "\f255";

}

.zmdi-text-format:before {

    content: "\f256";

}

.zmdi-transform:before {

    content: "\f257";

}

.zmdi-undo:before {

    content: "\f258";

}

.zmdi-wrap-text:before {

    content: "\f259";

}

.zmdi-comment-alert:before {

    content: "\f25a";

}

.zmdi-comment-alt-text:before {

    content: "\f25b";

}

.zmdi-comment-alt:before {

    content: "\f25c";

}

.zmdi-comment-edit:before {

    content: "\f25d";

}

.zmdi-comment-image:before {

    content: "\f25e";

}

.zmdi-comment-list:before {

    content: "\f25f";

}

.zmdi-comment-more:before {

    content: "\f260";

}

.zmdi-comment-outline:before {

    content: "\f261";

}

.zmdi-comment-text-alt:before {

    content: "\f262";

}

.zmdi-comment-text:before {

    content: "\f263";

}

.zmdi-comment-video:before {

    content: "\f264";

}

.zmdi-comment:before {

    content: "\f265";

}

.zmdi-comments:before {

    content: "\f266";

}

.zmdi-check-all:before {

    content: "\f267";

}

.zmdi-check-circle-u:before {

    content: "\f268";

}

.zmdi-check-circle:before {

    content: "\f269";

}

.zmdi-check-square:before {

    content: "\f26a";

}

.zmdi-check:before {

    content: "\f26b";

}

.zmdi-circle-o:before {

    content: "\f26c";

}

.zmdi-circle:before {

    content: "\f26d";

}

.zmdi-dot-circle-alt:before {

    content: "\f26e";

}

.zmdi-dot-circle:before {

    content: "\f26f";

}

.zmdi-minus-circle-outline:before {

    content: "\f270";

}

.zmdi-minus-circle:before {

    content: "\f271";

}

.zmdi-minus-square:before {

    content: "\f272";

}

.zmdi-minus:before {

    content: "\f273";

}

.zmdi-plus-circle-o-duplicate:before {

    content: "\f274";

}

.zmdi-plus-circle-o:before {

    content: "\f275";

}

.zmdi-plus-circle:before {

    content: "\f276";

}

.zmdi-plus-square:before {

    content: "\f277";

}

.zmdi-plus:before {

    content: "\f278";

}

.zmdi-square-o:before {

    content: "\f279";

}

.zmdi-star-circle:before {

    content: "\f27a";

}

.zmdi-star-half:before {

    content: "\f27b";

}

.zmdi-star-outline:before {

    content: "\f27c";

}

.zmdi-star:before {

    content: "\f27d";

}

.zmdi-bluetooth-connected:before {

    content: "\f27e";

}

.zmdi-bluetooth-off:before {

    content: "\f27f";

}

.zmdi-bluetooth-search:before {

    content: "\f280";

}

.zmdi-bluetooth-setting:before {

    content: "\f281";

}

.zmdi-bluetooth:before {

    content: "\f282";

}

.zmdi-camera-add:before {

    content: "\f283";

}

.zmdi-camera-alt:before {

    content: "\f284";

}

.zmdi-camera-bw:before {

    content: "\f285";

}

.zmdi-camera-front:before {

    content: "\f286";

}

.zmdi-camera-mic:before {

    content: "\f287";

}

.zmdi-camera-party-mode:before {

    content: "\f288";

}

.zmdi-camera-rear:before {

    content: "\f289";

}

.zmdi-camera-roll:before {

    content: "\f28a";

}

.zmdi-camera-switch:before {

    content: "\f28b";

}

.zmdi-camera:before {

    content: "\f28c";

}

.zmdi-card-alert:before {

    content: "\f28d";

}

.zmdi-card-off:before {

    content: "\f28e";

}

.zmdi-card-sd:before {

    content: "\f28f";

}

.zmdi-card-sim:before {

    content: "\f290";

}

.zmdi-desktop-mac:before {

    content: "\f291";

}

.zmdi-desktop-windows:before {

    content: "\f292";

}

.zmdi-device-hub:before {

    content: "\f293";

}

.zmdi-devices-off:before {

    content: "\f294";

}

.zmdi-devices:before {

    content: "\f295";

}

.zmdi-dock:before {

    content: "\f296";

}

.zmdi-floppy:before {

    content: "\f297";

}

.zmdi-gamepad:before {

    content: "\f298";

}

.zmdi-gps-dot:before {

    content: "\f299";

}

.zmdi-gps-off:before {

    content: "\f29a";

}

.zmdi-gps:before {

    content: "\f29b";

}

.zmdi-headset-mic:before {

    content: "\f29c";

}

.zmdi-headset:before {

    content: "\f29d";

}

.zmdi-input-antenna:before {

    content: "\f29e";

}

.zmdi-input-composite:before {

    content: "\f29f";

}

.zmdi-input-hdmi:before {

    content: "\f2a0";

}

.zmdi-input-power:before {

    content: "\f2a1";

}

.zmdi-input-svideo:before {

    content: "\f2a2";

}

.zmdi-keyboard-hide:before {

    content: "\f2a3";

}

.zmdi-keyboard:before {

    content: "\f2a4";

}

.zmdi-laptop-chromebook:before {

    content: "\f2a5";

}

.zmdi-laptop-mac:before {

    content: "\f2a6";

}

.zmdi-laptop:before {

    content: "\f2a7";

}

.zmdi-mic-off:before {

    content: "\f2a8";

}

.zmdi-mic-outline:before {

    content: "\f2a9";

}

.zmdi-mic-setting:before {

    content: "\f2aa";

}

.zmdi-mic:before {

    content: "\f2ab";

}

.zmdi-mouse:before {

    content: "\f2ac";

}

.zmdi-network-alert:before {

    content: "\f2ad";

}

.zmdi-network-locked:before {

    content: "\f2ae";

}

.zmdi-network-off:before {

    content: "\f2af";

}

.zmdi-network-outline:before {

    content: "\f2b0";

}

.zmdi-network-setting:before {

    content: "\f2b1";

}

.zmdi-network:before {

    content: "\f2b2";

}

.zmdi-phone-bluetooth:before {

    content: "\f2b3";

}

.zmdi-phone-end:before {

    content: "\f2b4";

}

.zmdi-phone-forwarded:before {

    content: "\f2b5";

}

.zmdi-phone-in-talk:before {

    content: "\f2b6";

}

.zmdi-phone-locked:before {

    content: "\f2b7";

}

.zmdi-phone-missed:before {

    content: "\f2b8";

}

.zmdi-phone-msg:before {

    content: "\f2b9";

}

.zmdi-phone-paused:before {

    content: "\f2ba";

}

.zmdi-phone-ring:before {

    content: "\f2bb";

}

.zmdi-phone-setting:before {

    content: "\f2bc";

}

.zmdi-phone-sip:before {

    content: "\f2bd";

}

.zmdi-phone:before {

    content: "\f2be";

}

.zmdi-portable-wifi-changes:before {

    content: "\f2bf";

}

.zmdi-portable-wifi-off:before {

    content: "\f2c0";

}

.zmdi-portable-wifi:before {

    content: "\f2c1";

}

.zmdi-radio:before {

    content: "\f2c2";

}

.zmdi-reader:before {

    content: "\f2c3";

}

.zmdi-remote-control-alt:before {

    content: "\f2c4";

}

.zmdi-remote-control:before {

    content: "\f2c5";

}

.zmdi-router:before {

    content: "\f2c6";

}

.zmdi-scanner:before {

    content: "\f2c7";

}

.zmdi-smartphone-android:before {

    content: "\f2c8";

}

.zmdi-smartphone-download:before {

    content: "\f2c9";

}

.zmdi-smartphone-erase:before {

    content: "\f2ca";

}

.zmdi-smartphone-info:before {

    content: "\f2cb";

}

.zmdi-smartphone-iphone:before {

    content: "\f2cc";

}

.zmdi-smartphone-landscape-lock:before {

    content: "\f2cd";

}

.zmdi-smartphone-landscape:before {

    content: "\f2ce";

}

.zmdi-smartphone-lock:before {

    content: "\f2cf";

}

.zmdi-smartphone-portrait-lock:before {

    content: "\f2d0";

}

.zmdi-smartphone-ring:before {

    content: "\f2d1";

}

.zmdi-smartphone-setting:before {

    content: "\f2d2";

}

.zmdi-smartphone-setup:before {

    content: "\f2d3";

}

.zmdi-smartphone:before {

    content: "\f2d4";

}

.zmdi-speaker:before {

    content: "\f2d5";

}

.zmdi-tablet-android:before {

    content: "\f2d6";

}

.zmdi-tablet-mac:before {

    content: "\f2d7";

}

.zmdi-tablet:before {

    content: "\f2d8";

}

.zmdi-tv-alt-play:before {

    content: "\f2d9";

}

.zmdi-tv-list:before {

    content: "\f2da";

}

.zmdi-tv-play:before {

    content: "\f2db";

}

.zmdi-tv:before {

    content: "\f2dc";

}

.zmdi-usb:before {

    content: "\f2dd";

}

.zmdi-videocam-off:before {

    content: "\f2de";

}

.zmdi-videocam-switch:before {

    content: "\f2df";

}

.zmdi-videocam:before {

    content: "\f2e0";

}

.zmdi-watch:before {

    content: "\f2e1";

}

.zmdi-wifi-alt-2:before {

    content: "\f2e2";

}

.zmdi-wifi-alt:before {

    content: "\f2e3";

}

.zmdi-wifi-info:before {

    content: "\f2e4";

}

.zmdi-wifi-lock:before {

    content: "\f2e5";

}

.zmdi-wifi-off:before {

    content: "\f2e6";

}

.zmdi-wifi-outline:before {

    content: "\f2e7";

}

.zmdi-wifi:before {

    content: "\f2e8";

}

.zmdi-arrow-left-bottom:before {

    content: "\f2e9";

}

.zmdi-arrow-left:before {

    content: "\f2ea";

}

.zmdi-arrow-merge:before {

    content: "\f2eb";

}

.zmdi-arrow-missed:before {

    content: "\f2ec";

}

.zmdi-arrow-right-top:before {

    content: "\f2ed";

}

.zmdi-arrow-right:before {

    content: "\f2ee";

}

.zmdi-arrow-split:before {

    content: "\f2ef";

}

.zmdi-arrows:before {

    content: "\f2f0";

}

.zmdi-caret-down-circle:before {

    content: "\f2f1";

}

.zmdi-caret-down:before {

    content: "\f2f2";

}

.zmdi-caret-left-circle:before {

    content: "\f2f3";

}

.zmdi-caret-left:before {

    content: "\f2f4";

}

.zmdi-caret-right-circle:before {

    content: "\f2f5";

}



.zmdi-caret-right:before {

    content: "\f2f6";

}

.zmdi-caret-up-circle:before {

    content: "\f2f7";

}

.zmdi-caret-up:before {

    content: "\f2f8";

}

.zmdi-chevron-down:before {

    content: "\f2f9";

}

.zmdi-chevron-left:before {

    content: "\f2fa";

}

.zmdi-chevron-right:before {

    content: "\f2fb";

}

.zmdi-chevron-up:before {

    content: "\f2fc";

}

.zmdi-forward:before {

    content: "\f2fd";

}

.zmdi-long-arrow-down:before {

    content: "\f2fe";

}

.zmdi-long-arrow-left:before {

    content: "\f2ff";

}

.zmdi-long-arrow-return:before {

    content: "\f300";

}

.zmdi-long-arrow-right:before {

    content: "\f301";

}

.zmdi-long-arrow-tab:before {

    content: "\f302";

}

.zmdi-long-arrow-up:before {

    content: "\f303";

}

.zmdi-rotate-ccw:before {

    content: "\f304";

}

.zmdi-rotate-cw:before {

    content: "\f305";

}

.zmdi-rotate-left:before {

    content: "\f306";

}

.zmdi-rotate-right:before {

    content: "\f307";

}

.zmdi-square-down:before {

    content: "\f308";

}

.zmdi-square-right:before {

    content: "\f309";

}

.zmdi-swap-alt:before {

    content: "\f30a";

}

.zmdi-swap-vertical-circle:before {

    content: "\f30b";

}

.zmdi-swap-vertical:before {

    content: "\f30c";

}

.zmdi-swap:before {

    content: "\f30d";

}

.zmdi-trending-down:before {

    content: "\f30e";

}

.zmdi-trending-flat:before {

    content: "\f30f";

}

.zmdi-trending-up:before {

    content: "\f310";

}

.zmdi-unfold-less:before {

    content: "\f311";

}

.zmdi-unfold-more:before {

    content: "\f312";

}

.zmdi-apps:before {

    content: "\f313";

}

.zmdi-grid-off:before {

    content: "\f314";

}

.zmdi-grid:before {

    content: "\f315";

}

.zmdi-view-agenda:before {

    content: "\f316";

}

.zmdi-view-array:before {

    content: "\f317";

}

.zmdi-view-carousel:before {

    content: "\f318";

}

.zmdi-view-column:before {

    content: "\f319";

}

.zmdi-view-comfy:before {

    content: "\f31a";

}

.zmdi-view-compact:before {

    content: "\f31b";

}

.zmdi-view-dashboard:before {

    content: "\f31c";

}

.zmdi-view-day:before {

    content: "\f31d";

}

.zmdi-view-headline:before {

    content: "\f31e";

}

.zmdi-view-list-alt:before {

    content: "\f31f";

}

.zmdi-view-list:before {

    content: "\f320";

}

.zmdi-view-module:before {

    content: "\f321";

}

.zmdi-view-quilt:before {

    content: "\f322";

}

.zmdi-view-stream:before {

    content: "\f323";

}

.zmdi-view-subtitles:before {

    content: "\f324";

}

.zmdi-view-toc:before {

    content: "\f325";

}

.zmdi-view-web:before {

    content: "\f326";

}

.zmdi-view-week:before {

    content: "\f327";

}

.zmdi-widgets:before {

    content: "\f328";

}

.zmdi-alarm-check:before {

    content: "\f329";

}

.zmdi-alarm-off:before {

    content: "\f32a";

}

.zmdi-alarm-plus:before {

    content: "\f32b";

}

.zmdi-alarm-snooze:before {

    content: "\f32c";

}

.zmdi-alarm:before {

    content: "\f32d";

}

.zmdi-calendar-alt:before {

    content: "\f32e";

}

.zmdi-calendar-check:before {

    content: "\f32f";

}

.zmdi-calendar-close:before {

    content: "\f330";

}

.zmdi-calendar-note:before {

    content: "\f331";

}

.zmdi-calendar:before {

    content: "\f332";

}

.zmdi-time-countdown:before {

    content: "\f333";

}

.zmdi-time-interval:before {

    content: "\f334";

}

.zmdi-time-restore-setting:before {

    content: "\f335";

}

.zmdi-time-restore:before {

    content: "\f336";

}

.zmdi-time:before {

    content: "\f337";

}

.zmdi-timer-off:before {

    content: "\f338";

}

.zmdi-timer:before {

    content: "\f339";

}

.zmdi-android-alt:before {

    content: "\f33a";

}

.zmdi-android:before {

    content: "\f33b";

}

.zmdi-apple:before {

    content: "\f33c";

}

.zmdi-behance:before {

    content: "\f33d";

}

.zmdi-codepen:before {

    content: "\f33e";

}

.zmdi-dribbble:before {

    content: "\f33f";

}

.zmdi-dropbox:before {

    content: "\f340";

}

.zmdi-evernote:before {

    content: "\f341";

}

.zmdi-facebook-box:before {

    content: "\f342";

}

.zmdi-facebook:before {

    content: "\f343";

}

.zmdi-github-box:before {

    content: "\f344";

}

.zmdi-github:before {

    content: "\f345";

}

.zmdi-google-drive:before {

    content: "\f346";

}

.zmdi-google-earth:before {

    content: "\f347";

}

.zmdi-google-glass:before {

    content: "\f348";

}

.zmdi-google-maps:before {

    content: "\f349";

}

.zmdi-google-pages:before {

    content: "\f34a";

}

.zmdi-google-play:before {

    content: "\f34b";

}

.zmdi-google-plus-box:before {

    content: "\f34c";

}

.zmdi-google-plus:before {

    content: "\f34d";

}

.zmdi-google:before {

    content: "\f34e";

}

.zmdi-instagram:before {

    content: "\f34f";

}

.zmdi-language-css3:before {

    content: "\f350";

}

.zmdi-language-html5:before {

    content: "\f351";

}

.zmdi-language-javascript:before {

    content: "\f352";

}

.zmdi-language-python-alt:before {

    content: "\f353";

}

.zmdi-language-python:before {

    content: "\f354";

}

.zmdi-lastfm:before {

    content: "\f355";

}

.zmdi-linkedin-box:before {

    content: "\f356";

}

.zmdi-paypal:before {

    content: "\f357";

}

.zmdi-pinterest-box:before {

    content: "\f358";

}

.zmdi-pocket:before {

    content: "\f359";

}

.zmdi-polymer:before {

    content: "\f35a";

}

.zmdi-share:before {

    content: "\f35b";

}

.zmdi-stackoverflow:before {

    content: "\f35c";

}

.zmdi-steam-square:before {

    content: "\f35d";

}

.zmdi-steam:before {

    content: "\f35e";

}

.zmdi-twitter-box:before {

    content: "\f35f";

}

.zmdi-twitter:before {

    content: "\f360";

}

.zmdi-vk:before {

    content: "\f361";

}

.zmdi-wikipedia:before {

    content: "\f362";

}

.zmdi-windows:before {

    content: "\f363";

}

.zmdi-aspect-ratio-alt:before {

    content: "\f364";

}

.zmdi-aspect-ratio:before {

    content: "\f365";

}

.zmdi-blur-circular:before {

    content: "\f366";

}

.zmdi-blur-linear:before {

    content: "\f367";

}

.zmdi-blur-off:before {

    content: "\f368";

}

.zmdi-blur:before {

    content: "\f369";

}

.zmdi-brightness-2:before {

    content: "\f36a";

}

.zmdi-brightness-3:before {

    content: "\f36b";

}

.zmdi-brightness-4:before {

    content: "\f36c";

}

.zmdi-brightness-5:before {

    content: "\f36d";

}

.zmdi-brightness-6:before {

    content: "\f36e";

}

.zmdi-brightness-7:before {

    content: "\f36f";

}

.zmdi-brightness-auto:before {

    content: "\f370";

}

.zmdi-brightness-setting:before {

    content: "\f371";

}

.zmdi-broken-image:before {

    content: "\f372";

}

.zmdi-center-focus-strong:before {

    content: "\f373";

}

.zmdi-center-focus-weak:before {

    content: "\f374";

}

.zmdi-compare:before {

    content: "\f375";

}

.zmdi-crop-16-9:before {

    content: "\f376";

}

.zmdi-crop-3-2:before {

    content: "\f377";

}

.zmdi-crop-5-4:before {

    content: "\f378";

}

.zmdi-crop-7-5:before {

    content: "\f379";

}

.zmdi-crop-din:before {

    content: "\f37a";

}

.zmdi-crop-free:before {

    content: "\f37b";

}

.zmdi-crop-landscape:before {

    content: "\f37c";

}

.zmdi-crop-portrait:before {

    content: "\f37d";

}

.zmdi-crop-square:before {

    content: "\f37e";

}

.zmdi-exposure-alt:before {

    content: "\f37f";

}

.zmdi-exposure:before {

    content: "\f380";

}

.zmdi-filter-b-and-w:before {

    content: "\f381";

}

.zmdi-filter-center-focus:before {

    content: "\f382";

}

.zmdi-filter-frames:before {

    content: "\f383";

}

.zmdi-filter-tilt-shift:before {

    content: "\f384";

}

.zmdi-gradient:before {

    content: "\f385";

}

.zmdi-grain:before {

    content: "\f386";

}

.zmdi-graphic-eq:before {

    content: "\f387";

}

.zmdi-hdr-off:before {

    content: "\f388";

}

.zmdi-hdr-strong:before {

    content: "\f389";

}

.zmdi-hdr-weak:before {

    content: "\f38a";

}

.zmdi-hdr:before {

    content: "\f38b";

}

.zmdi-iridescent:before {

    content: "\f38c";

}

.zmdi-leak-off:before {

    content: "\f38d";

}

.zmdi-leak:before {

    content: "\f38e";

}

.zmdi-looks:before {

    content: "\f38f";

}

.zmdi-loupe:before {

    content: "\f390";

}

.zmdi-panorama-horizontal:before {

    content: "\f391";

}

.zmdi-panorama-vertical:before {

    content: "\f392";

}

.zmdi-panorama-wide-angle:before {

    content: "\f393";

}

.zmdi-photo-size-select-large:before {

    content: "\f394";

}

.zmdi-photo-size-select-small:before {

    content: "\f395";

}

.zmdi-picture-in-picture:before {

    content: "\f396";

}

.zmdi-slideshow:before {

    content: "\f397";

}

.zmdi-texture:before {

    content: "\f398";

}

.zmdi-tonality:before {

    content: "\f399";

}

.zmdi-vignette:before {

    content: "\f39a";

}

.zmdi-wb-auto:before {

    content: "\f39b";

}

.zmdi-eject-alt:before {

    content: "\f39c";

}

.zmdi-eject:before {

    content: "\f39d";

}

.zmdi-equalizer:before {

    content: "\f39e";

}

.zmdi-fast-forward:before {

    content: "\f39f";

}

.zmdi-fast-rewind:before {

    content: "\f3a0";

}

.zmdi-forward-10:before {

    content: "\f3a1";

}

.zmdi-forward-30:before {

    content: "\f3a2";

}

.zmdi-forward-5:before {

    content: "\f3a3";

}

.zmdi-hearing:before {

    content: "\f3a4";

}

.zmdi-pause-circle-outline:before {

    content: "\f3a5";

}

.zmdi-pause-circle:before {

    content: "\f3a6";

}

.zmdi-pause:before {

    content: "\f3a7";

}

.zmdi-play-circle-outline:before {

    content: "\f3a8";

}

.zmdi-play-circle:before {

    content: "\f3a9";

}

.zmdi-play:before {

    content: "\f3aa";

}

.zmdi-playlist-audio:before {

    content: "\f3ab";

}

.zmdi-playlist-plus:before {

    content: "\f3ac";

}

.zmdi-repeat-one:before {

    content: "\f3ad";

}

.zmdi-repeat:before {

    content: "\f3ae";

}

.zmdi-replay-10:before {

    content: "\f3af";

}

.zmdi-replay-30:before {

    content: "\f3b0";

}

.zmdi-replay-5:before {

    content: "\f3b1";

}

.zmdi-replay:before {

    content: "\f3b2";

}

.zmdi-shuffle:before {

    content: "\f3b3";

}

.zmdi-skip-next:before {

    content: "\f3b4";

}

.zmdi-skip-previous:before {

    content: "\f3b5";

}

.zmdi-stop:before {

    content: "\f3b6";

}

.zmdi-surround-sound:before {

    content: "\f3b7";

}

.zmdi-tune:before {

    content: "\f3b8";

}

.zmdi-volume-down:before {

    content: "\f3b9";

}

.zmdi-volume-mute:before {

    content: "\f3ba";

}

.zmdi-volume-off:before {

    content: "\f3bb";

}

.zmdi-volume-up:before {

    content: "\f3bc";

}

.zmdi-n-1-square:before {

    content: "\f3bd";

}

.zmdi-n-2-square:before {

    content: "\f3be";

}

.zmdi-n-3-square:before {

    content: "\f3bf";

}

.zmdi-n-4-square:before {

    content: "\f3c0";

}

.zmdi-n-5-square:before {

    content: "\f3c1";

}

.zmdi-n-6-square:before {

    content: "\f3c2";

}

.zmdi-neg-1:before {

    content: "\f3c3";

}

.zmdi-neg-2:before {

    content: "\f3c4";

}

.zmdi-plus-1:before {

    content: "\f3c5";

}

.zmdi-plus-2:before {

    content: "\f3c6";

}

.zmdi-sec-10:before {

    content: "\f3c7";

}

.zmdi-sec-3:before {

    content: "\f3c8";

}

.zmdi-zero:before {

    content: "\f3c9";

}

.zmdi-airline-seat-flat-angled:before {

    content: "\f3ca";

}

.zmdi-airline-seat-flat:before {

    content: "\f3cb";

}

.zmdi-airline-seat-individual-suite:before {

    content: "\f3cc";

}

.zmdi-airline-seat-legroom-extra:before {

    content: "\f3cd";

}

.zmdi-airline-seat-legroom-normal:before {

    content: "\f3ce";

}

.zmdi-airline-seat-legroom-reduced:before {

    content: "\f3cf";

}

.zmdi-airline-seat-recline-extra:before {

    content: "\f3d0";

}

.zmdi-airline-seat-recline-normal:before {

    content: "\f3d1";

}

.zmdi-airplay:before {

    content: "\f3d2";

}

.zmdi-closed-caption:before {

    content: "\f3d3";

}

.zmdi-confirmation-number:before {

    content: "\f3d4";

}

.zmdi-developer-board:before {

    content: "\f3d5";

}

.zmdi-disc-full:before {

    content: "\f3d6";

}

.zmdi-explicit:before {

    content: "\f3d7";

}

.zmdi-flight-land:before {

    content: "\f3d8";

}

.zmdi-flight-takeoff:before {

    content: "\f3d9";

}

.zmdi-flip-to-back:before {

    content: "\f3da";

}

.zmdi-flip-to-front:before {

    content: "\f3db";

}

.zmdi-group-work:before {

    content: "\f3dc";

}

.zmdi-hd:before {

    content: "\f3dd";

}

.zmdi-hq:before {

    content: "\f3de";

}

.zmdi-markunread-mailbox:before {

    content: "\f3df";

}

.zmdi-memory:before {

    content: "\f3e0";

}

.zmdi-nfc:before {

    content: "\f3e1";

}

.zmdi-play-for-work:before {

    content: "\f3e2";

}

.zmdi-power-input:before {

    content: "\f3e3";

}

.zmdi-present-to-all:before {

    content: "\f3e4";

}

.zmdi-satellite:before {

    content: "\f3e5";

}

.zmdi-tap-and-play:before {

    content: "\f3e6";

}

.zmdi-vibration:before {

    content: "\f3e7";

}

.zmdi-voicemail:before {

    content: "\f3e8";

}

.zmdi-group:before {

    content: "\f3e9";

}

.zmdi-rss:before {

    content: "\f3ea";

}

.zmdi-shape:before {

    content: "\f3eb";

}

.zmdi-spinner:before {

    content: "\f3ec";

}

.zmdi-ungroup:before {

    content: "\f3ed";

}

.zmdi-500px:before {

    content: "\f3ee";

}

.zmdi-8tracks:before {

    content: "\f3ef";

}

.zmdi-amazon:before {

    content: "\f3f0";

}

.zmdi-blogger:before {

    content: "\f3f1";

}

.zmdi-delicious:before {

    content: "\f3f2";

}

.zmdi-disqus:before {

    content: "\f3f3";

}

.zmdi-flattr:before {

    content: "\f3f4";

}

.zmdi-flickr:before {

    content: "\f3f5";

}

.zmdi-github-alt:before {

    content: "\f3f6";

}

.zmdi-google-old:before {

    content: "\f3f7";

}

.zmdi-linkedin:before {

    content: "\f3f8";

}

.zmdi-odnoklassniki:before {

    content: "\f3f9";

}

.zmdi-outlook:before {

    content: "\f3fa";

}

.zmdi-paypal-alt:before {

    content: "\f3fb";

}

.zmdi-pinterest:before {

    content: "\f3fc";

}

.zmdi-playstation:before {

    content: "\f3fd";

}

.zmdi-reddit:before {

    content: "\f3fe";

}

.zmdi-skype:before {

    content: "\f3ff";

}

.zmdi-slideshare:before {

    content: "\f400";

}

.zmdi-soundcloud:before {

    content: "\f401";

}

.zmdi-tumblr:before {

    content: "\f402";

}

.zmdi-twitch:before {

    content: "\f403";

}

.zmdi-vimeo:before {

    content: "\f404";

}

.zmdi-whatsapp:before {

    content: "\f405";

}

.zmdi-xbox:before {

    content: "\f406";

}

.zmdi-yahoo:before {

    content: "\f407";

}

.zmdi-youtube-play:before {

    content: "\f408";

}

.zmdi-youtube:before {

    content: "\f409";

}

.zmdi-3d-rotation:before {

    content: "\f101";

}

.zmdi-airplane-off:before {

    content: "\f102";

}

.zmdi-airplane:before {

    content: "\f103";

}

.zmdi-album:before {

    content: "\f104";

}

.zmdi-archive:before {

    content: "\f105";

}

.zmdi-assignment-account:before {

    content: "\f106";

}

.zmdi-assignment-alert:before {

    content: "\f107";

}

.zmdi-assignment-check:before {

    content: "\f108";

}

.zmdi-assignment-o:before {

    content: "\f109";

}

.zmdi-assignment-return:before {

    content: "\f10a";

}

.zmdi-assignment-returned:before {

    content: "\f10b";

}

.zmdi-assignment:before {

    content: "\f10c";

}

.zmdi-attachment-alt:before {

    content: "\f10d";

}

.zmdi-attachment:before {

    content: "\f10e";

}

.zmdi-audio:before {

    content: "\f10f";

}

.zmdi-badge-check:before {

    content: "\f110";

}

.zmdi-balance-wallet:before {

    content: "\f111";

}

.zmdi-balance:before {

    content: "\f112";

}

.zmdi-battery-alert:before {

    content: "\f113";

}

.zmdi-battery-flash:before {

    content: "\f114";

}

.zmdi-battery-unknown:before {

    content: "\f115";

}

.zmdi-battery:before {

    content: "\f116";

}

.zmdi-bike:before {

    content: "\f117";

}

.zmdi-block-alt:before {

    content: "\f118";

}

.zmdi-block:before {

    content: "\f119";

}

.zmdi-boat:before {

    content: "\f11a";

}

.zmdi-book-image:before {

    content: "\f11b";

}

.zmdi-book:before {

    content: "\f11c";

}

.zmdi-bookmark-outline:before {

    content: "\f11d";

}

.zmdi-bookmark:before {

    content: "\f11e";

}

.zmdi-brush:before {

    content: "\f11f";

}

.zmdi-bug:before {

    content: "\f120";

}

.zmdi-bus:before {

    content: "\f121";

}

.zmdi-cake:before {

    content: "\f122";

}

.zmdi-car-taxi:before {

    content: "\f123";

}

.zmdi-car-wash:before {

    content: "\f124";

}

.zmdi-car:before {

    content: "\f125";

}

.zmdi-card-giftcard:before {

    content: "\f126";

}

.zmdi-card-membership:before {

    content: "\f127";

}

.zmdi-card-travel:before {

    content: "\f128";

}

.zmdi-card:before {

    content: "\f129";

}

.zmdi-case-check:before {

    content: "\f12a";

}

.zmdi-case-download:before {

    content: "\f12b";

}

.zmdi-case-play:before {

    content: "\f12c";

}

.zmdi-case:before {

    content: "\f12d";

}

.zmdi-cast-connected:before {

    content: "\f12e";

}

.zmdi-cast:before {

    content: "\f12f";

}

.zmdi-chart-donut:before {

    content: "\f130";

}

.zmdi-chart:before {

    content: "\f131";

}

.zmdi-city-alt:before {

    content: "\f132";

}

.zmdi-city:before {

    content: "\f133";

}

.zmdi-close-circle-o:before {

    content: "\f134";

}

.zmdi-close-circle:before {

    content: "\f135";

}

.zmdi-close:before {

    content: "\f136";

}

.zmdi-cocktail:before {

    content: "\f137";

}

.zmdi-code-setting:before {

    content: "\f138";

}

.zmdi-code-smartphone:before {

    content: "\f139";

}

.zmdi-code:before {

    content: "\f13a";

}

.zmdi-coffee:before {

    content: "\f13b";

}

.zmdi-collection-bookmark:before {

    content: "\f13c";

}

.zmdi-collection-case-play:before {

    content: "\f13d";

}

.zmdi-collection-folder-image:before {

    content: "\f13e";

}

.zmdi-collection-image-o:before {

    content: "\f13f";

}

.zmdi-collection-image:before {

    content: "\f140";

}

.zmdi-collection-item-1:before {

    content: "\f141";

}

.zmdi-collection-item-2:before {

    content: "\f142";

}

.zmdi-collection-item-3:before {

    content: "\f143";

}

.zmdi-collection-item-4:before {

    content: "\f144";

}

.zmdi-collection-item-5:before {

    content: "\f145";

}

.zmdi-collection-item-6:before {

    content: "\f146";

}

.zmdi-collection-item-7:before {

    content: "\f147";

}

.zmdi-collection-item-8:before {

    content: "\f148";

}

.zmdi-collection-item-9-plus:before {

    content: "\f149";

}

.zmdi-collection-item-9:before {

    content: "\f14a";

}

.zmdi-collection-item:before {

    content: "\f14b";

}

.zmdi-collection-music:before {

    content: "\f14c";

}

.zmdi-collection-pdf:before {

    content: "\f14d";

}

.zmdi-collection-plus:before {

    content: "\f14e";

}

.zmdi-collection-speaker:before {

    content: "\f14f";

}

.zmdi-collection-text:before {

    content: "\f150";

}

.zmdi-collection-video:before {

    content: "\f151";

}

.zmdi-compass:before {

    content: "\f152";

}

.zmdi-cutlery:before {

    content: "\f153";

}

.zmdi-delete:before {

    content: "\f154";

}

.zmdi-dialpad:before {

    content: "\f155";

}

.zmdi-dns:before {

    content: "\f156";

}

.zmdi-drink:before {

    content: "\f157";

}

.zmdi-edit:before {

    content: "\f158";

}

.zmdi-email-open:before {

    content: "\f159";

}

.zmdi-email:before {

    content: "\f15a";

}

.zmdi-eye-off:before {

    content: "\f15b";

}

.zmdi-eye:before {

    content: "\f15c";

}

.zmdi-eyedropper:before {

    content: "\f15d";

}

.zmdi-favorite-outline:before {

    content: "\f15e";

}

.zmdi-favorite:before {

    content: "\f15f";

}

.zmdi-filter-list:before {

    content: "\f160";

}

.zmdi-fire:before {

    content: "\f161";

}

.zmdi-flag:before {

    content: "\f162";

}

.zmdi-flare:before {

    content: "\f163";

}

.zmdi-flash-auto:before {

    content: "\f164";

}

.zmdi-flash-off:before {

    content: "\f165";

}

.zmdi-flash:before {

    content: "\f166";

}

.zmdi-flip:before {

    content: "\f167";

}

.zmdi-flower-alt:before {

    content: "\f168";

}

.zmdi-flower:before {

    content: "\f169";

}

.zmdi-font:before {

    content: "\f16a";

}

.zmdi-fullscreen-alt:before {

    content: "\f16b";

}

.zmdi-fullscreen-exit:before {

    content: "\f16c";

}

.zmdi-fullscreen:before {

    content: "\f16d";

}

.zmdi-functions:before {

    content: "\f16e";

}

.zmdi-gas-station:before {

    content: "\f16f";

}

.zmdi-gesture:before {

    content: "\f170";

}

.zmdi-globe-alt:before {

    content: "\f171";

}

.zmdi-globe-lock:before {

    content: "\f172";

}

.zmdi-globe:before {

    content: "\f173";

}

.zmdi-graduation-cap:before {

    content: "\f174";

}

.zmdi-home:before {

    content: "\f175";

}

.zmdi-hospital-alt:before {

    content: "\f176";

}

.zmdi-hospital:before {

    content: "\f177";

}

.zmdi-hotel:before {

    content: "\f178";

}

.zmdi-hourglass-alt:before {

    content: "\f179";

}

.zmdi-hourglass-outline:before {

    content: "\f17a";

}

.zmdi-hourglass:before {

    content: "\f17b";

}

.zmdi-http:before {

    content: "\f17c";

}

.zmdi-image-alt:before {

    content: "\f17d";

}

.zmdi-image-o:before {

    content: "\f17e";

}

.zmdi-image:before {

    content: "\f17f";

}

.zmdi-inbox:before {

    content: "\f180";

}

.zmdi-invert-colors-off:before {

    content: "\f181";

}

.zmdi-invert-colors:before {

    content: "\f182";

}

.zmdi-key:before {

    content: "\f183";

}

.zmdi-label-alt-outline:before {

    content: "\f184";

}

.zmdi-label-alt:before {

    content: "\f185";

}

.zmdi-label-heart:before {

    content: "\f186";

}

.zmdi-label:before {

    content: "\f187";

}

.zmdi-labels:before {

    content: "\f188";

}

.zmdi-lamp:before {

    content: "\f189";

}

.zmdi-landscape:before {

    content: "\f18a";

}

.zmdi-layers-off:before {

    content: "\f18b";

}

.zmdi-layers:before {

    content: "\f18c";

}

.zmdi-library:before {

    content: "\f18d";

}

.zmdi-link:before {

    content: "\f18e";

}

.zmdi-lock-open:before {

    content: "\f18f";

}

.zmdi-lock-outline:before {

    content: "\f190";

}

.zmdi-lock:before {

    content: "\f191";

}

.zmdi-mail-reply-all:before {

    content: "\f192";

}

.zmdi-mail-reply:before {

    content: "\f193";

}

.zmdi-mail-send:before {

    content: "\f194";

}

.zmdi-mall:before {

    content: "\f195";

}

.zmdi-map:before {

    content: "\f196";

}

.zmdi-menu:before {

    content: "\f197";

}

.zmdi-money-box:before {

    content: "\f198";

}

.zmdi-money-off:before {

    content: "\f199";

}

.zmdi-money:before {

    content: "\f19a";

}

.zmdi-more-vert:before {

    content: "\f19b";

}

.zmdi-more:before {

    content: "\f19c";

}

.zmdi-movie-alt:before {

    content: "\f19d";

}

.zmdi-movie:before {

    content: "\f19e";

}

.zmdi-nature-people:before {

    content: "\f19f";

}

.zmdi-nature:before {

    content: "\f1a0";

}

.zmdi-navigation:before {

    content: "\f1a1";

}

.zmdi-open-in-browser:before {

    content: "\f1a2";

}

.zmdi-open-in-new:before {

    content: "\f1a3";

}

.zmdi-palette:before {

    content: "\f1a4";

}

.zmdi-parking:before {

    content: "\f1a5";

}

.zmdi-pin-account:before {

    content: "\f1a6";

}

.zmdi-pin-assistant:before {

    content: "\f1a7";

}

.zmdi-pin-drop:before {

    content: "\f1a8";

}

.zmdi-pin-help:before {

    content: "\f1a9";

}

.zmdi-pin-off:before {

    content: "\f1aa";

}

.zmdi-pin:before {

    content: "\f1ab";

}

.zmdi-pizza:before {

    content: "\f1ac";

}

.zmdi-plaster:before {

    content: "\f1ad";

}

.zmdi-power-setting:before {

    content: "\f1ae";

}

.zmdi-power:before {

    content: "\f1af";

}

.zmdi-print:before {

    content: "\f1b0";

}

.zmdi-puzzle-piece:before {

    content: "\f1b1";

}

.zmdi-quote:before {

    content: "\f1b2";

}

.zmdi-railway:before {

    content: "\f1b3";

}

.zmdi-receipt:before {

    content: "\f1b4";

}

.zmdi-refresh-alt:before {

    content: "\f1b5";

}

.zmdi-refresh-sync-alert:before {

    content: "\f1b6";

}

.zmdi-refresh-sync-off:before {

    content: "\f1b7";

}

.zmdi-refresh-sync:before {

    content: "\f1b8";

}

.zmdi-refresh:before {

    content: "\f1b9";

}

.zmdi-roller:before {

    content: "\f1ba";

}

.zmdi-ruler:before {

    content: "\f1bb";

}

.zmdi-scissors:before {

    content: "\f1bc";

}

.zmdi-screen-rotation-lock:before {

    content: "\f1bd";

}

.zmdi-screen-rotation:before {

    content: "\f1be";

}

.zmdi-search-for:before {

    content: "\f1bf";

}

.zmdi-search-in-file:before {

    content: "\f1c0";

}

.zmdi-search-in-page:before {

    content: "\f1c1";

}

.zmdi-search-replace:before {

    content: "\f1c2";

}

.zmdi-search:before {

    content: "\f1c3";

}

.zmdi-seat:before {

    content: "\f1c4";

}

.zmdi-settings-square:before {

    content: "\f1c5";

}

.zmdi-settings:before {

    content: "\f1c6";

}

.zmdi-shield-check:before {

    content: "\f1c7";

}

.zmdi-shield-security:before {

    content: "\f1c8";

}

.zmdi-shopping-basket:before {

    content: "\f1c9";

}

.zmdi-shopping-cart-plus:before {

    content: "\f1ca";

}

.zmdi-shopping-cart:before {

    content: "\f1cb";

}

.zmdi-sign-in:before {

    content: "\f1cc";

}

.zmdi-sort-amount-asc:before {

    content: "\f1cd";

}

.zmdi-sort-amount-desc:before {

    content: "\f1ce";

}

.zmdi-sort-asc:before {

    content: "\f1cf";

}

.zmdi-sort-desc:before {

    content: "\f1d0";

}

.zmdi-spellcheck:before {

    content: "\f1d1";

}

.zmdi-storage:before {

    content: "\f1d2";

}

.zmdi-store-24:before {

    content: "\f1d3";

}

.zmdi-store:before {

    content: "\f1d4";

}

.zmdi-subway:before {

    content: "\f1d5";

}

.zmdi-sun:before {

    content: "\f1d6";

}

.zmdi-tab-unselected:before {

    content: "\f1d7";

}

.zmdi-tab:before {

    content: "\f1d8";

}

.zmdi-tag-close:before {

    content: "\f1d9";

}

.zmdi-tag-more:before {

    content: "\f1da";

}

.zmdi-tag:before {

    content: "\f1db";

}

.zmdi-thumb-down:before {

    content: "\f1dc";

}

.zmdi-thumb-up-down:before {

    content: "\f1dd";

}

.zmdi-thumb-up:before {

    content: "\f1de";

}

.zmdi-ticket-star:before {

    content: "\f1df";

}

.zmdi-toll:before {

    content: "\f1e0";

}

.zmdi-toys:before {

    content: "\f1e1";

}

.zmdi-traffic:before {

    content: "\f1e2";

}

.zmdi-translate:before {

    content: "\f1e3";

}

.zmdi-triangle-down:before {

    content: "\f1e4";

}

.zmdi-triangle-up:before {

    content: "\f1e5";

}

.zmdi-truck:before {

    content: "\f1e6";

}

.zmdi-turning-sign:before {

    content: "\f1e7";

}

.zmdi-wallpaper:before {

    content: "\f1e8";

}

.zmdi-washing-machine:before {

    content: "\f1e9";

}

.zmdi-window-maximize:before {

    content: "\f1ea";

}

.zmdi-window-minimize:before {

    content: "\f1eb";

}

.zmdi-window-restore:before {

    content: "\f1ec";

}

.zmdi-wrench:before {

    content: "\f1ed";

}

.zmdi-zoom-in:before {

    content: "\f1ee";

}

.zmdi-zoom-out:before {

    content: "\f1ef";

}

.zmdi-alert-circle-o:before {

    content: "\f1f0";

}

.zmdi-alert-circle:before {

    content: "\f1f1";

}

.zmdi-alert-octagon:before {

    content: "\f1f2";

}

.zmdi-alert-polygon:before {

    content: "\f1f3";

}

.zmdi-alert-triangle:before {

    content: "\f1f4";

}

.zmdi-help-outline:before {

    content: "\f1f5";

}

.zmdi-help:before {

    content: "\f1f6";

}

.zmdi-info-outline:before {

    content: "\f1f7";

}

.zmdi-info:before {

    content: "\f1f8";

}

.zmdi-notifications-active:before {

    content: "\f1f9";

}

.zmdi-notifications-add:before {

    content: "\f1fa";

}

.zmdi-notifications-none:before {

    content: "\f1fb";

}

.zmdi-notifications-off:before {

    content: "\f1fc";

}

.zmdi-notifications-paused:before {

    content: "\f1fd";

}

.zmdi-notifications:before {

    content: "\f1fe";

}

.zmdi-account-add:before {

    content: "\f1ff";

}

.zmdi-account-box-mail:before {

    content: "\f200";

}

.zmdi-account-box-o:before {

    content: "\f201";

}

.zmdi-account-box-phone:before {

    content: "\f202";

}

.zmdi-account-box:before {

    content: "\f203";

}

.zmdi-account-calendar:before {

    content: "\f204";

}

.zmdi-account-circle:before {

    content: "\f205";

}

.zmdi-account-o:before {

    content: "\f206";



}

.zmdi-account:before {

    content: "\f207";

}

.zmdi-accounts-add:before {

    content: "\f208";

}

.zmdi-accounts-alt:before {

    content: "\f209";

}

.zmdi-accounts-list-alt:before {

    content: "\f20a";

}

.zmdi-accounts-list:before {

    content: "\f20b";

}

.zmdi-accounts-outline:before {

    content: "\f20c";

}

.zmdi-accounts:before {

    content: "\f20d";

}

.zmdi-face:before {

    content: "\f20e";

}

.zmdi-female:before {

    content: "\f20f";

}

.zmdi-male-alt:before {

    content: "\f210";

}

.zmdi-male-female:before {

    content: "\f211";

}

.zmdi-male:before {

    content: "\f212";

}

.zmdi-mood-bad:before {

    content: "\f213";

}

.zmdi-mood:before {

    content: "\f214";

}

.zmdi-run:before {

    content: "\f215";

}

.zmdi-walk:before {

    content: "\f216";

}

.zmdi-cloud-box:before {

    content: "\f217";

}

.zmdi-cloud-circle:before {

    content: "\f218";

}

.zmdi-cloud-done:before {

    content: "\f219";

}

.zmdi-cloud-download:before {

    content: "\f21a";

}

.zmdi-cloud-off:before {

    content: "\f21b";

}

.zmdi-cloud-outline-alt:before {

    content: "\f21c";

}

.zmdi-cloud-outline:before {

    content: "\f21d";

}

.zmdi-cloud-upload:before {

    content: "\f21e";

}

.zmdi-cloud:before {

    content: "\f21f";

}

.zmdi-download:before {

    content: "\f220";

}

.zmdi-file-plus:before {

    content: "\f221";

}

.zmdi-file-text:before {

    content: "\f222";

}

.zmdi-file:before {

    content: "\f223";

}

.zmdi-folder-outline:before {

    content: "\f224";

}

.zmdi-folder-person:before {

    content: "\f225";

}

.zmdi-folder-star-alt:before {

    content: "\f226";

}

.zmdi-folder-star:before {

    content: "\f227";

}

.zmdi-folder:before {

    content: "\f228";

}

.zmdi-gif:before {

    content: "\f229";

}

.zmdi-upload:before {

    content: "\f22a";

}

.zmdi-border-all:before {

    content: "\f22b";

}

.zmdi-border-bottom:before {

    content: "\f22c";

}

.zmdi-border-clear:before {

    content: "\f22d";

}

.zmdi-border-color:before {

    content: "\f22e";

}

.zmdi-border-horizontal:before {

    content: "\f22f";

}

.zmdi-border-inner:before {

    content: "\f230";

}

.zmdi-border-left:before {

    content: "\f231";

}

.zmdi-border-outer:before {

    content: "\f232";

}

.zmdi-border-right:before {

    content: "\f233";

}

.zmdi-border-style:before {

    content: "\f234";

}

.zmdi-border-top:before {

    content: "\f235";

}

.zmdi-border-vertical:before {

    content: "\f236";

}

.zmdi-copy:before {

    content: "\f237";

}

.zmdi-crop:before {

    content: "\f238";

}

.zmdi-format-align-center:before {

    content: "\f239";

}

.zmdi-format-align-justify:before {

    content: "\f23a";

}

.zmdi-format-align-left:before {

    content: "\f23b";

}

.zmdi-format-align-right:before {

    content: "\f23c";

}

.zmdi-format-bold:before {

    content: "\f23d";

}

.zmdi-format-clear-all:before {

    content: "\f23e";

}

.zmdi-format-clear:before {

    content: "\f23f";

}

.zmdi-format-color-fill:before {

    content: "\f240";

}

.zmdi-format-color-reset:before {

    content: "\f241";

}

.zmdi-format-color-text:before {

    content: "\f242";

}

.zmdi-format-indent-decrease:before {

    content: "\f243";

}

.zmdi-format-indent-increase:before {

    content: "\f244";

}

.zmdi-format-italic:before {

    content: "\f245";

}

.zmdi-format-line-spacing:before {

    content: "\f246";

}

.zmdi-format-list-bulleted:before {

    content: "\f247";

}

.zmdi-format-list-numbered:before {

    content: "\f248";

}

.zmdi-format-ltr:before {

    content: "\f249";

}

.zmdi-format-rtl:before {

    content: "\f24a";

}

.zmdi-format-size:before {

    content: "\f24b";

}

.zmdi-format-strikethrough-s:before {

    content: "\f24c";

}

.zmdi-format-strikethrough:before {

    content: "\f24d";

}

.zmdi-format-subject:before {

    content: "\f24e";

}

.zmdi-format-underlined:before {

    content: "\f24f";

}

.zmdi-format-valign-bottom:before {

    content: "\f250";

}

.zmdi-format-valign-center:before {

    content: "\f251";

}

.zmdi-format-valign-top:before {

    content: "\f252";

}

.zmdi-redo:before {

    content: "\f253";

}

.zmdi-select-all:before {

    content: "\f254";

}

.zmdi-space-bar:before {

    content: "\f255";

}

.zmdi-text-format:before {

    content: "\f256";

}

.zmdi-transform:before {

    content: "\f257";

}

.zmdi-undo:before {

    content: "\f258";

}

.zmdi-wrap-text:before {

    content: "\f259";

}

.zmdi-comment-alert:before {

    content: "\f25a";

}

.zmdi-comment-alt-text:before {

    content: "\f25b";

}

.zmdi-comment-alt:before {

    content: "\f25c";

}

.zmdi-comment-edit:before {

    content: "\f25d";

}

.zmdi-comment-image:before {

    content: "\f25e";

}

.zmdi-comment-list:before {

    content: "\f25f";

}

.zmdi-comment-more:before {

    content: "\f260";

}

.zmdi-comment-outline:before {

    content: "\f261";

}

.zmdi-comment-text-alt:before {

    content: "\f262";

}

.zmdi-comment-text:before {

    content: "\f263";

}

.zmdi-comment-video:before {

    content: "\f264";

}

.zmdi-comment:before {

    content: "\f265";

}

.zmdi-comments:before {

    content: "\f266";

}

.zmdi-check-all:before {

    content: "\f267";

}

.zmdi-check-circle-u:before {

    content: "\f268";

}

.zmdi-check-circle:before {

    content: "\f269";

}

.zmdi-check-square:before {

    content: "\f26a";

}

.zmdi-check:before {

    content: "\f26b";

}

.zmdi-circle-o:before {

    content: "\f26c";

}

.zmdi-circle:before {

    content: "\f26d";

}

.zmdi-dot-circle-alt:before {

    content: "\f26e";

}

.zmdi-dot-circle:before {

    content: "\f26f";

}

.zmdi-minus-circle-outline:before {

    content: "\f270";

}

.zmdi-minus-circle:before {

    content: "\f271";

}

.zmdi-minus-square:before {

    content: "\f272";

}

.zmdi-minus:before {

    content: "\f273";

}

.zmdi-plus-circle-o-duplicate:before {

    content: "\f274";

}

.zmdi-plus-circle-o:before {

    content: "\f275";

}

.zmdi-plus-circle:before {

    content: "\f276";

}

.zmdi-plus-square:before {

    content: "\f277";

}

.zmdi-plus:before {

    content: "\f278";

}

.zmdi-square-o:before {

    content: "\f279";

}

.zmdi-star-circle:before {

    content: "\f27a";

}

.zmdi-star-half:before {

    content: "\f27b";

}

.zmdi-star-outline:before {

    content: "\f27c";

}

.zmdi-star:before {

    content: "\f27d";

}

.zmdi-bluetooth-connected:before {

    content: "\f27e";

}

.zmdi-bluetooth-off:before {

    content: "\f27f";

}

.zmdi-bluetooth-search:before {

    content: "\f280";

}

.zmdi-bluetooth-setting:before {

    content: "\f281";

}

.zmdi-bluetooth:before {

    content: "\f282";

}

.zmdi-camera-add:before {

    content: "\f283";

}

.zmdi-camera-alt:before {

    content: "\f284";

}

.zmdi-camera-bw:before {

    content: "\f285";

}

.zmdi-camera-front:before {

    content: "\f286";

}

.zmdi-camera-mic:before {

    content: "\f287";

}

.zmdi-camera-party-mode:before {

    content: "\f288";

}

.zmdi-camera-rear:before {

    content: "\f289";

}

.zmdi-camera-roll:before {

    content: "\f28a";

}

.zmdi-camera-switch:before {

    content: "\f28b";

}

.zmdi-camera:before {

    content: "\f28c";

}

.zmdi-card-alert:before {

    content: "\f28d";

}

.zmdi-card-off:before {

    content: "\f28e";

}

.zmdi-card-sd:before {

    content: "\f28f";

}

.zmdi-card-sim:before {

    content: "\f290";

}

.zmdi-desktop-mac:before {

    content: "\f291";

}

.zmdi-desktop-windows:before {

    content: "\f292";

}

.zmdi-device-hub:before {

    content: "\f293";

}

.zmdi-devices-off:before {

    content: "\f294";

}

.zmdi-devices:before {

    content: "\f295";

}

.zmdi-dock:before {

    content: "\f296";

}

.zmdi-floppy:before {

    content: "\f297";

}

.zmdi-gamepad:before {

    content: "\f298";

}

.zmdi-gps-dot:before {

    content: "\f299";

}

.zmdi-gps-off:before {

    content: "\f29a";

}

.zmdi-gps:before {

    content: "\f29b";

}

.zmdi-headset-mic:before {

    content: "\f29c";

}

.zmdi-headset:before {

    content: "\f29d";

}

.zmdi-input-antenna:before {

    content: "\f29e";

}

.zmdi-input-composite:before {

    content: "\f29f";

}

.zmdi-input-hdmi:before {

    content: "\f2a0";

}

.zmdi-input-power:before {

    content: "\f2a1";

}

.zmdi-input-svideo:before {

    content: "\f2a2";

}

.zmdi-keyboard-hide:before {

    content: "\f2a3";

}

.zmdi-keyboard:before {

    content: "\f2a4";

}

.zmdi-laptop-chromebook:before {

    content: "\f2a5";

}

.zmdi-laptop-mac:before {

    content: "\f2a6";

}

.zmdi-laptop:before {

    content: "\f2a7";

}

.zmdi-mic-off:before {

    content: "\f2a8";

}

.zmdi-mic-outline:before {

    content: "\f2a9";

}

.zmdi-mic-setting:before {

    content: "\f2aa";

}

.zmdi-mic:before {

    content: "\f2ab";

}

.zmdi-mouse:before {

    content: "\f2ac";

}

.zmdi-network-alert:before {

    content: "\f2ad";

}

.zmdi-network-locked:before {

    content: "\f2ae";

}

.zmdi-network-off:before {

    content: "\f2af";

}

.zmdi-network-outline:before {

    content: "\f2b0";

}

.zmdi-network-setting:before {

    content: "\f2b1";

}

.zmdi-network:before {

    content: "\f2b2";

}

.zmdi-phone-bluetooth:before {

    content: "\f2b3";

}

.zmdi-phone-end:before {

    content: "\f2b4";

}

.zmdi-phone-forwarded:before {

    content: "\f2b5";

}

.zmdi-phone-in-talk:before {

    content: "\f2b6";

}

.zmdi-phone-locked:before {

    content: "\f2b7";

}

.zmdi-phone-missed:before {

    content: "\f2b8";

}

.zmdi-phone-msg:before {

    content: "\f2b9";

}

.zmdi-phone-paused:before {

    content: "\f2ba";

}

.zmdi-phone-ring:before {

    content: "\f2bb";

}

.zmdi-phone-setting:before {

    content: "\f2bc";

}

.zmdi-phone-sip:before {

    content: "\f2bd";

}

.zmdi-phone:before {

    content: "\f2be";

}

.zmdi-portable-wifi-changes:before {

    content: "\f2bf";

}

.zmdi-portable-wifi-off:before {

    content: "\f2c0";

}

.zmdi-portable-wifi:before {

    content: "\f2c1";

}

.zmdi-radio:before {

    content: "\f2c2";

}

.zmdi-reader:before {

    content: "\f2c3";

}

.zmdi-remote-control-alt:before {

    content: "\f2c4";

}

.zmdi-remote-control:before {

    content: "\f2c5";

}

.zmdi-router:before {

    content: "\f2c6";

}

.zmdi-scanner:before {

    content: "\f2c7";

}

.zmdi-smartphone-android:before {

    content: "\f2c8";

}

.zmdi-smartphone-download:before {

    content: "\f2c9";

}

.zmdi-smartphone-erase:before {

    content: "\f2ca";

}

.zmdi-smartphone-info:before {

    content: "\f2cb";

}

.zmdi-smartphone-iphone:before {

    content: "\f2cc";

}

.zmdi-smartphone-landscape-lock:before {

    content: "\f2cd";

}

.zmdi-smartphone-landscape:before {

    content: "\f2ce";

}

.zmdi-smartphone-lock:before {

    content: "\f2cf";

}

.zmdi-smartphone-portrait-lock:before {

    content: "\f2d0";

}

.zmdi-smartphone-ring:before {

    content: "\f2d1";

}

.zmdi-smartphone-setting:before {

    content: "\f2d2";

}

.zmdi-smartphone-setup:before {

    content: "\f2d3";

}

.zmdi-smartphone:before {

    content: "\f2d4";

}

.zmdi-speaker:before {

    content: "\f2d5";

}

.zmdi-tablet-android:before {

    content: "\f2d6";

}

.zmdi-tablet-mac:before {

    content: "\f2d7";

}

.zmdi-tablet:before {

    content: "\f2d8";

}

.zmdi-tv-alt-play:before {

    content: "\f2d9";

}

.zmdi-tv-list:before {

    content: "\f2da";

}

.zmdi-tv-play:before {

    content: "\f2db";

}

.zmdi-tv:before {

    content: "\f2dc";

}

.zmdi-usb:before {

    content: "\f2dd";

}

.zmdi-videocam-off:before {

    content: "\f2de";

}

.zmdi-videocam-switch:before {

    content: "\f2df";

}

.zmdi-videocam:before {

    content: "\f2e0";

}

.zmdi-watch:before {

    content: "\f2e1";

}

.zmdi-wifi-alt-2:before {

    content: "\f2e2";

}

.zmdi-wifi-alt:before {

    content: "\f2e3";

}

.zmdi-wifi-info:before {

    content: "\f2e4";

}

.zmdi-wifi-lock:before {

    content: "\f2e5";

}

.zmdi-wifi-off:before {

    content: "\f2e6";

}

.zmdi-wifi-outline:before {

    content: "\f2e7";

}

.zmdi-wifi:before {

    content: "\f2e8";

}

.zmdi-arrow-left-bottom:before {

    content: "\f2e9";

}

.zmdi-arrow-left:before {

    content: "\f2ea";

}

.zmdi-arrow-merge:before {

    content: "\f2eb";

}

.zmdi-arrow-missed:before {

    content: "\f2ec";

}

.zmdi-arrow-right-top:before {

    content: "\f2ed";

}

.zmdi-arrow-right:before {

    content: "\f2ee";

}

.zmdi-arrow-split:before {

    content: "\f2ef";

}

.zmdi-arrows:before {

    content: "\f2f0";

}

.zmdi-caret-down-circle:before {

    content: "\f2f1";

}

.zmdi-caret-down:before {

    content: "\f2f2";

}

.zmdi-caret-left-circle:before {

    content: "\f2f3";

}

.zmdi-caret-left:before {

    content: "\f2f4";

}

.zmdi-caret-right-circle:before {

    content: "\f2f5";

}

.zmdi-caret-right:before {

    content: "\f2f6";

}

.zmdi-caret-up-circle:before {

    content: "\f2f7";

}

.zmdi-caret-up:before {

    content: "\f2f8";

}

.zmdi-chevron-down:before {

    content: "\f2f9";

}

.zmdi-chevron-left:before {

    content: "\f2fa";

}

.zmdi-chevron-right:before {

    content: "\f2fb";

}

.zmdi-chevron-up:before {

    content: "\f2fc";

}

.zmdi-forward:before {

    content: "\f2fd";

}

.zmdi-long-arrow-down:before {

    content: "\f2fe";

}

.zmdi-long-arrow-left:before {

    content: "\f2ff";

}

.zmdi-long-arrow-return:before {

    content: "\f300";

}

.zmdi-long-arrow-right:before {

    content: "\f301";

}

.zmdi-long-arrow-tab:before {

    content: "\f302";

}

.zmdi-long-arrow-up:before {

    content: "\f303";

}

.zmdi-rotate-ccw:before {

    content: "\f304";

}

.zmdi-rotate-cw:before {

    content: "\f305";

}

.zmdi-rotate-left:before {

    content: "\f306";

}

.zmdi-rotate-right:before {

    content: "\f307";

}

.zmdi-square-down:before {

    content: "\f308";

}

.zmdi-square-right:before {

    content: "\f309";

}

.zmdi-swap-alt:before {

    content: "\f30a";

}

.zmdi-swap-vertical-circle:before {

    content: "\f30b";

}

.zmdi-swap-vertical:before {

    content: "\f30c";

}

.zmdi-swap:before {

    content: "\f30d";

}

.zmdi-trending-down:before {

    content: "\f30e";

}

.zmdi-trending-flat:before {

    content: "\f30f";

}

.zmdi-trending-up:before {

    content: "\f310";

}

.zmdi-unfold-less:before {

    content: "\f311";

}

.zmdi-unfold-more:before {

    content: "\f312";

}

.zmdi-apps:before {

    content: "\f313";

}

.zmdi-grid-off:before {

    content: "\f314";

}

.zmdi-grid:before {

    content: "\f315";

}

.zmdi-view-agenda:before {

    content: "\f316";

}

.zmdi-view-array:before {

    content: "\f317";

}

.zmdi-view-carousel:before {

    content: "\f318";

}

.zmdi-view-column:before {

    content: "\f319";

}

.zmdi-view-comfy:before {

    content: "\f31a";

}

.zmdi-view-compact:before {

    content: "\f31b";

}

.zmdi-view-dashboard:before {

    content: "\f31c";

}

.zmdi-view-day:before {

    content: "\f31d";

}

.zmdi-view-headline:before {

    content: "\f31e";

}

.zmdi-view-list-alt:before {

    content: "\f31f";

}

.zmdi-view-list:before {

    content: "\f320";

}

.zmdi-view-module:before {

    content: "\f321";

}

.zmdi-view-quilt:before {

    content: "\f322";

}

.zmdi-view-stream:before {

    content: "\f323";

}

.zmdi-view-subtitles:before {

    content: "\f324";

}

.zmdi-view-toc:before {

    content: "\f325";

}

.zmdi-view-web:before {

    content: "\f326";

}

.zmdi-view-week:before {

    content: "\f327";

}

.zmdi-widgets:before {

    content: "\f328";

}

.zmdi-alarm-check:before {

    content: "\f329";

}

.zmdi-alarm-off:before {

    content: "\f32a";

}

.zmdi-alarm-plus:before {

    content: "\f32b";

}

.zmdi-alarm-snooze:before {

    content: "\f32c";

}

.zmdi-alarm:before {

    content: "\f32d";

}

.zmdi-calendar-alt:before {

    content: "\f32e";

}

.zmdi-calendar-check:before {

    content: "\f32f";

}

.zmdi-calendar-close:before {

    content: "\f330";

}

.zmdi-calendar-note:before {

    content: "\f331";

}

.zmdi-calendar:before {

    content: "\f332";

}

.zmdi-time-countdown:before {

    content: "\f333";

}

.zmdi-time-interval:before {

    content: "\f334";

}

.zmdi-time-restore-setting:before {

    content: "\f335";

}

.zmdi-time-restore:before {

    content: "\f336";

}

.zmdi-time:before {

    content: "\f337";

}

.zmdi-timer-off:before {

    content: "\f338";

}

.zmdi-timer:before {

    content: "\f339";

}

.zmdi-android-alt:before {

    content: "\f33a";

}

.zmdi-android:before {

    content: "\f33b";

}

.zmdi-apple:before {

    content: "\f33c";

}

.zmdi-behance:before {

    content: "\f33d";

}

.zmdi-codepen:before {

    content: "\f33e";

}

.zmdi-dribbble:before {

    content: "\f33f";

}

.zmdi-dropbox:before {

    content: "\f340";

}

.zmdi-evernote:before {

    content: "\f341";

}

.zmdi-facebook-box:before {

    content: "\f342";

}

.zmdi-facebook:before {

    content: "\f343";

}

.zmdi-github-box:before {

    content: "\f344";

}

.zmdi-github:before {

    content: "\f345";

}

.zmdi-google-drive:before {

    content: "\f346";

}

.zmdi-google-earth:before {

    content: "\f347";

}

.zmdi-google-glass:before {

    content: "\f348";

}

.zmdi-google-maps:before {

    content: "\f349";

}

.zmdi-google-pages:before {

    content: "\f34a";

}

.zmdi-google-play:before {

    content: "\f34b";

}

.zmdi-google-plus-box:before {

    content: "\f34c";

}

.zmdi-google-plus:before {

    content: "\f34d";

}

.zmdi-google:before {

    content: "\f34e";

}

.zmdi-instagram:before {

    content: "\f34f";

}

.zmdi-language-css3:before {

    content: "\f350";

}

.zmdi-language-html5:before {

    content: "\f351";

}

.zmdi-language-javascript:before {

    content: "\f352";

}

.zmdi-language-python-alt:before {

    content: "\f353";

}

.zmdi-language-python:before {

    content: "\f354";

}

.zmdi-lastfm:before {

    content: "\f355";

}

.zmdi-linkedin-box:before {

    content: "\f356";

}

.zmdi-paypal:before {

    content: "\f357";

}

.zmdi-pinterest-box:before {

    content: "\f358";

}

.zmdi-pocket:before {

    content: "\f359";

}

.zmdi-polymer:before {

    content: "\f35a";

}

.zmdi-share:before {

    content: "\f35b";

}

.zmdi-stackoverflow:before {

    content: "\f35c";

}

.zmdi-steam-square:before {

    content: "\f35d";

}

.zmdi-steam:before {

    content: "\f35e";

}

.zmdi-twitter-box:before {

    content: "\f35f";

}

.zmdi-twitter:before {

    content: "\f360";

}

.zmdi-vk:before {

    content: "\f361";

}

.zmdi-wikipedia:before {

    content: "\f362";

}

.zmdi-windows:before {

    content: "\f363";

}

.zmdi-aspect-ratio-alt:before {

    content: "\f364";

}

.zmdi-aspect-ratio:before {

    content: "\f365";

}

.zmdi-blur-circular:before {

    content: "\f366";

}

.zmdi-blur-linear:before {

    content: "\f367";

}

.zmdi-blur-off:before {

    content: "\f368";

}

.zmdi-blur:before {

    content: "\f369";

}

.zmdi-brightness-2:before {

    content: "\f36a";

}

.zmdi-brightness-3:before {

    content: "\f36b";

}

.zmdi-brightness-4:before {

    content: "\f36c";

}

.zmdi-brightness-5:before {

    content: "\f36d";

}

.zmdi-brightness-6:before {

    content: "\f36e";

}

.zmdi-brightness-7:before {

    content: "\f36f";

}

.zmdi-brightness-auto:before {

    content: "\f370";

}

.zmdi-brightness-setting:before {

    content: "\f371";

}

.zmdi-broken-image:before {

    content: "\f372";

}

.zmdi-center-focus-strong:before {

    content: "\f373";

}

.zmdi-center-focus-weak:before {

    content: "\f374";

}

.zmdi-compare:before {

    content: "\f375";

}

.zmdi-crop-16-9:before {

    content: "\f376";

}

.zmdi-crop-3-2:before {

    content: "\f377";

}

.zmdi-crop-5-4:before {

    content: "\f378";

}

.zmdi-crop-7-5:before {

    content: "\f379";

}

.zmdi-crop-din:before {

    content: "\f37a";

}

.zmdi-crop-free:before {

    content: "\f37b";

}

.zmdi-crop-landscape:before {

    content: "\f37c";

}

.zmdi-crop-portrait:before {

    content: "\f37d";

}

.zmdi-crop-square:before {

    content: "\f37e";

}

.zmdi-exposure-alt:before {

    content: "\f37f";

}

.zmdi-exposure:before {

    content: "\f380";

}

.zmdi-filter-b-and-w:before {

    content: "\f381";

}

.zmdi-filter-center-focus:before {

    content: "\f382";

}

.zmdi-filter-frames:before {

    content: "\f383";

}

.zmdi-filter-tilt-shift:before {

    content: "\f384";

}

.zmdi-gradient:before {

    content: "\f385";

}

.zmdi-grain:before {

    content: "\f386";

}

.zmdi-graphic-eq:before {

    content: "\f387";

}

.zmdi-hdr-off:before {

    content: "\f388";

}

.zmdi-hdr-strong:before {

    content: "\f389";

}

.zmdi-hdr-weak:before {

    content: "\f38a";

}

.zmdi-hdr:before {

    content: "\f38b";

}

.zmdi-iridescent:before {

    content: "\f38c";

}

.zmdi-leak-off:before {

    content: "\f38d";

}

.zmdi-leak:before {

    content: "\f38e";

}

.zmdi-looks:before {

    content: "\f38f";

}

.zmdi-loupe:before {

    content: "\f390";

}

.zmdi-panorama-horizontal:before {

    content: "\f391";

}

.zmdi-panorama-vertical:before {

    content: "\f392";

}

.zmdi-panorama-wide-angle:before {

    content: "\f393";

}

.zmdi-photo-size-select-large:before {

    content: "\f394";

}

.zmdi-photo-size-select-small:before {

    content: "\f395";

}

.zmdi-picture-in-picture:before {

    content: "\f396";

}

.zmdi-slideshow:before {

    content: "\f397";

}

.zmdi-texture:before {

    content: "\f398";

}

.zmdi-tonality:before {

    content: "\f399";

}

.zmdi-vignette:before {

    content: "\f39a";

}

.zmdi-wb-auto:before {

    content: "\f39b";

}

.zmdi-eject-alt:before {

    content: "\f39c";

}

.zmdi-eject:before {

    content: "\f39d";

}

.zmdi-equalizer:before {

    content: "\f39e";

}

.zmdi-fast-forward:before {

    content: "\f39f";

}

.zmdi-fast-rewind:before {

    content: "\f3a0";

}

.zmdi-forward-10:before {

    content: "\f3a1";

}

.zmdi-forward-30:before {

    content: "\f3a2";

}

.zmdi-forward-5:before {

    content: "\f3a3";

}

.zmdi-hearing:before {

    content: "\f3a4";

}

.zmdi-pause-circle-outline:before {

    content: "\f3a5";

}

.zmdi-pause-circle:before {

    content: "\f3a6";

}

.zmdi-pause:before {

    content: "\f3a7";

}

.zmdi-play-circle-outline:before {

    content: "\f3a8";

}

.zmdi-play-circle:before {

    content: "\f3a9";

}

.zmdi-play:before {

    content: "\f3aa";

}

.zmdi-playlist-audio:before {

    content: "\f3ab";

}

.zmdi-playlist-plus:before {

    content: "\f3ac";

}

.zmdi-repeat-one:before {

    content: "\f3ad";

}

.zmdi-repeat:before {

    content: "\f3ae";

}

.zmdi-replay-10:before {

    content: "\f3af";

}

.zmdi-replay-30:before {

    content: "\f3b0";

}

.zmdi-replay-5:before {

    content: "\f3b1";

}

.zmdi-replay:before {

    content: "\f3b2";

}

.zmdi-shuffle:before {

    content: "\f3b3";

}

.zmdi-skip-next:before {

    content: "\f3b4";

}

.zmdi-skip-previous:before {

    content: "\f3b5";

}

.zmdi-stop:before {

    content: "\f3b6";

}

.zmdi-surround-sound:before {

    content: "\f3b7";

}

.zmdi-tune:before {

    content: "\f3b8";

}

.zmdi-volume-down:before {

    content: "\f3b9";

}

.zmdi-volume-mute:before {

    content: "\f3ba";

}

.zmdi-volume-off:before {

    content: "\f3bb";

}

.zmdi-volume-up:before {

    content: "\f3bc";

}

.zmdi-n-1-square:before {

    content: "\f3bd";

}

.zmdi-n-2-square:before {

    content: "\f3be";

}

.zmdi-n-3-square:before {

    content: "\f3bf";

}

.zmdi-n-4-square:before {

    content: "\f3c0";

}

.zmdi-n-5-square:before {

    content: "\f3c1";

}

.zmdi-n-6-square:before {

    content: "\f3c2";

}

.zmdi-neg-1:before {

    content: "\f3c3";

}

.zmdi-neg-2:before {

    content: "\f3c4";

}

.zmdi-plus-1:before {

    content: "\f3c5";

}

.zmdi-plus-2:before {

    content: "\f3c6";

}

.zmdi-sec-10:before {

    content: "\f3c7";

}

.zmdi-sec-3:before {

    content: "\f3c8";

}

.zmdi-zero:before {

    content: "\f3c9";

}

.zmdi-airline-seat-flat-angled:before {

    content: "\f3ca";

}

.zmdi-airline-seat-flat:before {

    content: "\f3cb";

}

.zmdi-airline-seat-individual-suite:before {

    content: "\f3cc";

}

.zmdi-airline-seat-legroom-extra:before {

    content: "\f3cd";

}

.zmdi-airline-seat-legroom-normal:before {

    content: "\f3ce";

}

.zmdi-airline-seat-legroom-reduced:before {

    content: "\f3cf";

}

.zmdi-airline-seat-recline-extra:before {

    content: "\f3d0";

}

.zmdi-airline-seat-recline-normal:before {

    content: "\f3d1";

}

.zmdi-airplay:before {

    content: "\f3d2";

}

.zmdi-closed-caption:before {

    content: "\f3d3";

}

.zmdi-confirmation-number:before {

    content: "\f3d4";

}

.zmdi-developer-board:before {

    content: "\f3d5";

}

.zmdi-disc-full:before {

    content: "\f3d6";

}

.zmdi-explicit:before {

    content: "\f3d7";

}

.zmdi-flight-land:before {

    content: "\f3d8";

}

.zmdi-flight-takeoff:before {

    content: "\f3d9";

}

.zmdi-flip-to-back:before {

    content: "\f3da";

}

.zmdi-flip-to-front:before {

    content: "\f3db";

}

.zmdi-group-work:before {

    content: "\f3dc";

}

.zmdi-hd:before {

    content: "\f3dd";

}

.zmdi-hq:before {

    content: "\f3de";

}

.zmdi-markunread-mailbox:before {

    content: "\f3df";

}

.zmdi-memory:before {

    content: "\f3e0";

}

.zmdi-nfc:before {

    content: "\f3e1";

}

.zmdi-play-for-work:before {

    content: "\f3e2";

}

.zmdi-power-input:before {

    content: "\f3e3";

}

.zmdi-present-to-all:before {

    content: "\f3e4";

}

.zmdi-satellite:before {

    content: "\f3e5";

}

.zmdi-tap-and-play:before {

    content: "\f3e6";

}

.zmdi-vibration:before {

    content: "\f3e7";

}

.zmdi-voicemail:before {

    content: "\f3e8";

}

.zmdi-group:before {

    content: "\f3e9";

}

.zmdi-rss:before {

    content: "\f3ea";

}

.zmdi-shape:before {

    content: "\f3eb";

}

.zmdi-spinner:before {

    content: "\f3ec";

}

.zmdi-ungroup:before {

    content: "\f3ed";

}

.zmdi-500px:before {

    content: "\f3ee";

}

.zmdi-8tracks:before {

    content: "\f3ef";

}

.zmdi-amazon:before {

    content: "\f3f0";

}

.zmdi-blogger:before {

    content: "\f3f1";

}

.zmdi-delicious:before {

    content: "\f3f2";

}

.zmdi-disqus:before {

    content: "\f3f3";

}

.zmdi-flattr:before {

    content: "\f3f4";

}

.zmdi-flickr:before {

    content: "\f3f5";

}

.zmdi-github-alt:before {

    content: "\f3f6";

}

.zmdi-google-old:before {

    content: "\f3f7";

}

.zmdi-linkedin:before {

    content: "\f3f8";

}

.zmdi-odnoklassniki:before {

    content: "\f3f9";

}

.zmdi-outlook:before {

    content: "\f3fa";

}

.zmdi-paypal-alt:before {

    content: "\f3fb";

}

.zmdi-pinterest:before {

    content: "\f3fc";

}

.zmdi-playstation:before {

    content: "\f3fd";

}

.zmdi-reddit:before {

    content: "\f3fe";

}

.zmdi-skype:before {

    content: "\f3ff";

}

.zmdi-slideshare:before {

    content: "\f400";

}

.zmdi-soundcloud:before {

    content: "\f401";

}

.zmdi-tumblr:before {

    content: "\f402";

}

.zmdi-twitch:before {

    content: "\f403";

}

.zmdi-vimeo:before {

    content: "\f404";

}

.zmdi-whatsapp:before {

    content: "\f405";

}

.zmdi-xbox:before {

    content: "\f406";

}

.zmdi-yahoo:before {

    content: "\f407";

}

.zmdi-youtube-play:before {

    content: "\f408";

}

.zmdi-youtube:before {

    content: "\f409";

}

.zmdi-import-export:before {

    content: "\f30c";

}

.zmdi-swap-vertical-:before {

    content: "\f30c";

}

.zmdi-airplanemode-inactive:before {

    content: "\f102";

}

.zmdi-airplanemode-active:before {

    content: "\f103";

}

.zmdi-rate-review:before {

    content: "\f103";

}

.zmdi-comment-sign:before {

    content: "\f25a";

}

.zmdi-network-warning:before {

    content: "\f2ad";

}

.zmdi-shopping-cart-add:before {

    content: "\f1ca";

}

.zmdi-file-add:before {

    content: "\f221";

}

.zmdi-network-wifi-scan:before {

    content: "\f2e4";

}

.zmdi-collection-add:before {

    content: "\f14e";

}

.zmdi-format-playlist-add:before {

    content: "\f3ac";

}

.zmdi-format-queue-music:before {

    content: "\f3ab";

}

.zmdi-plus-box:before {

    content: "\f277";

}

.zmdi-tag-backspace:before {

    content: "\f1d9";

}

.zmdi-alarm-add:before {

    content: "\f32b";

}

.zmdi-battery-charging:before {

    content: "\f114";

}

.zmdi-daydream-setting:before {

    content: "\f217";

}

.zmdi-more-horiz:before {

    content: "\f19c";

}

.zmdi-book-photo:before {

    content: "\f11b";

}

.zmdi-incandescent:before {

    content: "\f189";

}

.zmdi-wb-iridescent:before {

    content: "\f38c";

}

.zmdi-calendar-remove:before {

    content: "\f330";

}

.zmdi-refresh-sync-disabled:before {

    content: "\f1b7";

}

.zmdi-refresh-sync-problem:before {

    content: "\f1b6";

}

.zmdi-crop-original:before {

    content: "\f17e";

}

.zmdi-power-off:before {

    content: "\f1af";

}

.zmdi-power-off-setting:before {

    content: "\f1ae";

}

.zmdi-leak-remove:before {

    content: "\f38d";

}

.zmdi-star-border:before {

    content: "\f27c";

}

.zmdi-brightness-low:before {

    content: "\f36d";

}

.zmdi-brightness-medium:before {

    content: "\f36e";

}

.zmdi-brightness-high:before {

    content: "\f36f";

}

.zmdi-smartphone-portrait:before {

    content: "\f2d4";

}

.zmdi-live-tv:before {

    content: "\f2d9";

}

.zmdi-format-textdirection-l-to-r:before {

    content: "\f249";

}

.zmdi-format-textdirection-r-to-l:before {

    content: "\f24a";

}

.zmdi-arrow-back:before {

    content: "\f2ea";

}

.zmdi-arrow-forward:before {

    content: "\f2ee";

}

.zmdi-arrow-in:before {

    content: "\f2e9";

}

.zmdi-arrow-out:before {

    content: "\f2ed";

}

.zmdi-rotate-90-degrees-ccw:before {

    content: "\f304";

}

.zmdi-adb:before {

    content: "\f33a";

}

.zmdi-network-wifi:before {

    content: "\f2e8";

}

.zmdi-network-wifi-alt:before {

    content: "\f2e3";

}

.zmdi-network-wifi-lock:before {

    content: "\f2e5";

}

.zmdi-network-wifi-off:before {

    content: "\f2e6";

}

.zmdi-network-wifi-outline:before {

    content: "\f2e7";

}

.zmdi-network-wifi-info:before {

    content: "\f2e4";

}

.zmdi-layers-clear:before {

    content: "\f18b";

}

.zmdi-colorize:before {

    content: "\f15d";

}

.zmdi-format-paint:before {

    content: "\f1ba";

}

.zmdi-format-quote:before {

    content: "\f1b2";

}

.zmdi-camera-monochrome-photos:before {

    content: "\f285";

}

.zmdi-sort-by-alpha:before {

    content: "\f1cf";

}

.zmdi-folder-shared:before {

    content: "\f225";

}

.zmdi-folder-special:before {

    content: "\f226";

}

.zmdi-comment-dots:before {

    content: "\f260";

}

.zmdi-reorder:before {

    content: "\f31e";

}

.zmdi-dehaze:before {

    content: "\f197";

}

.zmdi-sort:before {

    content: "\f1ce";

}

.zmdi-pages:before {

    content: "\f34a";

}

.zmdi-stack-overflow:before {

    content: "\f35c";

}

.zmdi-calendar-account:before {

    content: "\f204";

}

.zmdi-paste:before {

    content: "\f109";

}

.zmdi-cut:before {

    content: "\f1bc";

}

.zmdi-save:before {

    content: "\f297";

}

.zmdi-smartphone-code:before {

    content: "\f139";

}

.zmdi-directions-bike:before {

    content: "\f117";

}

.zmdi-directions-boat:before {

    content: "\f11a";

}

.zmdi-directions-bus:before {

    content: "\f121";

}

.zmdi-directions-car:before {

    content: "\f125";

}

.zmdi-directions-railway:before {

    content: "\f1b3";

}

.zmdi-directions-run:before {

    content: "\f215";

}

.zmdi-directions-subway:before {

    content: "\f1d5";

}

.zmdi-directions-walk:before {

    content: "\f216";

}

.zmdi-local-hotel:before {

    content: "\f178";

}

.zmdi-local-activity:before {

    content: "\f1df";

}

.zmdi-local-play:before {

    content: "\f1df";

}

.zmdi-local-airport:before {

    content: "\f103";

}

.zmdi-local-atm:before {

    content: "\f198";

}

.zmdi-local-bar:before {

    content: "\f137";

}

.zmdi-local-cafe:before {

    content: "\f13b";

}

.zmdi-local-car-wash:before {

    content: "\f124";

}

.zmdi-local-convenience-store:before {

    content: "\f1d3";

}

.zmdi-local-dining:before {

    content: "\f153";

}

.zmdi-local-drink:before {

    content: "\f157";

}

.zmdi-local-florist:before {

    content: "\f168";

}

.zmdi-local-gas-station:before {

    content: "\f16f";

}

.zmdi-local-grocery-store:before {

    content: "\f1cb";

}

.zmdi-local-hospital:before {

    content: "\f177";

}

.zmdi-local-laundry-service:before {

    content: "\f1e9";

}

.zmdi-local-library:before {

    content: "\f18d";

}

.zmdi-local-mall:before {

    content: "\f195";

}

.zmdi-local-movies:before {

    content: "\f19d";

}

.zmdi-local-offer:before {

    content: "\f187";

}

.zmdi-local-parking:before {

    content: "\f1a5";

}

.zmdi-local-parking:before {

    content: "\f1a5";

}

.zmdi-local-pharmacy:before {

    content: "\f176";

}

.zmdi-local-phone:before {

    content: "\f2be";

}

.zmdi-local-pizza:before {

    content: "\f1ac";

}

.zmdi-local-post-office:before {

    content: "\f15a";

}

.zmdi-local-printshop:before {

    content: "\f1b0";

}

.zmdi-local-see:before {

    content: "\f28c";

}

.zmdi-local-shipping:before {

    content: "\f1e6";

}

.zmdi-local-store:before {

    content: "\f1d4";

}

.zmdi-local-taxi:before {

    content: "\f123";

}

.zmdi-local-wc:before {

    content: "\f211";

}

.zmdi-my-location:before {

    content: "\f299";

}

.zmdi-directions:before {

    content: "\f1e7";

}

.waves-effect {

    position: relative;

    cursor: pointer;

    display: inline-block;

    overflow: hidden;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-tap-highlight-color: transparent;

}

.waves-effect .waves-ripple {

    position: absolute;

    border-radius: 50%;

    width: 100px;

    height: 100px;

    margin-top: -50px;

    margin-left: -50px;

    opacity: 0;

    background: rgba(0, 0, 0, 0.2);

    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);

    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);

    background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);

    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    -webkit-transition-property: -webkit-transform, opacity;

    -moz-transition-property: -moz-transform, opacity;

    -o-transition-property: -o-transform, opacity;

    transition-property: transform, opacity;

    -webkit-transform: scale(0) translate(0, 0);

    -moz-transform: scale(0) translate(0, 0);

    -ms-transform: scale(0) translate(0, 0);

    -o-transform: scale(0) translate(0, 0);

    transform: scale(0) translate(0, 0);

    pointer-events: none;

}

.waves-effect.waves-light .waves-ripple {

    background: rgba(255, 255, 255, 0.4);

    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);

    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);

    background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);

    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);

}

.waves-effect.waves-classic .waves-ripple {

    background: rgba(0, 0, 0, 0.2);

}

.waves-effect.waves-classic.waves-light .waves-ripple {

    background: rgba(255, 255, 255, 0.4);

}

.waves-notransition {

    -webkit-transition: none !important;

    -moz-transition: none !important;

    -o-transition: none !important;

    transition: none !important;

}

.waves-button,

.waves-circle {

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%);

}

.waves-button,

.waves-button:hover,

.waves-button:visited,

.waves-button-input {

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    border: none;

    outline: none;

    color: inherit;

    background-color: transparent;

    font-size: 1em;

    line-height: 1em;

    text-align: center;

    text-decoration: none;

    z-index: 1;

}

.waves-button {

    padding: 0.85em 1.1em;

    border-radius: 0.2em;

}

.waves-button-input {

    margin: 0;

    padding: 0.85em 1.1em;

}

.waves-input-wrapper {

    border-radius: 0.2em;

    vertical-align: bottom;

}

.waves-input-wrapper.waves-button {

    padding: 0;

}

.waves-input-wrapper .waves-button-input {

    position: relative;

    top: 0;

    left: 0;

    z-index: 1;

}

.waves-circle {

    text-align: center;

    width: 2.5em;

    height: 2.5em;

    line-height: 2.5em;

    border-radius: 50%;

}

.waves-float {

    -webkit-mask-image: none;

    -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);

    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);

    -webkit-transition: all 300ms;

    -moz-transition: all 300ms;

    -o-transition: all 300ms;

    transition: all 300ms;

}

.waves-float:active {

    -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);

}

.waves-block {

    display: block;

}

.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

.animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}

.animated.hinge {

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

}

.animated.flipOutX,

.animated.flipOutY,

.animated.bounceIn,

.animated.bounceOut {

    -webkit-animation-duration: 0.75s;

    animation-duration: 0.75s;

}

@-webkit-keyframes bounce {

    from,

    20%,

    53%,

    80%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    40%,

    43% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0);

    }

    70% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0);

    }

    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0);

    }

}

@keyframes bounce {

    from,

    20%,

    53%,

    80%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    40%,

    43% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0);

    }

    70% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0);

    }

    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0);

    }

}

.bounce {

    -webkit-animation-name: bounce;

    animation-name: bounce;

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

}

@-webkit-keyframes flash {

    from,

    50%,

    to {

        opacity: 1;

    }

    25%,

    75% {

        opacity: 0;

    }

}

@keyframes flash {

    from,

    50%,

    to {

        opacity: 1;

    }

    25%,

    75% {

        opacity: 0;

    }

}

.flash {

    -webkit-animation-name: flash;

    animation-name: flash;

}

@-webkit-keyframes pulse {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05);

    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}

@keyframes pulse {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05);

    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}

.pulse {

    -webkit-animation-name: pulse;

    animation-name: pulse;

}

@-webkit-keyframes rubberBand {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    30% {

        -webkit-transform: scale3d(1.25, 0.75, 1);

        transform: scale3d(1.25, 0.75, 1);

    }

    40% {

        -webkit-transform: scale3d(0.75, 1.25, 1);

        transform: scale3d(0.75, 1.25, 1);

    }

    50% {

        -webkit-transform: scale3d(1.15, 0.85, 1);

        transform: scale3d(1.15, 0.85, 1);

    }

    65% {

        -webkit-transform: scale3d(0.95, 1.05, 1);

        transform: scale3d(0.95, 1.05, 1);

    }

    75% {

        -webkit-transform: scale3d(1.05, 0.95, 1);

        transform: scale3d(1.05, 0.95, 1);

    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}

@keyframes rubberBand {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    30% {

        -webkit-transform: scale3d(1.25, 0.75, 1);

        transform: scale3d(1.25, 0.75, 1);

    }

    40% {

        -webkit-transform: scale3d(0.75, 1.25, 1);

        transform: scale3d(0.75, 1.25, 1);

    }

    50% {

        -webkit-transform: scale3d(1.15, 0.85, 1);

        transform: scale3d(1.15, 0.85, 1);

    }

    65% {

        -webkit-transform: scale3d(0.95, 1.05, 1);

        transform: scale3d(0.95, 1.05, 1);

    }

    75% {

        -webkit-transform: scale3d(1.05, 0.95, 1);

        transform: scale3d(1.05, 0.95, 1);

    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}

.rubberBand {

    -webkit-animation-name: rubberBand;

    animation-name: rubberBand;

}

@-webkit-keyframes shake {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    10%,

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0);

    }

    20%,

    40%,

    60%,

    80% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0);

    }

}

@keyframes shake {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    10%,

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0);

    }

    20%,

    40%,

    60%,

    80% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0);

    }

}

.shake {

    -webkit-animation-name: shake;

    animation-name: shake;

}

@-webkit-keyframes headShake {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

    6.5% {

        -webkit-transform: translateX(-6px) rotateY(-9deg);

        transform: translateX(-6px) rotateY(-9deg);

    }

    18.5% {

        -webkit-transform: translateX(5px) rotateY(7deg);

        transform: translateX(5px) rotateY(7deg);

    }

    31.5% {

        -webkit-transform: translateX(-3px) rotateY(-5deg);

        transform: translateX(-3px) rotateY(-5deg);

    }

    43.5% {

        -webkit-transform: translateX(2px) rotateY(3deg);

        transform: translateX(2px) rotateY(3deg);

    }

    50% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}

@keyframes headShake {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

    6.5% {

        -webkit-transform: translateX(-6px) rotateY(-9deg);

        transform: translateX(-6px) rotateY(-9deg);

    }

    18.5% {

        -webkit-transform: translateX(5px) rotateY(7deg);

        transform: translateX(5px) rotateY(7deg);

    }

    31.5% {

        -webkit-transform: translateX(-3px) rotateY(-5deg);

        transform: translateX(-3px) rotateY(-5deg);

    }

    43.5% {

        -webkit-transform: translateX(2px) rotateY(3deg);

        transform: translateX(2px) rotateY(3deg);

    }

    50% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}

.headShake {

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    -webkit-animation-name: headShake;

    animation-name: headShake;

}

@-webkit-keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg);

    }

    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg);

    }

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg);

    }

    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg);

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg);

    }

}

@keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg);

    }

    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg);

    }

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg);

    }

    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg);

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg);

    }

}

.swing {

    -webkit-transform-origin: top center;

    transform-origin: top center;

    -webkit-animation-name: swing;

    animation-name: swing;

}

@-webkit-keyframes tada {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    10%,

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    }

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    }

    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}

@keyframes tada {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    10%,

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    }

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    }

    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}

.tada {

    -webkit-animation-name: tada;

    animation-name: tada;

}

@-webkit-keyframes wobble {

    from {

        -webkit-transform: none;

        transform: none;

    }

    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    }

    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    }

    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    }

    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    }

    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    }

    to {

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes wobble {

    from {

        -webkit-transform: none;

        transform: none;

    }

    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    }

    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    }

    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    }

    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    }

    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    }

    to {

        -webkit-transform: none;

        transform: none;

    }

}

.wobble {

    -webkit-animation-name: wobble;

    animation-name: wobble;

}

@-webkit-keyframes jello {

    from,

    11.1%,

    to {

        -webkit-transform: none;

        transform: none;

    }

    22.2% {

        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

        transform: skewX(-12.5deg) skewY(-12.5deg);

    }

    33.3% {

        -webkit-transform: skewX(6.25deg) skewY(6.25deg);

        transform: skewX(6.25deg) skewY(6.25deg);

    }

    44.4% {

        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

        transform: skewX(-3.125deg) skewY(-3.125deg);

    }

    55.5% {

        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

        transform: skewX(1.5625deg) skewY(1.5625deg);

    }

    66.6% {

        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

        transform: skewX(-0.78125deg) skewY(-0.78125deg);

    }

    77.7% {

        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

        transform: skewX(0.390625deg) skewY(0.390625deg);

    }

    88.8% {

        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    }

}

@keyframes jello {

    from,

    11.1%,

    to {

        -webkit-transform: none;

        transform: none;

    }

    22.2% {

        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

        transform: skewX(-12.5deg) skewY(-12.5deg);

    }

    33.3% {

        -webkit-transform: skewX(6.25deg) skewY(6.25deg);

        transform: skewX(6.25deg) skewY(6.25deg);

    }

    44.4% {

        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

        transform: skewX(-3.125deg) skewY(-3.125deg);

    }

    55.5% {

        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

        transform: skewX(1.5625deg) skewY(1.5625deg);

    }

    66.6% {

        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

        transform: skewX(-0.78125deg) skewY(-0.78125deg);

    }

    77.7% {

        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

        transform: skewX(0.390625deg) skewY(0.390625deg);

    }

    88.8% {

        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    }

}

.jello {

    -webkit-animation-name: jello;

    animation-name: jello;

    -webkit-transform-origin: center;

    transform-origin: center;

}

@-webkit-keyframes bounceIn {

    from,

    20%,

    40%,

    60%,

    80%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    40% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9);

        transform: scale3d(0.9, 0.9, 0.9);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03);

    }

    80% {

        -webkit-transform: scale3d(0.97, 0.97, 0.97);

        transform: scale3d(0.97, 0.97, 0.97);

    }

    to {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}

@keyframes bounceIn {

    from,

    20%,

    40%,

    60%,

    80%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    40% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9);

        transform: scale3d(0.9, 0.9, 0.9);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03);

    }

    80% {

        -webkit-transform: scale3d(0.97, 0.97, 0.97);

        transform: scale3d(0.97, 0.97, 0.97);

    }

    to {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}

.bounceIn {

    -webkit-animation-name: bounceIn;

    animation-name: bounceIn;

}

@-webkit-keyframes bounceInDown {

    from,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0);

    }

    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);

    }

    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0);

    }

    to {

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes bounceInDown {

    from,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0);

    }

    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);

    }

    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0);

    }

    to {

        -webkit-transform: none;

        transform: none;

    }

}

.bounceInDown {

    -webkit-animation-name: bounceInDown;

    animation-name: bounceInDown;

}

@-webkit-keyframes bounceInLeft {

    from,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0);

    }

    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0);

    }

    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0);

    }

    to {

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes bounceInLeft {

    from,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0);

    }

    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0);

    }

    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0);

    }

    to {

        -webkit-transform: none;

        transform: none;

    }

}

.bounceInLeft {

    -webkit-animation-name: bounceInLeft;

    animation-name: bounceInLeft;

}

@-webkit-keyframes bounceInRight {

    from,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0);

    }

    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0);

    }

    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0);

    }

    to {

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes bounceInRight {

    from,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0);

    }

    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0);

    }

    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0);

    }

    to {

        -webkit-transform: none;

        transform: none;

    }

}

.bounceInRight {

    -webkit-animation-name: bounceInRight;

    animation-name: bounceInRight;

}

@-webkit-keyframes bounceInUp {

    from,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);

    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}

@keyframes bounceInUp {

    from,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);

    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}

.bounceInUp {

    -webkit-animation-name: bounceInUp;

    animation-name: bounceInUp;

}

@-webkit-keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9);

        transform: scale3d(0.9, 0.9, 0.9);

    }

    50%,

    55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

}

@keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9);

        transform: scale3d(0.9, 0.9, 0.9);

    }

    50%,

    55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

}

.bounceOut {

    -webkit-animation-name: bounceOut;

    animation-name: bounceOut;

}

@-webkit-keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

}

@keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

}

.bounceOutDown {

    -webkit-animation-name: bounceOutDown;

    animation-name: bounceOutDown;

}

@-webkit-keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

}

@keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

}

.bounceOutLeft {

    -webkit-animation-name: bounceOutLeft;

    animation-name: bounceOutLeft;

}

@-webkit-keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

}

@keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

}

.bounceOutRight {

    -webkit-animation-name: bounceOutRight;

    animation-name: bounceOutRight;

}

@-webkit-keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

}

@keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

}

.bounceOutUp {

    -webkit-animation-name: bounceOutUp;

    animation-name: bounceOutUp;

}

@-webkit-keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}

@keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}

.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn;

}

@-webkit-keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}

@-webkit-keyframes fadeInDownBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInDownBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.fadeInDownBig {

    -webkit-animation-name: fadeInDownBig;

    animation-name: fadeInDownBig;

}

@-webkit-keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft;

}

@-webkit-keyframes fadeInLeftBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInLeftBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.fadeInLeftBig {

    -webkit-animation-name: fadeInLeftBig;

    animation-name: fadeInLeftBig;

}

@-webkit-keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight;

}

@-webkit-keyframes fadeInRightBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInRightBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.fadeInRightBig {

    -webkit-animation-name: fadeInRightBig;

    animation-name: fadeInRightBig;

}

@-webkit-keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

}

@-webkit-keyframes fadeInUpBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInUpBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.fadeInUpBig {

    -webkit-animation-name: fadeInUpBig;

    animation-name: fadeInUpBig;

}

@-webkit-keyframes fadeOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

    }

}

@keyframes fadeOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

    }

}

.fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut;

}

@-webkit-keyframes fadeOutDown {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

}

@keyframes fadeOutDown {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

}

.fadeOutDown {

    -webkit-animation-name: fadeOutDown;

    animation-name: fadeOutDown;

}

@-webkit-keyframes fadeOutDownBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

}

@keyframes fadeOutDownBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

}

.fadeOutDownBig {

    -webkit-animation-name: fadeOutDownBig;

    animation-name: fadeOutDownBig;

}

@-webkit-keyframes fadeOutLeft {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

}

@keyframes fadeOutLeft {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

}

.fadeOutLeft {

    -webkit-animation-name: fadeOutLeft;

    animation-name: fadeOutLeft;

}

@-webkit-keyframes fadeOutLeftBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

}

@keyframes fadeOutLeftBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

}

.fadeOutLeftBig {

    -webkit-animation-name: fadeOutLeftBig;

    animation-name: fadeOutLeftBig;

}

@-webkit-keyframes fadeOutRight {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

}

@keyframes fadeOutRight {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

}

.fadeOutRight {

    -webkit-animation-name: fadeOutRight;

    animation-name: fadeOutRight;

}

@-webkit-keyframes fadeOutRightBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

}

@keyframes fadeOutRightBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

}

.fadeOutRightBig {

    -webkit-animation-name: fadeOutRightBig;

    animation-name: fadeOutRightBig;

}

@-webkit-keyframes fadeOutUp {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

}

@keyframes fadeOutUp {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

}

.fadeOutUp {

    -webkit-animation-name: fadeOutUp;

    animation-name: fadeOutUp;

}

@-webkit-keyframes fadeOutUpBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

}

@keyframes fadeOutUpBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

}

.fadeOutUpBig {

    -webkit-animation-name: fadeOutUpBig;

    animation-name: fadeOutUpBig;

}

@-webkit-keyframes flip {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

    40% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

    50% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    80% {

        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

}

@keyframes flip {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

    40% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

    50% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    80% {

        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

}

.animated.flip {

    -webkit-backface-visibility: visible;

    backface-visibility: visible;

    -webkit-animation-name: flip;

    animation-name: flip;

}

@-webkit-keyframes flipInX {

    from {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}

@keyframes flipInX {

    from {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}

.flipInX {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInX;

    animation-name: flipInX;

}

@-webkit-keyframes flipInY {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}

@keyframes flipInY {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}

.flipInY {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInY;

    animation-name: flipInY;

}

@-webkit-keyframes flipOutX {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1;

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0;

    }

}

@keyframes flipOutX {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1;

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0;

    }

}

.flipOutX {

    -webkit-animation-name: flipOutX;

    animation-name: flipOutX;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

}

@-webkit-keyframes flipOutY {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1;

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0;

    }

}

@keyframes flipOutY {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1;

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0;

    }

}

.flipOutY {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipOutY;

    animation-name: flipOutY;

}

@-webkit-keyframes lightSpeedIn {

    from {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0;

    }

    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg);

        opacity: 1;

    }

    to {

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

@keyframes lightSpeedIn {

    from {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0;

    }

    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg);

        opacity: 1;

    }

    to {

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

.lightSpeedIn {

    -webkit-animation-name: lightSpeedIn;

    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

}

@-webkit-keyframes lightSpeedOut {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0;

    }

}

@keyframes lightSpeedOut {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0;

    }

}

.lightSpeedOut {

    -webkit-animation-name: lightSpeedOut;

    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

}

@-webkit-keyframes rotateIn {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

@keyframes rotateIn {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

.rotateIn {

    -webkit-animation-name: rotateIn;

    animation-name: rotateIn;

}

@-webkit-keyframes rotateInDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

@keyframes rotateInDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

.rotateInDownLeft {

    -webkit-animation-name: rotateInDownLeft;

    animation-name: rotateInDownLeft;

}

@-webkit-keyframes rotateInDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

@keyframes rotateInDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

.rotateInDownRight {

    -webkit-animation-name: rotateInDownRight;

    animation-name: rotateInDownRight;

}

@-webkit-keyframes rotateInUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

@keyframes rotateInUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

.rotateInUpLeft {

    -webkit-animation-name: rotateInUpLeft;

    animation-name: rotateInUpLeft;

}

@-webkit-keyframes rotateInUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

@keyframes rotateInUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

.rotateInUpRight {

    -webkit-animation-name: rotateInUpRight;

    animation-name: rotateInUpRight;

}

@-webkit-keyframes rotateOut {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0;

    }

}

@keyframes rotateOut {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0;

    }

}

.rotateOut {

    -webkit-animation-name: rotateOut;

    animation-name: rotateOut;

}

@-webkit-keyframes rotateOutDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

}

@keyframes rotateOutDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

}

.rotateOutDownLeft {

    -webkit-animation-name: rotateOutDownLeft;

    animation-name: rotateOutDownLeft;

}

@-webkit-keyframes rotateOutDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}

@keyframes rotateOutDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}

.rotateOutDownRight {

    -webkit-animation-name: rotateOutDownRight;

    animation-name: rotateOutDownRight;

}

@-webkit-keyframes rotateOutUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}

@keyframes rotateOutUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}

.rotateOutUpLeft {

    -webkit-animation-name: rotateOutUpLeft;

    animation-name: rotateOutUpLeft;

}

@-webkit-keyframes rotateOutUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0;

    }

}

@keyframes rotateOutUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0;

    }

}

.rotateOutUpRight {

    -webkit-animation-name: rotateOutUpRight;

    animation-name: rotateOutUpRight;

}

@-webkit-keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }

    20%,

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }

    40%,

    80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1;

    }

    to {

        -webkit-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0;

    }

}

@keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }

    20%,

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }

    40%,

    80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1;

    }

    to {

        -webkit-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0;

    }

}

.hinge {

    -webkit-animation-name: hinge;

    animation-name: hinge;

}

@-webkit-keyframes rollIn {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes rollIn {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.rollIn {

    -webkit-animation-name: rollIn;

    animation-name: rollIn;

}

@-webkit-keyframes rollOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    }

}

@keyframes rollOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    }

}

.rollOut {

    -webkit-animation-name: rollOut;

    animation-name: rollOut;

}

@-webkit-keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    50% {

        opacity: 1;

    }

}

@keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    50% {

        opacity: 1;

    }

}

.zoomIn {

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn;

}

@-webkit-keyframes zoomInDown {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}

@keyframes zoomInDown {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}

.zoomInDown {

    -webkit-animation-name: zoomInDown;

    animation-name: zoomInDown;

}

@-webkit-keyframes zoomInLeft {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}

@keyframes zoomInLeft {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}

.zoomInLeft {

    -webkit-animation-name: zoomInLeft;

    animation-name: zoomInLeft;

}

@-webkit-keyframes zoomInRight {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}

@keyframes zoomInRight {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}

.zoomInRight {

    -webkit-animation-name: zoomInRight;

    animation-name: zoomInRight;

}

@-webkit-keyframes zoomInUp {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}

@keyframes zoomInUp {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}

.zoomInUp {

    -webkit-animation-name: zoomInUp;

    animation-name: zoomInUp;

}

@-webkit-keyframes zoomOut {

    from {

        opacity: 1;

    }

    50% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    to {

        opacity: 0;

    }

}

@keyframes zoomOut {

    from {

        opacity: 1;

    }

    50% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    to {

        opacity: 0;

    }

}

.zoomOut {

    -webkit-animation-name: zoomOut;

    animation-name: zoomOut;

}

@-webkit-keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}

@keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}

.zoomOutDown {

    -webkit-animation-name: zoomOutDown;

    animation-name: zoomOutDown;

}

@-webkit-keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

        transform: scale(0.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        transform-origin: left center;

    }

}

@keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

        transform: scale(0.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        transform-origin: left center;

    }

}

.zoomOutLeft {

    -webkit-animation-name: zoomOutLeft;

    animation-name: zoomOutLeft;

}

@-webkit-keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

        transform: scale(0.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center;

    }

}

@keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

        transform: scale(0.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center;

    }

}

.zoomOutRight {

    -webkit-animation-name: zoomOutRight;

    animation-name: zoomOutRight;

}

@-webkit-keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}

@keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}

.zoomOutUp {

    -webkit-animation-name: zoomOutUp;

    animation-name: zoomOutUp;

}

@-webkit-keyframes slideInDown {

    from {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}

@keyframes slideInDown {

    from {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}

.slideInDown {

    -webkit-animation-name: slideInDown;

    animation-name: slideInDown;

}

@-webkit-keyframes slideInLeft {

    from {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}

@keyframes slideInLeft {

    from {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}

.slideInLeft {

    -webkit-animation-name: slideInLeft;

    animation-name: slideInLeft;

}

@-webkit-keyframes slideInRight {

    from {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}

@keyframes slideInRight {

    from {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}

.slideInRight {

    -webkit-animation-name: slideInRight;

    animation-name: slideInRight;

}

@-webkit-keyframes slideInUp {

    from {

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}

@keyframes slideInUp {

    from {

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}

.slideInUp {

    -webkit-animation-name: slideInUp;

    animation-name: slideInUp;

}

@-webkit-keyframes slideOutDown {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

}

@keyframes slideOutDown {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

}

.slideOutDown {

    -webkit-animation-name: slideOutDown;

    animation-name: slideOutDown;

}

@-webkit-keyframes slideOutLeft {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

}

@keyframes slideOutLeft {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

}

.slideOutLeft {

    -webkit-animation-name: slideOutLeft;

    animation-name: slideOutLeft;

}

@-webkit-keyframes slideOutRight {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

}

@keyframes slideOutRight {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

}

.slideOutRight {

    -webkit-animation-name: slideOutRight;

    animation-name: slideOutRight;

}

@-webkit-keyframes slideOutUp {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

}

@keyframes slideOutUp {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

}

.slideOutUp {

    -webkit-animation-name: slideOutUp;

    animation-name: slideOutUp;

}

.n-top {

    z-index: 7 !important;

}

.navbar {

    font-family: "Roboto", sans-serif;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    box-shadow: none;

    border: none;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 12;

    width: 100%;

    padding: 9px;

    background-color: transparent;

}

.navbar .navbar-brand {

    white-space: nowrap;

    -ms-text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    overflow: hidden;

}

.navbar > .col-12 {

    padding: 0;

}

.navbar .navbar-toggle {

    text-decoration: none;

    color: #fff;

    width: 20px;

    height: 20px;

    margin-top: -4px;

    margin-right: 17px;

}

.navbar .navbar-toggle:before {

    content: "\E8D5";

    font-family: "Material Icons";

    font-size: 26px;

}

.navbar .navbar-collapse.in {

    overflow: visible;

}

.ls-closed .sidebar {

    margin-left: -300px;

    background: #30373e;

    top: 0;

}

.ls-closed .sidebar .info-container .name {

    color: #444 !important;

}

.ls-closed section.content {

    margin-left: 15px;

}

.ls-closed .bars:after,

.ls-closed .bars:before {

    font-family: "Material Icons";

    font-size: 24px;

    position: absolute;

    top: 4px;

    left: 4px;

    margin-right: 10px;

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    -webkit-transform: scale(0);

    transform: scale(0);

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}

.ls-closed .bars:before {

    content: "\f313";

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    -webkit-transform: scale(1);

    transform: scale(1);

    font-family: Material-Design-Iconic-Font;

}

.ls-closed .bars:after {

    content: "\f2ea";

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    -webkit-transform: scale(0);

    transform: scale(0);

    font-family: Material-Design-Iconic-Font;

}

.ls-closed .navbar-brand {

    margin-left: 30px;

}

.overlay-open .bars:before {

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    -webkit-transform: scale(0);

    transform: scale(0);

}

.overlay-open .bars:after {

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    -webkit-transform: scale(1);

    transform: scale(1);

}

.navbar-header {

    padding: 0;

    display: inline-block;

}

.navbar-header .bars {

    float: left;

    text-decoration: none;

}

.navbar-nav {

    margin-right: 0;

    float: right;

    flex-direction: unset;

    padding: 7px;

}

.navbar-nav > li > a {

    padding: 7px 12px 5px 12px;

}

.navbar-nav > li > a::after {

    display: none;

}

.label-count {

    position: absolute;

    top: -3px;

    right: -2px;

    font-size: 10px;

    line-height: 15px;

    background-color: #000;

    padding: 0 4px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    border-radius: 3px;

}

.col-red .navbar .navbar-brand,

.col-red .navbar .navbar-brand:hover,

.col-red .navbar .navbar-brand:active,

.col-red .navbar .navbar-brand:focus {

    color: #fff;

}

.col-red .navbar .nav > li > a:hover,

.col-red .navbar .nav > li > a:focus,

.col-red .navbar .nav .open > a,

.col-red .navbar .nav .open > a:hover,

.col-red .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-red .navbar .nav > li > a {

    color: #fff;

}

.col-red .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-red .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-pink .navbar .navbar-brand,

.col-pink .navbar .navbar-brand:hover,

.col-pink .navbar .navbar-brand:active,

.col-pink .navbar .navbar-brand:focus {

    color: #fff;

}

.col-pink .navbar .nav > li > a:hover,

.col-pink .navbar .nav > li > a:focus,

.col-pink .navbar .nav .open > a,

.col-pink .navbar .nav .open > a:hover,

.col-pink .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-pink .navbar .nav > li > a {

    color: #fff;

}

.col-pink .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-pink .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-purple .navbar .navbar-brand,

.col-purple .navbar .navbar-brand:hover,

.col-purple .navbar .navbar-brand:active,

.col-purple .navbar .navbar-brand:focus {

    color: #fff;

}

.col-purple .navbar .nav > li > a:hover,

.col-purple .navbar .nav > li > a:focus,

.col-purple .navbar .nav .open > a,

.col-purple .navbar .nav .open > a:hover,

.col-purple .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-purple .navbar .nav > li > a {

    color: #fff;

}

.col-purple .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-purple .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-deep-purple .navbar .navbar-brand,

.col-deep-purple .navbar .navbar-brand:hover,

.col-deep-purple .navbar .navbar-brand:active,

.col-deep-purple .navbar .navbar-brand:focus {

    color: #fff;

}

.col-deep-purple .navbar .nav > li > a:hover,

.col-deep-purple .navbar .nav > li > a:focus,

.col-deep-purple .navbar .nav .open > a,

.col-deep-purple .navbar .nav .open > a:hover,

.col-deep-purple .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-deep-purple .navbar .nav > li > a {

    color: #fff;

}

.col-deep-purple .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-deep-purple .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-blue .navbar .navbar-brand,

.col-blue .navbar .navbar-brand:hover,

.col-blue .navbar .navbar-brand:active,

.col-blue .navbar .navbar-brand:focus {

    color: #fff;

}

.col-blue .navbar .nav > li > a:hover,

.col-blue .navbar .nav > li > a:focus,

.col-blue .navbar .nav .open > a,

.col-blue .navbar .nav .open > a:hover,

.col-blue .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-blue .navbar .nav > li > a {

    color: #fff;

}

.col-blue .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-blue .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-cyan .navbar .navbar-brand,

.col-cyan .navbar .navbar-brand:hover,

.col-cyan .navbar .navbar-brand:active,

.col-cyan .navbar .navbar-brand:focus {

    color: #fff;

}

.col-cyan .navbar .nav > li > a:hover,

.col-cyan .navbar .nav > li > a:focus,

.col-cyan .navbar .nav .open > a,

.col-cyan .navbar .nav .open > a:hover,

.col-cyan .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-cyan .navbar .nav > li > a {

    color: #fff;

}

.col-cyan .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-cyan .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-green .navbar .navbar-brand,

.col-green .navbar .navbar-brand:hover,

.col-green .navbar .navbar-brand:active,

.col-green .navbar .navbar-brand:focus {

    color: #fff;

}

.col-green .navbar .nav > li > a:hover,

.col-green .navbar .nav > li > a:focus,

.col-green .navbar .nav .open > a,

.col-green .navbar .nav .open > a:hover,

.col-green .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-green .navbar .nav > li > a {

    color: #fff;

}

.col-green .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-green .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-light-green .navbar .navbar-brand,

.col-light-green .navbar .navbar-brand:hover,

.col-light-green .navbar .navbar-brand:active,

.col-light-green .navbar .navbar-brand:focus {

    color: #fff;

}

.col-light-green .navbar .nav > li > a:hover,

.col-light-green .navbar .nav > li > a:focus,

.col-light-green .navbar .nav .open > a,

.col-light-green .navbar .nav .open > a:hover,

.col-light-green .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-light-green .navbar .nav > li > a {

    color: #fff;

}

.col-light-green .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-light-green .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-yellow .navbar .navbar-brand,

.col-yellow .navbar .navbar-brand:hover,

.col-yellow .navbar .navbar-brand:active,

.col-yellow .navbar .navbar-brand:focus {

    color: #fff;

}

.col-yellow .navbar .nav > li > a:hover,

.col-yellow .navbar .nav > li > a:focus,

.col-yellow .navbar .nav .open > a,

.col-yellow .navbar .nav .open > a:hover,

.col-yellow .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-yellow .navbar .nav > li > a {

    color: #fff;

}

.col-yellow .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-yellow .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-orange .navbar .navbar-brand,

.col-orange .navbar .navbar-brand:hover,

.col-orange .navbar .navbar-brand:active,

.col-orange .navbar .navbar-brand:focus {

    color: #fff;

}

.col-orange .navbar .nav > li > a:hover,

.col-orange .navbar .nav > li > a:focus,

.col-orange .navbar .nav .open > a,

.col-orange .navbar .nav .open > a:hover,

.col-orange .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-orange .navbar .nav > li > a {

    color: #fff;

}

.col-orange .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-orange .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-deep-orange .navbar .navbar-brand,

.col-deep-orange .navbar .navbar-brand:hover,

.col-deep-orange .navbar .navbar-brand:active,

.col-deep-orange .navbar .navbar-brand:focus {

    color: #fff;

}

.col-deep-orange .navbar .nav > li > a:hover,

.col-deep-orange .navbar .nav > li > a:focus,

.col-deep-orange .navbar .nav .open > a,

.col-deep-orange .navbar .nav .open > a:hover,

.col-deep-orange .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-deep-orange .navbar .nav > li > a {

    color: #fff;

}

.col-deep-orange .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-deep-orange .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-grey .navbar .navbar-brand,

.col-grey .navbar .navbar-brand:hover,

.col-grey .navbar .navbar-brand:active,

.col-grey .navbar .navbar-brand:focus {

    color: #fff;

}

.col-grey .navbar .nav > li > a:hover,

.col-grey .navbar .nav > li > a:focus,

.col-grey .navbar .nav .open > a,

.col-grey .navbar .nav .open > a:hover,

.col-grey .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-grey .navbar .nav > li > a {

    color: #fff;

}

.col-grey .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-grey .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-blue-grey .navbar .navbar-brand,

.col-blue-grey .navbar .navbar-brand:hover,

.col-blue-grey .navbar .navbar-brand:active,

.col-blue-grey .navbar .navbar-brand:focus {

    color: #fff;

}

.col-blue-grey .navbar .nav > li > a:hover,

.col-blue-grey .navbar .nav > li > a:focus,

.col-blue-grey .navbar .nav .open > a,

.col-blue-grey .navbar .nav .open > a:hover,

.col-blue-grey .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-blue-grey .navbar .nav > li > a {

    color: #fff;

}

.col-blue-grey .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-blue-grey .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-indigo .navbar .navbar-brand,

.col-indigo .navbar .navbar-brand:hover,

.col-indigo .navbar .navbar-brand:active,

.col-indigo .navbar .navbar-brand:focus {

    color: #fff;

}

.col-indigo .navbar .nav > li > a:hover,

.col-indigo .navbar .nav > li > a:focus,

.col-indigo .navbar .nav .open > a,

.col-indigo .navbar .nav .open > a:hover,

.col-indigo .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-indigo .navbar .nav > li > a {

    color: #fff;

}

.col-indigo .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-indigo .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-light-blue .navbar .navbar-brand,

.col-light-blue .navbar .navbar-brand:hover,

.col-light-blue .navbar .navbar-brand:active,

.col-light-blue .navbar .navbar-brand:focus {

    color: #fff;

}

.col-light-blue .navbar .nav > li > a:hover,

.col-light-blue .navbar .nav > li > a:focus,

.col-light-blue .navbar .nav .open > a,

.col-light-blue .navbar .nav .open > a:hover,

.col-light-blue .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-light-blue .navbar .nav > li > a {

    color: #fff;

}

.col-light-blue .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-light-blue .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-teal .navbar .navbar-brand,

.col-teal .navbar .navbar-brand:hover,

.col-teal .navbar .navbar-brand:active,

.col-teal .navbar .navbar-brand:focus {

    color: #fff;

}

.col-teal .navbar .nav > li > a:hover,

.col-teal .navbar .nav > li > a:focus,

.col-teal .navbar .nav .open > a,

.col-teal .navbar .nav .open > a:hover,

.col-teal .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-teal .navbar .nav > li > a {

    color: #fff;

}

.col-teal .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-teal .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-lime .navbar .navbar-brand,

.col-lime .navbar .navbar-brand:hover,

.col-lime .navbar .navbar-brand:active,

.col-lime .navbar .navbar-brand:focus {

    color: #fff;

}

.col-lime .navbar .nav > li > a:hover,

.col-lime .navbar .nav > li > a:focus,

.col-lime .navbar .nav .open > a,

.col-lime .navbar .nav .open > a:hover,

.col-lime .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-lime .navbar .nav > li > a {

    color: #fff;

}

.col-lime .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-lime .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-amber .navbar .navbar-brand,

.col-amber .navbar .navbar-brand:hover,

.col-amber .navbar .navbar-brand:active,

.col-amber .navbar .navbar-brand:focus {

    color: #fff;

}

.col-amber .navbar .nav > li > a:hover,

.col-amber .navbar .nav > li > a:focus,

.col-amber .navbar .nav .open > a,

.col-amber .navbar .nav .open > a:hover,

.col-amber .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-amber .navbar .nav > li > a {

    color: #fff;

}

.col-amber .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-amber .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-brown .navbar .navbar-brand,

.col-brown .navbar .navbar-brand:hover,

.col-brown .navbar .navbar-brand:active,

.col-brown .navbar .navbar-brand:focus {

    color: #fff;

}

.col-brown .navbar .nav > li > a:hover,

.col-brown .navbar .nav > li > a:focus,

.col-brown .navbar .nav .open > a,

.col-brown .navbar .nav .open > a:hover,

.col-brown .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-brown .navbar .nav > li > a {

    color: #fff;

}

.col-brown .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-brown .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-blush .navbar .navbar-brand,

.col-blush .navbar .navbar-brand:hover,

.col-blush .navbar .navbar-brand:active,

.col-blush .navbar .navbar-brand:focus {

    color: #fff;

}

.col-blush .navbar .nav > li > a:hover,

.col-blush .navbar .nav > li > a:focus,

.col-blush .navbar .nav .open > a,

.col-blush .navbar .nav .open > a:hover,

.col-blush .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-blush .navbar .nav > li > a {

    color: #fff;

}

.col-blush .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-blush .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-black .navbar .navbar-brand,

.col-black .navbar .navbar-brand:hover,

.col-black .navbar .navbar-brand:active,

.col-black .navbar .navbar-brand:focus {

    color: #fff;

}

.col-black .navbar .nav > li > a:hover,

.col-black .navbar .nav > li > a:focus,

.col-black .navbar .nav .open > a,

.col-black .navbar .nav .open > a:hover,

.col-black .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-black .navbar .nav > li > a {

    color: #fff;

}

.col-black .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-black .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-white .navbar .navbar-brand,

.col-white .navbar .navbar-brand:hover,

.col-white .navbar .navbar-brand:active,

.col-white .navbar .navbar-brand:focus {

    color: #fff;

}

.col-white .navbar .nav > li > a:hover,

.col-white .navbar .nav > li > a:focus,

.col-white .navbar .nav .open > a,

.col-white .navbar .nav .open > a:hover,

.col-white .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-white .navbar .nav > li > a {

    color: #fff;

}

.col-white .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-white .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.color-bg {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 155px;

    padding: 0;

}

@media only screen and (max-width: 500px) {

    .overlay-open .sidebar .user-info {

        height: 105px;

    }

    .overlay-open .sidebar .user-info .quick-stats {

        display: none;

    }

    .overlay-open .sidebar .legal {

        padding: 5px 15px;

    }

}

.page-loader-wrapper {

    z-index: 99999999;

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background: #eee;

    overflow: hidden;

    text-align: center;

}

.page-loader-wrapper p {

    font-size: 13px;

    margin-top: 10px;

    font-weight: bold;

    color: #444;

}

.page-loader-wrapper .loader {

    position: relative;

    top: calc(50% - 30px);

}

.n-top {

    z-index: 7 !important;

}

.navbar {

    font-family: "Roboto", sans-serif;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    box-shadow: none;

    border: none;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 12;

    width: 100%;

    padding: 9px;

    background-color: transparent;

}

.navbar .navbar-brand {

    white-space: nowrap;

    -ms-text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    overflow: hidden;

}

.navbar > .col-12 {

    padding: 0;

}

.navbar .navbar-toggle {

    text-decoration: none;

    color: #fff;

    width: 20px;

    height: 20px;

    margin-top: -4px;

    margin-right: 17px;

}

.navbar .navbar-toggle:before {

    content: "\E8D5";

    font-family: "Material Icons";

    font-size: 26px;

}

.navbar .navbar-collapse.in {

    overflow: visible;

}

.ls-closed .sidebar {

    margin-left: -300px;

    background: #30373e;

    top: 0;

}

.ls-closed .sidebar .info-container .name {

    color: #444 !important;

}

.ls-closed section.content {

    margin-left: 15px;

}

.ls-closed .bars:after,

.ls-closed .bars:before {

    font-family: "Material Icons";

    font-size: 24px;

    position: absolute;

    top: 4px;

    left: 4px;

    margin-right: 10px;

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    -webkit-transform: scale(0);

    transform: scale(0);

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}

.ls-closed .bars:before {

    content: "\f313";

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    -webkit-transform: scale(1);

    transform: scale(1);

    font-family: Material-Design-Iconic-Font;

}

.ls-closed .bars:after {

    content: "\f2ea";

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    -webkit-transform: scale(0);

    transform: scale(0);

    font-family: Material-Design-Iconic-Font;

}

.ls-closed .navbar-brand {

    margin-left: 30px;

}

.overlay-open .bars:before {

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    -webkit-transform: scale(0);

    transform: scale(0);

}

.overlay-open .bars:after {

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    -webkit-transform: scale(1);

    transform: scale(1);

}

.navbar-header {

    padding: 0;

    display: inline-block;

}

.navbar-header .bars {

    float: left;

    text-decoration: none;

}

.navbar-nav {

    margin-right: 0;

    float: right;

    flex-direction: unset;

    padding: 7px;

}

.navbar-nav > li > a {

    padding: 7px 12px 5px 12px;

}

.navbar-nav > li > a::after {

    display: none;

}

.label-count {

    position: absolute;

    top: -3px;

    right: -2px;

    font-size: 10px;

    line-height: 15px;

    background-color: #000;

    padding: 0 4px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    border-radius: 3px;

}

.col-red .navbar .navbar-brand,

.col-red .navbar .navbar-brand:hover,

.col-red .navbar .navbar-brand:active,

.col-red .navbar .navbar-brand:focus {

    color: #fff;

}

.col-red .navbar .nav > li > a:hover,

.col-red .navbar .nav > li > a:focus,

.col-red .navbar .nav .open > a,

.col-red .navbar .nav .open > a:hover,

.col-red .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-red .navbar .nav > li > a {

    color: #fff;

}

.col-red .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-red .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-pink .navbar .navbar-brand,

.col-pink .navbar .navbar-brand:hover,

.col-pink .navbar .navbar-brand:active,

.col-pink .navbar .navbar-brand:focus {

    color: #fff;

}

.col-pink .navbar .nav > li > a:hover,

.col-pink .navbar .nav > li > a:focus,

.col-pink .navbar .nav .open > a,

.col-pink .navbar .nav .open > a:hover,

.col-pink .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-pink .navbar .nav > li > a {

    color: #fff;

}

.col-pink .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-pink .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-purple .navbar .navbar-brand,

.col-purple .navbar .navbar-brand:hover,

.col-purple .navbar .navbar-brand:active,

.col-purple .navbar .navbar-brand:focus {

    color: #fff;

}

.col-purple .navbar .nav > li > a:hover,

.col-purple .navbar .nav > li > a:focus,

.col-purple .navbar .nav .open > a,

.col-purple .navbar .nav .open > a:hover,

.col-purple .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-purple .navbar .nav > li > a {

    color: #fff;

}

.col-purple .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-purple .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-deep-purple .navbar .navbar-brand,

.col-deep-purple .navbar .navbar-brand:hover,

.col-deep-purple .navbar .navbar-brand:active,

.col-deep-purple .navbar .navbar-brand:focus {

    color: #fff;

}

.col-deep-purple .navbar .nav > li > a:hover,

.col-deep-purple .navbar .nav > li > a:focus,

.col-deep-purple .navbar .nav .open > a,

.col-deep-purple .navbar .nav .open > a:hover,

.col-deep-purple .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-deep-purple .navbar .nav > li > a {

    color: #fff;

}

.col-deep-purple .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-deep-purple .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-blue .navbar .navbar-brand,

.col-blue .navbar .navbar-brand:hover,

.col-blue .navbar .navbar-brand:active,

.col-blue .navbar .navbar-brand:focus {

    color: #fff;

}

.col-blue .navbar .nav > li > a:hover,

.col-blue .navbar .nav > li > a:focus,

.col-blue .navbar .nav .open > a,

.col-blue .navbar .nav .open > a:hover,

.col-blue .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-blue .navbar .nav > li > a {

    color: #fff;

}

.col-blue .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-blue .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-cyan .navbar .navbar-brand,

.col-cyan .navbar .navbar-brand:hover,

.col-cyan .navbar .navbar-brand:active,

.col-cyan .navbar .navbar-brand:focus {

    color: #fff;

}

.col-cyan .navbar .nav > li > a:hover,

.col-cyan .navbar .nav > li > a:focus,

.col-cyan .navbar .nav .open > a,

.col-cyan .navbar .nav .open > a:hover,

.col-cyan .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-cyan .navbar .nav > li > a {

    color: #fff;

}

.col-cyan .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-cyan .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-green .navbar .navbar-brand,

.col-green .navbar .navbar-brand:hover,

.col-green .navbar .navbar-brand:active,

.col-green .navbar .navbar-brand:focus {

    color: #fff;

}

.col-green .navbar .nav > li > a:hover,

.col-green .navbar .nav > li > a:focus,

.col-green .navbar .nav .open > a,

.col-green .navbar .nav .open > a:hover,

.col-green .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-green .navbar .nav > li > a {

    color: #fff;

}

.col-green .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-green .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-light-green .navbar .navbar-brand,

.col-light-green .navbar .navbar-brand:hover,

.col-light-green .navbar .navbar-brand:active,

.col-light-green .navbar .navbar-brand:focus {

    color: #fff;

}

.col-light-green .navbar .nav > li > a:hover,

.col-light-green .navbar .nav > li > a:focus,

.col-light-green .navbar .nav .open > a,

.col-light-green .navbar .nav .open > a:hover,

.col-light-green .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-light-green .navbar .nav > li > a {

    color: #fff;

}

.col-light-green .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-light-green .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-yellow .navbar .navbar-brand,

.col-yellow .navbar .navbar-brand:hover,

.col-yellow .navbar .navbar-brand:active,

.col-yellow .navbar .navbar-brand:focus {

    color: #fff;

}

.col-yellow .navbar .nav > li > a:hover,

.col-yellow .navbar .nav > li > a:focus,

.col-yellow .navbar .nav .open > a,

.col-yellow .navbar .nav .open > a:hover,

.col-yellow .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-yellow .navbar .nav > li > a {

    color: #fff;

}

.col-yellow .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-yellow .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-orange .navbar .navbar-brand,

.col-orange .navbar .navbar-brand:hover,

.col-orange .navbar .navbar-brand:active,

.col-orange .navbar .navbar-brand:focus {

    color: #fff;

}

.col-orange .navbar .nav > li > a:hover,

.col-orange .navbar .nav > li > a:focus,

.col-orange .navbar .nav .open > a,

.col-orange .navbar .nav .open > a:hover,

.col-orange .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-orange .navbar .nav > li > a {

    color: #fff;

}

.col-orange .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-orange .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-deep-orange .navbar .navbar-brand,

.col-deep-orange .navbar .navbar-brand:hover,

.col-deep-orange .navbar .navbar-brand:active,

.col-deep-orange .navbar .navbar-brand:focus {

    color: #fff;

}

.col-deep-orange .navbar .nav > li > a:hover,

.col-deep-orange .navbar .nav > li > a:focus,

.col-deep-orange .navbar .nav .open > a,

.col-deep-orange .navbar .nav .open > a:hover,

.col-deep-orange .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-deep-orange .navbar .nav > li > a {

    color: #fff;

}

.col-deep-orange .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-deep-orange .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-grey .navbar .navbar-brand,

.col-grey .navbar .navbar-brand:hover,

.col-grey .navbar .navbar-brand:active,

.col-grey .navbar .navbar-brand:focus {

    color: #fff;

}

.col-grey .navbar .nav > li > a:hover,

.col-grey .navbar .nav > li > a:focus,

.col-grey .navbar .nav .open > a,

.col-grey .navbar .nav .open > a:hover,

.col-grey .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-grey .navbar .nav > li > a {

    color: #fff;

}

.col-grey .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-grey .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-blue-grey .navbar .navbar-brand,

.col-blue-grey .navbar .navbar-brand:hover,

.col-blue-grey .navbar .navbar-brand:active,

.col-blue-grey .navbar .navbar-brand:focus {

    color: #fff;

}

.col-blue-grey .navbar .nav > li > a:hover,

.col-blue-grey .navbar .nav > li > a:focus,

.col-blue-grey .navbar .nav .open > a,

.col-blue-grey .navbar .nav .open > a:hover,

.col-blue-grey .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-blue-grey .navbar .nav > li > a {

    color: #fff;

}

.col-blue-grey .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-blue-grey .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-indigo .navbar .navbar-brand,

.col-indigo .navbar .navbar-brand:hover,

.col-indigo .navbar .navbar-brand:active,

.col-indigo .navbar .navbar-brand:focus {

    color: #fff;

}

.col-indigo .navbar .nav > li > a:hover,

.col-indigo .navbar .nav > li > a:focus,

.col-indigo .navbar .nav .open > a,

.col-indigo .navbar .nav .open > a:hover,

.col-indigo .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-indigo .navbar .nav > li > a {

    color: #fff;

}

.col-indigo .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-indigo .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-light-blue .navbar .navbar-brand,

.col-light-blue .navbar .navbar-brand:hover,

.col-light-blue .navbar .navbar-brand:active,

.col-light-blue .navbar .navbar-brand:focus {

    color: #fff;

}

.col-light-blue .navbar .nav > li > a:hover,

.col-light-blue .navbar .nav > li > a:focus,

.col-light-blue .navbar .nav .open > a,

.col-light-blue .navbar .nav .open > a:hover,

.col-light-blue .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-light-blue .navbar .nav > li > a {

    color: #fff;

}

.col-light-blue .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-light-blue .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-teal .navbar .navbar-brand,

.col-teal .navbar .navbar-brand:hover,

.col-teal .navbar .navbar-brand:active,

.col-teal .navbar .navbar-brand:focus {

    color: #fff;

}

.col-teal .navbar .nav > li > a:hover,

.col-teal .navbar .nav > li > a:focus,

.col-teal .navbar .nav .open > a,

.col-teal .navbar .nav .open > a:hover,

.col-teal .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-teal .navbar .nav > li > a {

    color: #fff;

}

.col-teal .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-teal .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-lime .navbar .navbar-brand,

.col-lime .navbar .navbar-brand:hover,

.col-lime .navbar .navbar-brand:active,

.col-lime .navbar .navbar-brand:focus {

    color: #fff;

}

.col-lime .navbar .nav > li > a:hover,

.col-lime .navbar .nav > li > a:focus,

.col-lime .navbar .nav .open > a,

.col-lime .navbar .nav .open > a:hover,

.col-lime .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-lime .navbar .nav > li > a {

    color: #fff;

}

.col-lime .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-lime .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-amber .navbar .navbar-brand,

.col-amber .navbar .navbar-brand:hover,

.col-amber .navbar .navbar-brand:active,

.col-amber .navbar .navbar-brand:focus {

    color: #fff;

}

.col-amber .navbar .nav > li > a:hover,

.col-amber .navbar .nav > li > a:focus,

.col-amber .navbar .nav .open > a,

.col-amber .navbar .nav .open > a:hover,

.col-amber .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-amber .navbar .nav > li > a {

    color: #fff;

}

.col-amber .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-amber .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-brown .navbar .navbar-brand,

.col-brown .navbar .navbar-brand:hover,

.col-brown .navbar .navbar-brand:active,

.col-brown .navbar .navbar-brand:focus {

    color: #fff;

}

.col-brown .navbar .nav > li > a:hover,

.col-brown .navbar .nav > li > a:focus,

.col-brown .navbar .nav .open > a,

.col-brown .navbar .nav .open > a:hover,

.col-brown .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-brown .navbar .nav > li > a {

    color: #fff;

}

.col-brown .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-brown .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-blush .navbar .navbar-brand,

.col-blush .navbar .navbar-brand:hover,

.col-blush .navbar .navbar-brand:active,

.col-blush .navbar .navbar-brand:focus {

    color: #fff;

}

.col-blush .navbar .nav > li > a:hover,

.col-blush .navbar .nav > li > a:focus,

.col-blush .navbar .nav .open > a,

.col-blush .navbar .nav .open > a:hover,

.col-blush .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-blush .navbar .nav > li > a {

    color: #fff;

}

.col-blush .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-blush .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-black .navbar .navbar-brand,

.col-black .navbar .navbar-brand:hover,

.col-black .navbar .navbar-brand:active,

.col-black .navbar .navbar-brand:focus {

    color: #fff;

}

.col-black .navbar .nav > li > a:hover,

.col-black .navbar .nav > li > a:focus,

.col-black .navbar .nav .open > a,

.col-black .navbar .nav .open > a:hover,

.col-black .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-black .navbar .nav > li > a {

    color: #fff;

}

.col-black .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-black .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.col-white .navbar .navbar-brand,

.col-white .navbar .navbar-brand:hover,

.col-white .navbar .navbar-brand:active,

.col-white .navbar .navbar-brand:focus {

    color: #fff;

}

.col-white .navbar .nav > li > a:hover,

.col-white .navbar .nav > li > a:focus,

.col-white .navbar .nav .open > a,

.col-white .navbar .nav .open > a:hover,

.col-white .navbar .nav .open > a:focus {

    background-color: rgba(0, 0, 0, 0.05);

}

.col-white .navbar .nav > li > a {

    color: #fff;

}

.col-white .navbar .bars {

    float: left;

    padding: 10px 20px;

    font-size: 22px;

    color: #fff;

    margin-right: 10px;

    margin-left: -10px;

    margin-top: 4px;

}

.col-white .navbar .bars:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.color-bg {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 155px;

    padding: 0;

}

@media only screen and (max-width: 500px) {

    .overlay-open .sidebar .user-info {

        height: 105px;

    }

    .overlay-open .sidebar .user-info .quick-stats {

        display: none;

    }

    .overlay-open .sidebar .legal {

        padding: 5px 15px;

    }

}

.overlay {

    position: fixed;

    cursor: pointer;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.5);

    display: none;

    z-index: 14;

    opacity: 1;

}

.overlay-open .sidebar {

    margin-left: 0;

    z-index: 27;

    top: 0;

    height: 100vh;

}

.overlay-open .sidebar .admin-action-info span {

    color: #999 !important;

}

.overlay-open .sidebar .admin-action-info h3 {

    color: #ccc !important;

}

.overlay-open .sidebar .admin-action-info ul li a {

    color: #999 !important;

}

.overlay-open .sidebar .quick-stats h5 {

    color: #666 !important;

}

.sidebar {

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    font-family: "Roboto", sans-serif;

    background: transparent;

    width: 250px;

    overflow: hidden;

    display: inline-block;

    height: calc(100vh - 55px);

    position: fixed;

    top: 55px;

    left: 0;

    z-index: 11;

}

.sidebar .legal {

    position: absolute;

    bottom: 0;

    width: 100%;

    border-top: 1px solid #eee;

    padding: 15px;

    overflow: hidden;

    background: #edf1f5;

}

.sidebar .legal .version {

    white-space: nowrap;

    -ms-text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-top: 5px;

    font-size: 13px;

}

.sidebar .user-info {

    padding: 13px 15px 12px 15px;

    white-space: nowrap;

    position: relative;

    height: 100px;

}

.sidebar .user-info .admin-image {

    display: table-cell;

    vertical-align: top;

}

.sidebar .user-info .admin-image > img {

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    float: left;

    width: 72px;

    height: auto;

}

.sidebar .user-info .admin-action-info {

    display: table-cell;

    padding-left: 20px;

    vertical-align: middle;

}

.sidebar .user-info .admin-action-info > span {

    color: #fff;

    float: left;

    font-size: 12px;

}

.sidebar .user-info .admin-action-info h3 {

    color: #fff;

    float: left;

    font-size: 17px;

    font-weight: bold;

    line-height: 22px;

    margin: 0;

    width: 100%;

}

.sidebar .user-info .admin-action-info > ul {

    float: left;

    list-style: outside none none;

    margin: 5px 0 0 -5px;

    padding: 0;

    width: 100%;

}

.sidebar .user-info .admin-action-info > ul li {

    float: left;

    margin-right: 1px;

}

.sidebar .user-info .admin-action-info > ul li a {

    color: #fff;

    float: left;

    font-size: 12px;

    height: 29px;

    line-height: 29px;

    text-align: center;

    width: 29px;

}

.sidebar .user-info .quick-stats {

    float: left;

    text-align: left;

    width: 100%;

}

.sidebar .user-info .quick-stats > h5 {

    color: #fff;

    float: left;

    font-size: 12px;

    font-weight: normal;

    letter-spacing: 0.3px;

    line-height: 22px;

    margin: 5px 0;

    width: 100%;

    text-transform: uppercase;

}

.sidebar .user-info .quick-stats > ul {

    list-style: outside none none;

    margin: 0;

    padding: 0;

}

.sidebar .user-info .quick-stats > ul > li {

    float: left;

    padding: 0 1px;

    width: 33.333%;

}

.sidebar .user-info .quick-stats > ul > li > span {

    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    -o-border-radius: 2px;

    border-radius: 2px;

    color: #555;

    float: left;

    font-size: 15px;

    padding: 5px 0;

    text-align: center;

    width: 100%;

    font-weight: 700;

}

.sidebar .user-info .quick-stats > ul > li > span i {

    color: #777;

    float: left;

    font-size: 12px;

    font-style: normal;

    letter-spacing: 0.3px;

    line-height: 14px;

    width: 100%;

    font-weight: 100;

}

.sidebar .menu {

    position: relative;

    overflow-y: auto;

    background: #30373e;

}

.sidebar .menu .list {

    list-style: none;

    padding-left: 0;

}

.sidebar .menu .list li.active > :first-child span {

    font-weight: bold;

}

.sidebar .menu .list .header {

    background: #363e46;

    font-size: 12px;

    padding: 8px 16px;

    color: #ccc;

}

.sidebar .menu .list i.material-icons {

    margin-top: 4px;

}

.sidebar .menu .list .menu-toggle:after,

.sidebar .menu .list .menu-toggle:before {

    position: absolute;

    top: calc(50% - 14px);

    right: 17px;

    font-size: 19px;

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    -webkit-transform: scale(0);

    transform: scale(0);

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    color: #888;

}

.sidebar .menu .list .menu-toggle:before {

    content: "+";

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    -webkit-transform: scale(1);

    transform: scale(1);

}

.sidebar .menu .list .menu-toggle:after {

    content: "\2013";

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    -webkit-transform: scale(0);

    transform: scale(0);

}

.sidebar .menu .list .menu-toggle.toggled:before {

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    -webkit-transform: scale(0);

    transform: scale(0);

}

.sidebar .menu .list .menu-toggle.toggled:after {

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    -webkit-transform: scale(1);

    transform: scale(1);

}

.sidebar .menu .list a {

    color: #999;

    position: relative;

    display: inline-flex;

    vertical-align: middle;

    width: 100%;

    padding: 13px;

    font-weight: 400;

    font-size: 15px;

}

.sidebar .menu .list a:hover,

.sidebar .menu .list a:active,

.sidebar .menu .list a:focus {

    text-decoration: none !important;

}

.sidebar .menu .list a small {

    position: absolute;

    top: calc(50% - 7.5px);

    right: 15px;

}

.sidebar .menu .list a span {

    margin: 0;

    font-weight: 400;

    overflow: hidden;

    padding-left: 15px;

}

.sidebar .menu .list a i {

    margin-top: 3px;

    width: 20px;

    text-align: center;

}

.sidebar .menu .list .ml-menu {

    list-style: none;

    display: none;

    padding-left: 0;

}

.sidebar .menu .list .ml-menu span {

    font-weight: normal;

    font-size: 15px;

    margin: 3px 0 1px 6px;

}

.sidebar .menu .list .ml-menu li a {

    padding-left: 48px;

    padding-top: 7px;

    padding-bottom: 7px;

}

.sidebar .menu .list .ml-menu li a:before {

    content: "\f2fb";

    position: absolute;

    left: 21px;

    font-size: 16px;

    font-family: "Material-Design-Iconic-Font";

    color: #999;

}

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {

    font-weight: 500;

    margin-left: 5px;

}

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before {

    content: "\E315";

    font-family: "Material Icons";

    position: relative;

    font-size: 21px;

    height: 20px;

    top: -5px;

    right: 0px;

}

.sidebar .menu .list .ml-menu li .ml-menu li a {

    padding-left: 80px;

}

.sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a {

    padding-left: 95px;

}

.sidebar .active.open .active a {

    color: #ccc;

    margin: 0 !important;

}

.sidebar .active.open .active a:before {

    display: none;

}

.sidebar .active.open .active a:after {

    content: "\f2fb";

    position: absolute;

    top: 7px;

    left: 17px;

    font-family: "Material-Design-Iconic-Font";

    font-size: 16px;

}

.right-sidebar {

    width: 280px;

    height: 100vh;

    position: fixed;

    right: -300px;

    top: 0;

    background: #fdfdfd;

    z-index: 16 !important;

    -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);

    -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);

    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);

    overflow: hidden;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.right-sidebar.open {

    right: 0;

}

.right-sidebar .nav-tabs {

    font-size: 15px;

    width: 100%;

    margin-left: 2px;

}

.right-sidebar .nav-tabs li {

    text-align: center;

    top: 0;

}

.right-sidebar .nav-tabs li > a {

    margin-right: 0;

    padding: 15px 5px;

}

.right-sidebar .nav-tabs li:first-child {

    width: 45%;

}

.right-sidebar .nav-tabs li:last-child {

    width: 55%;

}

.m-l--125 {

    margin-left: -125px;

}

.m-t--125 {

    margin-top: -125px;

}

.m-r--125 {

    margin-right: -125px;

}

.m-b--125 {

    margin-bottom: -125px;

}

.m-l--120 {

    margin-left: -120px;

}

.m-t--120 {

    margin-top: -120px;

}

.m-r--120 {

    margin-right: -120px;

}

.m-b--120 {

    margin-bottom: -120px;

}

.m-l--115 {

    margin-left: -115px;

}

.m-t--115 {

    margin-top: -115px;

}

.m-r--115 {

    margin-right: -115px;

}

.m-b--115 {

    margin-bottom: -115px;

}

.m-l--110 {

    margin-left: -110px;

}

.m-t--110 {

    margin-top: -110px;

}

.m-r--110 {

    margin-right: -110px;

}

.m-b--110 {

    margin-bottom: -110px;

}

.m-l--105 {

    margin-left: -105px;

}

.m-t--105 {

    margin-top: -105px;

}

.m-r--105 {

    margin-right: -105px;

}

.m-b--105 {

    margin-bottom: -105px;

}

.m-l--100 {

    margin-left: -100px;

}

.m-t--100 {

    margin-top: -100px;

}

.m-r--100 {

    margin-right: -100px;

}

.m-b--100 {

    margin-bottom: -100px;

}

.m-l--95 {

    margin-left: -95px;

}

.m-t--95 {

    margin-top: -95px;

}

.m-r--95 {

    margin-right: -95px;

}

.m-b--95 {

    margin-bottom: -95px;

}

.m-l--90 {

    margin-left: -90px;

}

.m-t--90 {

    margin-top: -90px;

}

.m-r--90 {

    margin-right: -90px;

}

.m-b--90 {

    margin-bottom: -90px;

}

.m-l--85 {

    margin-left: -85px;

}

.m-t--85 {

    margin-top: -85px;

}

.m-r--85 {

    margin-right: -85px;

}

.m-b--85 {

    margin-bottom: -85px;

}

.m-l--80 {

    margin-left: -80px;

}

.m-t--80 {

    margin-top: -80px;

}

.m-r--80 {

    margin-right: -80px;

}

.m-b--80 {

    margin-bottom: -80px;

}

.m-l--75 {

    margin-left: -75px;

}

.m-t--75 {

    margin-top: -75px;

}

.m-r--75 {

    margin-right: -75px;

}

.m-b--75 {

    margin-bottom: -75px;

}

.m-l--70 {

    margin-left: -70px;

}

.m-t--70 {

    margin-top: -70px;

}

.m-r--70 {

    margin-right: -70px;

}

.m-b--70 {

    margin-bottom: -70px;

}

.m-l--65 {

    margin-left: -65px;

}

.m-t--65 {

    margin-top: -65px;

}

.m-r--65 {

    margin-right: -65px;

}

.m-b--65 {

    margin-bottom: -65px;

}

.m-l--60 {

    margin-left: -60px;

}

.m-t--60 {

    margin-top: -60px;

}

.m-r--60 {

    margin-right: -60px;

}

.m-b--60 {

    margin-bottom: -60px;

}

.m-l--55 {

    margin-left: -55px;

}

.m-t--55 {

    margin-top: -55px;

}

.m-r--55 {

    margin-right: -55px;

}

.m-b--55 {

    margin-bottom: -55px;

}

.m-l--50 {

    margin-left: -50px;

}

.m-t--50 {

    margin-top: -50px;

}

.m-r--50 {

    margin-right: -50px;

}

.m-b--50 {

    margin-bottom: -50px;

}

.m-l--45 {

    margin-left: -45px;

}

.m-t--45 {

    margin-top: -45px;

}

.m-r--45 {

    margin-right: -45px;

}

.m-b--45 {

    margin-bottom: -45px;

}

.m-l--40 {

    margin-left: -40px;

}

.m-t--40 {

    margin-top: -40px;

}

.m-r--40 {

    margin-right: -40px;

}

.m-b--40 {

    margin-bottom: -40px;

}

.m-l--35 {

    margin-left: -35px;

}

.m-t--35 {

    margin-top: -35px;

}

.m-r--35 {

    margin-right: -35px;

}

.m-b--35 {

    margin-bottom: -35px;

}

.m-l--30 {

    margin-left: -30px;

}

.m-t--30 {

    margin-top: -30px;

}

.m-r--30 {

    margin-right: -30px;

}

.m-b--30 {

    margin-bottom: -30px;

}

.m-l--25 {

    margin-left: -25px;

}

.m-t--25 {

    margin-top: -25px;

}

.m-r--25 {

    margin-right: -25px;

}

.m-b--25 {

    margin-bottom: -25px;

}

.m-l--20 {

    margin-left: -20px;

}

.m-t--20 {

    margin-top: -20px;

}

.m-r--20 {

    margin-right: -20px;

}

.m-b--20 {

    margin-bottom: -20px;

}

.m-l--15 {

    margin-left: -15px;

}

.m-t--15 {

    margin-top: -15px;

}

.m-r--15 {

    margin-right: -15px;

}

.m-b--15 {

    margin-bottom: -15px;

}

.m-l--10 {

    margin-left: -10px;

}

.m-t--10 {

    margin-top: -10px;

}

.m-r--10 {

    margin-right: -10px;

}

.m-b--10 {

    margin-bottom: -10px;

}

.m-l--5 {

    margin-left: -5px;

}

.m-t--5 {

    margin-top: -5px;

}

.m-r--5 {

    margin-right: -5px;

}

.m-b--5 {

    margin-bottom: -5px;

}

.m-l-0 {

    margin-left: 0px;

}

.m-t-0 {

    margin-top: 0px;

}

.m-r-0 {

    margin-right: 0px;

}

.m-b-0,

.media .media-body .media-heading {

    margin-bottom: 0px;

}

.m-l-5 {

    margin-left: 5px;

}

.m-t-5 {

    margin-top: 5px;

}

.m-r-5,

.email-page .label {

    margin-right: 5px;

}

.m-b-5 {

    margin-bottom: 5px;

}

.m-l-10 {

    margin-left: 10px;

}

.m-t-10 {

    margin-top: 10px;

}

.m-r-10 {

    margin-right: 10px;

}

.m-b-10 {

    margin-bottom: 10px;

}

.m-l-15 {

    margin-left: 15px;

}

.m-t-15 {

    margin-top: 15px;

}

.m-r-15 {

    margin-right: 15px;

}

.m-b-15 {

    margin-bottom: 15px;

}

.m-l-20,

.media.mright .media-right {

    margin-left: 20px;

}

.m-t-20 {

    margin-top: 20px;

}

.m-r-20,

.media.mleft .media-left,

.bs-example .media .media-left {

    margin-right: 20px;

}

.m-b-20 {

    margin-bottom: 20px;

}

.m-l-25 {

    margin-left: 25px;

}

.m-t-25 {

    margin-top: 25px;

}

.m-r-25 {

    margin-right: 25px;

}

.m-b-25 {

    margin-bottom: 25px;

}

.m-l-30 {

    margin-left: 30px;

}

.m-t-30 {

    margin-top: 30px;

}

.m-r-30 {

    margin-right: 30px;

}

.m-b-30 {

    margin-bottom: 30px;

}

.m-l-35 {

    margin-left: 35px;

}

.m-t-35 {

    margin-top: 35px;

}

.m-r-35 {

    margin-right: 35px;

}

.m-b-35 {

    margin-bottom: 35px;

}

.m-l-40 {

    margin-left: 40px;

}

.m-t-40 {

    margin-top: 40px;

}

.m-r-40 {

    margin-right: 40px;

}

.m-b-40 {

    margin-bottom: 40px;

}

.m-l-45 {

    margin-left: 45px;

}

.m-t-45 {

    margin-top: 45px;

}

.m-r-45 {

    margin-right: 45px;

}

.m-b-45 {

    margin-bottom: 45px;

}

.m-l-50 {

    margin-left: 50px;

}

.m-t-50 {

    margin-top: 50px;

}

.m-r-50 {

    margin-right: 50px;

}

.m-b-50 {

    margin-bottom: 50px;

}

.m-l-55 {

    margin-left: 55px;

}

.m-t-55 {

    margin-top: 55px;

}

.m-r-55 {

    margin-right: 55px;

}

.m-b-55 {

    margin-bottom: 55px;

}

.m-l-60 {

    margin-left: 60px;

}

.m-t-60 {

    margin-top: 60px;

}

.m-r-60 {

    margin-right: 60px;

}

.m-b-60 {

    margin-bottom: 60px;

}

.m-l-65 {

    margin-left: 65px;

}

.m-t-65 {

    margin-top: 65px;

}

.m-r-65 {

    margin-right: 65px;

}

.m-b-65 {

    margin-bottom: 65px;

}

.m-l-70 {

    margin-left: 70px;

}

.m-t-70 {

    margin-top: 70px;

}

.m-r-70 {

    margin-right: 70px;

}

.m-b-70 {

    margin-bottom: 70px;

}

.m-l-75 {

    margin-left: 75px;

}

.m-t-75 {

    margin-top: 75px;

}

.m-r-75 {

    margin-right: 75px;

}

.m-b-75 {

    margin-bottom: 75px;

}

.m-l-80 {

    margin-left: 80px;

}

.m-t-80 {

    margin-top: 80px;

}

.m-r-80 {

    margin-right: 80px;

}

.m-b-80 {

    margin-bottom: 80px;

}

.m-l-85 {

    margin-left: 85px;

}

.m-t-85 {

    margin-top: 85px;

}

.m-r-85 {

    margin-right: 85px;

}

.m-b-85 {

    margin-bottom: 85px;

}

.m-l-90 {

    margin-left: 90px;

}

.m-t-90 {

    margin-top: 90px;

}

.m-r-90 {

    margin-right: 90px;

}

.m-b-90 {

    margin-bottom: 90px;

}

.m-l-95 {

    margin-left: 95px;

}

.m-t-95 {

    margin-top: 95px;

}

.m-r-95 {

    margin-right: 95px;

}

.m-b-95 {

    margin-bottom: 95px;

}

.m-l-100 {

    margin-left: 100px;

}

.m-t-100 {

    margin-top: 100px;

}

.m-r-100 {

    margin-right: 100px;

}

.m-b-100 {

    margin-bottom: 100px;

}

.m-l-105 {

    margin-left: 105px;

}

.m-t-105 {

    margin-top: 105px;

}

.m-r-105 {

    margin-right: 105px;

}

.m-b-105 {

    margin-bottom: 105px;

}

.m-l-110 {

    margin-left: 110px;

}

.m-t-110 {

    margin-top: 110px;

}

.m-r-110 {

    margin-right: 110px;

}

.m-b-110 {

    margin-bottom: 110px;

}

.m-l-115 {

    margin-left: 115px;

}

.m-t-115 {

    margin-top: 115px;

}

.m-r-115 {

    margin-right: 115px;

}

.m-b-115 {

    margin-bottom: 115px;

}

.m-l-120 {

    margin-left: 120px;

}

.m-t-120 {

    margin-top: 120px;

}

.m-r-120 {

    margin-right: 120px;

}

.m-b-120 {

    margin-bottom: 120px;

}

.m-l-125 {

    margin-left: 125px;

}

.m-t-125 {

    margin-top: 125px;

}

.m-r-125 {

    margin-right: 125px;

}

.m-b-125 {

    margin-bottom: 125px;

}

.margin-0 {

    margin: 0;

}

.p-l-0 {

    padding-left: 0px;

}

.p-t-0 {

    padding-top: 0px;

}

.p-r-0 {

    padding-right: 0px;

}

.p-b-0 {

    padding-bottom: 0px;

}

.p-l-5 {

    padding-left: 5px;

}

.p-t-5 {

    padding-top: 5px;

}

.p-r-5 {

    padding-right: 5px;

}

.p-b-5 {

    padding-bottom: 5px;

}

.p-l-10 {

    padding-left: 10px;

}

.p-t-10 {

    padding-top: 10px;

}

.p-r-10 {

    padding-right: 10px;

}

.p-b-10 {

    padding-bottom: 10px;

}

.p-l-15 {

    padding-left: 15px;

}

.p-t-15 {

    padding-top: 15px;

}

.p-r-15 {

    padding-right: 15px;

}

.p-b-15 {

    padding-bottom: 15px;

}

.p-l-20 {

    padding-left: 20px;

}

.p-t-20 {

    padding-top: 20px;

}

.p-r-20 {

    padding-right: 20px;

}

.p-b-20 {

    padding-bottom: 20px;

}

.p-l-25 {

    padding-left: 25px;

}

.p-t-25 {

    padding-top: 25px;

}

.p-r-25 {

    padding-right: 25px;

}

.p-b-25 {

    padding-bottom: 25px;

}

.p-l-30 {

    padding-left: 30px;

}

.p-t-30 {

    padding-top: 30px;

}

.p-r-30 {

    padding-right: 30px;

}

.p-b-30 {

    padding-bottom: 30px;

}

.p-l-35 {

    padding-left: 35px;

}

.p-t-35 {

    padding-top: 35px;

}

.p-r-35 {

    padding-right: 35px;

}

.p-b-35 {

    padding-bottom: 35px;

}

.p-l-40 {

    padding-left: 40px;

}

.p-t-40 {

    padding-top: 40px;

}

.p-r-40 {

    padding-right: 40px;

}

.p-b-40 {

    padding-bottom: 40px;

}

.p-l-45 {

    padding-left: 45px;

}

.p-t-45 {

    padding-top: 45px;

}

.p-r-45 {

    padding-right: 45px;

}

.p-b-45 {

    padding-bottom: 45px;

}

.p-l-50 {

    padding-left: 50px;

}

.p-t-50 {

    padding-top: 50px;

}

.p-r-50 {

    padding-right: 50px;

}

.p-b-50 {

    padding-bottom: 50px;

}

.p-l-55 {

    padding-left: 55px;

}

.p-t-55 {

    padding-top: 55px;

}

.p-r-55 {

    padding-right: 55px;

}

.p-b-55 {

    padding-bottom: 55px;

}

.p-l-60 {

    padding-left: 60px;

}

.p-t-60 {

    padding-top: 60px;

}

.p-r-60 {

    padding-right: 60px;

}

.p-b-60 {

    padding-bottom: 60px;

}

.p-l-65 {

    padding-left: 65px;

}

.p-t-65 {

    padding-top: 65px;

}

.p-r-65 {

    padding-right: 65px;

}

.p-b-65 {

    padding-bottom: 65px;

}

.p-l-70 {

    padding-left: 70px;

}

.p-t-70 {

    padding-top: 70px;

}

.p-r-70 {

    padding-right: 70px;

}

.p-b-70 {

    padding-bottom: 70px;

}

.p-l-75 {

    padding-left: 75px;

}

.p-t-75 {

    padding-top: 75px;

}

.p-r-75 {

    padding-right: 75px;

}

.p-b-75 {

    padding-bottom: 75px;

}

.p-l-80 {

    padding-left: 80px;

}

.p-t-80 {

    padding-top: 80px;

}

.p-r-80 {

    padding-right: 80px;

}

.p-b-80 {

    padding-bottom: 80px;

}

.p-l-85 {

    padding-left: 85px;

}

.p-t-85 {

    padding-top: 85px;

}

.p-r-85 {

    padding-right: 85px;

}

.p-b-85 {

    padding-bottom: 85px;

}

.p-l-90 {

    padding-left: 90px;

}

.p-t-90 {

    padding-top: 90px;

}

.p-r-90 {

    padding-right: 90px;

}

.p-b-90 {

    padding-bottom: 90px;

}

.p-l-95 {

    padding-left: 95px;

}

.p-t-95 {

    padding-top: 95px;

}

.p-r-95 {

    padding-right: 95px;

}

.p-b-95 {

    padding-bottom: 95px;

}

.p-l-100 {

    padding-left: 100px;

}

.p-t-100 {

    padding-top: 100px;

}

.p-r-100 {

    padding-right: 100px;

}

.p-b-100 {

    padding-bottom: 100px;

}

.p-l-105 {

    padding-left: 105px;

}

.p-t-105 {

    padding-top: 105px;

}

.p-r-105 {

    padding-right: 105px;

}

.p-b-105 {

    padding-bottom: 105px;

}

.p-l-110 {

    padding-left: 110px;

}

.p-t-110 {

    padding-top: 110px;

}

.p-r-110 {

    padding-right: 110px;

}

.p-b-110 {

    padding-bottom: 110px;

}

.p-l-115 {

    padding-left: 115px;

}

.p-t-115 {

    padding-top: 115px;

}

.p-r-115 {

    padding-right: 115px;

}

.p-b-115 {

    padding-bottom: 115px;

}

.p-l-120 {

    padding-left: 120px;

}

.p-t-120 {

    padding-top: 120px;

}

.p-r-120 {

    padding-right: 120px;

}

.p-b-120 {

    padding-bottom: 120px;

}

.p-l-125 {

    padding-left: 125px;

}

.p-t-125 {

    padding-top: 125px;

}

.p-r-125 {

    padding-right: 125px;

}

.p-b-125 {

    padding-bottom: 125px;

}

.padding-0 {

    padding: 0;

}

.font-6 {

    font-size: 6px;

}

.font-7 {

    font-size: 7px;

}

.font-8 {

    font-size: 8px;

}

.font-9 {

    font-size: 9px;

}

.font-10 {

    font-size: 10px;

}

.font-11 {

    font-size: 11px;

}

.font-12 {

    font-size: 12px;

}

.font-13 {

    font-size: 13px;

}

.font-14 {

    font-size: 14px;

}

.font-15 {

    font-size: 15px;

}

.font-16 {

    font-size: 16px;

}

.font-17 {

    font-size: 17px;

}

.font-18 {

    font-size: 18px;

}

.font-19 {

    font-size: 19px;

}

.font-20 {

    font-size: 20px;

}

.font-21 {

    font-size: 21px;

}

.font-22 {

    font-size: 22px;

}

.font-23 {

    font-size: 23px;

}

.font-24 {

    font-size: 24px;

}

.font-25 {

    font-size: 25px;

}

.font-26 {

    font-size: 26px;

}

.font-27 {

    font-size: 27px;

}

.font-28 {

    font-size: 28px;

}

.font-29 {

    font-size: 29px;

}

.font-30 {

    font-size: 30px;

}

.font-31 {

    font-size: 31px;

}

.font-32 {

    font-size: 32px;

}

.font-33 {

    font-size: 33px;

}

.font-34 {

    font-size: 34px;

}

.font-35 {

    font-size: 35px;

}

.font-36 {

    font-size: 36px;

}

.font-37 {

    font-size: 37px;

}

.font-38 {

    font-size: 38px;

}

.font-39 {

    font-size: 39px;

}

.font-40 {

    font-size: 40px;

}

.font-41 {

    font-size: 41px;

}

.font-42 {

    font-size: 42px;

}

.font-43 {

    font-size: 43px;

}

.font-44 {

    font-size: 44px;

}

.font-45 {

    font-size: 45px;

}

.font-46 {

    font-size: 46px;

}

.font-47 {

    font-size: 47px;

}

.font-48 {

    font-size: 48px;

}

.font-49 {

    font-size: 49px;

}

.font-50 {

    font-size: 50px;

}

.align-left {

    text-align: left;

}

.align-center {

    text-align: center;

}

.align-right {

    text-align: right;

}

.align-justify {

    text-align: justify;

}

.no-resize {

    resize: none;

}

.font-bold {

    font-weight: bold;

}

.font-italic {

    font-style: italic;

}

.font-underline {

    text-decoration: underline;

}

.font-line-through {

    text-decoration: line-through;

}

.font-overline {

    text-decoration: overline;

}

.block-header {

    margin-bottom: 15px;

    padding: 10px 0;

}

.block-header h2 {

    margin: 0 !important;

    color: #30373e !important;

    font-weight: 600;

    font-size: 20px;

}

.block-header h2 small {

    display: block;

    font-size: 12px;

    margin-top: 8px;

    color: #888;

}

.block-header h2 small a {

    font-weight: bold;

    color: #777;

}

.bg-red {

    background-color: #ec3b57 !important;

    color: #fff;

}

.bg-red .content .text,

.bg-red .content .number {

    color: #fff !important;

}

.bg-pink {

    background-color: #e91e63 !important;

    color: #fff;

}

.bg-pink .content .text,

.bg-pink .content .number {

    color: #fff !important;

}

.bg-purple {

    background-color: #ba3bd0 !important;

    color: #fff;

}

.bg-purple .content .text,

.bg-purple .content .number {

    color: #fff !important;

}

.bg-deep-purple {

    background-color: #673ab7 !important;

    color: #fff;

}

.bg-deep-purple .content .text,

.bg-deep-purple .content .number {

    color: #fff !important;

}

.bg-blue {

    background-color: #457fca !important;

    color: #fff;

}

.bg-blue .content .text,

.bg-blue .content .number {

    color: #fff !important;

}

.bg-cyan {

    background-color: #379c94 !important;

    color: #fff;

}

.bg-cyan .content .text,

.bg-cyan .content .number {

    color: #fff !important;

}

.bg-green {

    background-color: #78b83e !important;

    color: #fff;

}

.bg-green .content .text,

.bg-green .content .number {

    color: #fff !important;

}

.bg-light-green {

    background-color: #8bc34a !important;

    color: #fff;

}

.bg-light-green .content .text,

.bg-light-green .content .number {

    color: #fff !important;

}

.bg-yellow {

    background-color: #ffe821 !important;

    color: #fff;

}

.bg-yellow .content .text,

.bg-yellow .content .number {

    color: #fff !important;

}

.bg-orange {

    background-color: #ff9800 !important;

    color: #fff;

}

.bg-orange .content .text,

.bg-orange .content .number {

    color: #fff !important;

}

.bg-deep-orange {

    background-color: #f83600 !important;

    color: #fff;

}

.bg-deep-orange .content .text,

.bg-deep-orange .content .number {

    color: #fff !important;

}

.bg-grey {

    background-color: #9e9e9e !important;

    color: #fff;

}

.bg-grey .content .text,

.bg-grey .content .number {

    color: #fff !important;

}

.bg-blue-grey {

    background-color: #607d8b !important;

    color: #fff;

}

.bg-blue-grey .content .text,

.bg-blue-grey .content .number {

    color: #fff !important;

}

.bg-indigo {

    background-color: #3f51b5 !important;

    color: #fff;

}

.bg-indigo .content .text,

.bg-indigo .content .number {

    color: #fff !important;

}

.bg-light-blue {

    background-color: #03a9f4 !important;

    color: #fff;

}

.bg-light-blue .content .text,

.bg-light-blue .content .number {

    color: #fff !important;

}

.bg-teal {

    background-color: #009688 !important;

    color: #fff;

}

.bg-teal .content .text,

.bg-teal .content .number {

    color: #fff !important;

}

.bg-lime {

    background-color: #cddc39 !important;

    color: #fff;

}

.bg-lime .content .text,

.bg-lime .content .number {

    color: #fff !important;

}

.bg-amber {

    background-color: #ffc107 !important;

    color: #fff;

}

.bg-amber .content .text,

.bg-amber .content .number {

    color: #fff !important;

}

.bg-brown {

    background-color: #795548 !important;

    color: #fff;

}

.bg-brown .content .text,

.bg-brown .content .number {

    color: #fff !important;

}

.bg-blush {

    background-color: #f15f79 !important;

    color: #fff;

}

.bg-blush .content .text,

.bg-blush .content .number {

    color: #fff !important;

}

.bg-black {

    background-color: #000 !important;

    color: #fff;

}

.bg-black .content .text,

.bg-black .content .number {

    color: #fff !important;

}

.bg-white {

    background-color: #fff !important;

    color: #fff;

}

.bg-white .content .text,

.bg-white .content .number {

    color: #fff !important;

}

.col-red {

    color: #ec3b57 !important;

}

.col-pink {

    color: #e91e63 !important;

}

.col-purple {

    color: #ba3bd0 !important;

}

.col-deep-purple {

    color: #673ab7 !important;

}

.col-blue {

    color: #457fca !important;

}

.col-cyan {

    color: #379c94 !important;

}

.col-green {

    color: #78b83e !important;

}

.col-light-green {

    color: #8bc34a !important;

}

.col-yellow {

    color: #ffe821 !important;

}

.col-orange {

    color: #ff9800 !important;

}

.col-deep-orange {

    color: #f83600 !important;

}

.col-grey {

    color: #9e9e9e !important;

}

.col-blue-grey {

    color: #607d8b !important;

}

.col-indigo {

    color: #3f51b5 !important;

}

.col-light-blue {

    color: #03a9f4 !important;

}

.col-teal {

    color: #009688 !important;

}

.col-lime {

    color: #cddc39 !important;

}

.col-amber {

    color: #ffc107 !important;

}

.col-brown {

    color: #795548 !important;

}

.col-blush {

    color: #f15f79 !important;

}

.col-black {

    color: #000 !important;

}

.col-white {

    color: #fff !important;

}

@-ms-keyframes spin {

    from {

        -ms-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    to {

        -ms-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@-moz-keyframes spin {

    from {

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    to {

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@-webkit-keyframes spin {

    from {

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    to {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@keyframes spin {

    from {

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    to {

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

.demo-button-sizes .btn {

    margin-bottom: 5px;

}

.icon-button-demo button {

    margin-right: 5px;

    margin-bottom: 12px;

}

.button-demo ul {

    padding-left: 0;

}

.button-demo ul li {

    list-style: none;

    padding-left: 0;

    display: inline-block;

    margin-right: 7px;



}

.button-demo ul li .btn {

    display: block;

    min-width: 175px;

}

.button-demo .btn {

    margin-right: 8px;

    margin-bottom: 13px;

    min-width: 120px;

}

.demo-button-groups .btn-group {

    margin-right: 10px;

}

.demo-button-toolbar .btn-toolbar {

    float: left;

    margin-right: 25px;

}

.demo-button-nesting > .btn-group {

    margin-right: 15px;

}

.demo-single-button-dropdowns > .btn-group {

    margin-right: 10px;

}

.demo-splite-button-dropdowns > .btn-group {

    margin-right: 10px;

}

.demo-dropup .dropup {

    margin-right: 10px;

}

.demo-checkbox label,

.demo-radio-button label {

    min-width: 150px;

}

.demo-knob-chart div {

    margin-right: 15px;

}

.demo-switch .switch {

    display: inline-block;

    min-width: 140px;

}

.demo-switch .demo-switch-title {

    min-width: 95px;

    display: inline-block;

}

.demo-color-box {

    padding: 15px 0;

    text-align: center;

    margin-bottom: 20px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    border-radius: 3px;

}

.demo-color-box .color-name {

    font-size: 16px;

    margin-bottom: 5px;

}

.demo-color-box .color-code,

.demo-color-box .color-class-name {

    font-size: 13px;

}

.demo-image-copyright {

    text-align: right;

    font-style: italic;

    font-size: 12px;

    color: #777;

    margin: 5px 0 10px 0;

}

.demo-image-copyright a {

    font-weight: bold;

    color: #555 !important;

}

.demo-tagsinput-area {

    margin-bottom: 50px !important;

}

.demo-icon-container .demo-google-material-icon {

    margin-bottom: 5px;

    text-align: left;

}

.demo-icon-container .demo-google-material-icon .icon-name {

    position: relative;

    top: -8px;

    left: 7px;

}

.demo-icon-container .demo-google-material-icon .material-icons {

    width: 24px;

}

.demo-preloader .preloader {

    margin-right: 10px;

}

.irs-demo {

    margin-bottom: 40px;

}

.irs-demo .irs {

    margin-top: 15px;

}

.right-sidebar .nav-tabs {

    margin: 0;

    padding: 0;

    background: transparent;

}

.right-sidebar .nav-tabs > li {

    width: 33%;

    left: 0;

    margin-bottom: 0;

}

.right-sidebar .nav-tabs > li a:hover {

    color: #444 !important;

}

.right-sidebar .nav-tabs > li:last-child {

    width: 33%;

}

.right-sidebar .nav-tabs > li:first-child {

    width: 33%;

}

.right-sidebar .nav-tabs + .tab-content {

    padding: 0;

}

.right-sidebar p {

    margin: 20px 15px 15px 15px;

    font-weight: bold;

    text-align: left;

}

.right-sidebar #chat {

    padding: 15px;

}

.right-sidebar #chat ul {

    list-style-type: none;

    padding: 0;

    margin: 0;

}

.right-sidebar #chat ul > li {

    margin-bottom: 0;

    padding: 10px 10px 10px 0;

}

.right-sidebar #chat ul > li:last-child {

    margin-bottom: 30px;

}

.right-sidebar #chat ul > li a {

    width: 40px;

}

.right-sidebar #chat ul > li a img {

    border-radius: 50px;

    width: 100%;

}

.right-sidebar #chat ul > li .media {

    position: relative;

    margin: 0;

}

.right-sidebar #chat ul > li .media .unread {

    position: absolute;

    left: 22px;

}

.right-sidebar #chat ul > li .media .media-body {

    padding-top: 0px;

    padding-bottom: 0px;

    position: relative;

    margin: 0 0 0 10px;

}

.right-sidebar #chat ul > li .media .media-body .name {

    color: #30373e;

    margin: 0px;

    display: block;

    font-size: 15px;

}

.right-sidebar #chat ul > li .media .media-body .message {

    font-size: 13px;

    color: #888;

    display: inline-block;

    width: 130px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}

.right-sidebar #chat ul > li .media .media-body .message i {

    font-size: 14px;

}

.right-sidebar #chat ul > li .media .media-body .status {

    position: absolute;

    right: 0px;

    top: 4px;

    width: 5px;

    height: 5px;

    padding: 0;

    display: inline-block;

    min-width: inherit;

}

.right-sidebar #chat ul > li.online .status {

    background: #8bc34a;

}

.right-sidebar #chat ul > li.busy .status {

    background: #e91e63;

}

.right-sidebar #chat ul > li.offline .status {

    background: #ff9800;

}

.right-sidebar #chat ul.settings > li .form-group .control-label {

    margin-bottom: 15px;

    color: #30373e;

    line-height: 22px;

}

.right-sidebar #chat ul.settings > li .form-group .control-label .onoffswitch {

    right: -35px;

}

.right-sidebar #settings .setting-list {

    list-style: none;

    padding-left: 0;

    margin-bottom: 20px;

}

.right-sidebar #settings .setting-list li {

    padding: 15px;

    position: relative;

    border-top: 1px solid #eee;

}

.right-sidebar #settings .setting-list li .switch {

    position: absolute;

    top: 15px;

    right: 5px;

}

.demo-choose-skin {

    list-style: none;

    padding-left: 0;

    overflow-y: hidden;

}

.demo-choose-skin li {

    border-bottom: 1px solid #eee;

    padding: 10px 10px 4px 10px;

    position: relative;

    cursor: pointer;

}

.demo-choose-skin li.active {

    background-color: #eee;

}

.demo-choose-skin li.active:after {

    font-family: "Material-Design-Iconic-Font";

    position: absolute;

    top: 10px;

    right: 10px;

    content: "\f26b";

    font-size: 18px;

    font-weight: bold;

}

.demo-choose-skin li:hover {

    background-color: #eee;

}

.demo-choose-skin li div {

    width: 24px;

    height: 24px;

    display: inline-block;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    border-radius: 3px;

}

.demo-choose-skin li span {

    position: relative;

    bottom: 7px;

    left: 5px;

}

.demo-choose-skin .red {

    background-color: #ec3b57;

}

.demo-choose-skin .pink {

    background-color: #e91e63;

}

.demo-choose-skin .purple {

    background-color: #ba3bd0;

}

.demo-choose-skin .deep-purple {

    background-color: #673ab7;

}

.demo-choose-skin .blue {

    background-color: #457fca;

}

.demo-choose-skin .cyan {

    background-color: #379c94;

}

.demo-choose-skin .green {

    background-color: #78b83e;

}

.demo-choose-skin .light-green {

    background-color: #8bc34a;

}

.demo-choose-skin .yellow {

    background-color: #ffe821;

}

.demo-choose-skin .orange {

    background-color: #ff9800;

}

.demo-choose-skin .deep-orange {

    background-color: #f83600;

}

.demo-choose-skin .grey {

    background-color: #9e9e9e;

}

.demo-choose-skin .blue-grey {

    background-color: #607d8b;

}

.demo-choose-skin .indigo {

    background-color: #3f51b5;

}

.demo-choose-skin .light-blue {

    background-color: #03a9f4;

}

.demo-choose-skin .teal {

    background-color: #009688;

}

.demo-choose-skin .lime {

    background-color: #cddc39;

}

.demo-choose-skin .amber {

    background-color: #ffc107;

}

.demo-choose-skin .brown {

    background-color: #795548;

}

.demo-choose-skin .blush {

    background-color: #f15f79;

}

.demo-choose-skin .black {

    background-color: #000;

}

.demo-choose-skin .white {

    background-color: #fff;

}

@media (max-width: 767px) {

    .navbar > .container .navbar-brand,

    .navbar > .container-fluid .navbar-brand {

        margin-left: 35px;

    }

    .navbar .navbar-header {

        display: inline-block;

    }

    .navbar .nav > li {

        display: inline-block;

    }

    .navbar .navbar-nav {

        margin: 0;

        float: right;

    }

    .navbar .navbar-nav .open .dropdown-menu {

        background-color: #fff;

        position: absolute;

        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);

    }

    .navbar .dropdown-menu {

        margin-left: -230px;

    }

    .navbar .js-right-sidebar {

        margin-top: 15px;

    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .navbar > .container .navbar-brand,

    .navbar > .container-fluid .navbar-brand {

        margin-left: 20px;

    }

}

@media (min-width: 992px) and (max-width: 1169px) {

    .navbar > .container .navbar-brand,

    .navbar > .container-fluid .navbar-brand {

        margin-left: 20px;

    }

}

body {

    background-color: #30373e;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    font-family: "Roboto", Arial, Tahoma, sans-serif;

}

button,

input,

select,

a {

    outline: none !important;

}

.no-animate {

    -o-transition-property: none !important;

    -moz-transition-property: none !important;

    -ms-transition-property: none !important;

    -webkit-transition-property: none !important;

    transition-property: none !important;

    -o-transform: none !important;

    -moz-transform: none !important;

    -ms-transform: none !important;

    -webkit-transform: none !important;

    transform: none !important;

    -webkit-animation: none !important;

    -moz-animation: none !important;

    -o-animation: none !important;

    -ms-animation: none !important;

    animation: none !important;

}

section.content {

    margin: 55px 15px 15px 250px;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    z-index: 9;

    position: relative;

    background: #f0f3f5;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    border-radius: 3px;

    box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.09);

}

.g-bg-cyan {

    background: linear-gradient(60deg, #09b9ac, #7dd1c1);

    color: #fff !important;

}

.g-bg-blue {

    background: linear-gradient(60deg, #00adef, #0094da);

    color: #fff !important;

}

.g-bg-gy {

    background: linear-gradient(60deg, #94d23b, #fcb711);

    color: #fff !important;

}

.g-bg-cgreen {

    background: linear-gradient(60deg, #16c99f, #12a682);

    color: #fff !important;

}

.g-bg-blush2 {

    background: linear-gradient(325deg, #dd5e89, #f7bb97);

    color: #fff !important;

}

.g-bg-soundcloud {

    background: linear-gradient(60deg, #f83600, #fe8c00);

    color: #fff !important;

}

.g-bg-soundcloud2 {

    background: linear-gradient(135deg, rgba(243, 71, 75, 0.9) 0%, rgba(255, 152, 0, 0.9) 100%);

    color: #fff !important;

}

.carousel .glyphicon-chevron-right:before {

    content: "\f2f5";

    font-family: "Material-Design-Iconic-Font";

}

.carousel .glyphicon-chevron-left:before {

    content: "\f2f3";

    font-family: "Material-Design-Iconic-Font";

}

.drop-custum {

    border-bottom: 1px solid #ddd;

    margin-top: 18px !important;

}

@media only screen and (max-width: 500px) {

    section.content {

        margin-left: 5px !important;

        margin-right: 5px;

        padding: 0;

    }

}

@media only screen and (min-width: 993px) {

    .collapse.collapse-sm,

    .collapse.collapse-xs {

        display: block;

    }

}

.stats-report {

    margin-bottom: 20px;

}

.stats-report .stat-item {

    display: inline-block;

    padding-right: 15px;

}

.stats-report .stat-item h5 {

    font-weight: 300;

    font-size: 12px;

    margin: 0;

}

#home_payments .dataTables_filter {

    text-align: right;

}

#home_payments .dataTables_paginate {

    text-align: right;

}

#home_payments .pagination {

    margin: 0;

}

.basic-list {

    padding: 0;

    margin: 0;

}

.basic-list li {

    display: block;

    padding: 15px 0px;

    border-bottom: 1px solid rgba(120, 130, 140, 0.13);

    line-height: 27px;

}

.basic-list li:last-child {

    border-bottom: none;

}

.country-state {

    padding: 0;

    margin: 0;

    list-style: none;

}

.country-state .progress {

    height: 7px;

}

.feeds {

    padding: 0;

    margin: 0;

}

.feeds li {

    list-style: none;

    padding: 10px 0;

    display: block;

}

.feeds li > div {

    width: 38px;

    height: 38px;

    margin-right: 5px;

    display: inline-block;

    text-align: center;

    vertical-align: middle;

    border-radius: 100%;

}

.feeds li > div i {

    line-height: 40px;

}

.feeds li span {

    float: right;

    width: auto;

    font-size: 12px;

}

@media only screen and (max-width: 767px) {

    .home .nav-tabs li a {

        padding: 10px 15px;

    }

    .home .nav-tabs li a i {

        display: block;

        text-align: center;

    }

    #home_dashboard .info-box-4 {

        margin-bottom: 5px;

    }

    .clearHeader .navbar-header {

        margin-top: 5px;

        position: relative;

    }

    .cpu-usage .pull-right {

        display: none;

    }

    .table-responsive-m {

        overflow-x: auto;

    }

}

@media only screen and (max-width: 360px) {

    .home .nav-tabs li a {

        padding: 10px 8px;

    }

}

.btn:focus {

    outline: none !important;

}

.btn-circle {

    border: none;

    outline: none !important;

    overflow: hidden;

    width: 40px;

    height: 40px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    padding: 0;

}

.btn-circle i {

    font-size: 18px;

    position: relative;

    left: -1px;

}

.btn-link {

    font-weight: bold;

    color: #333;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.btn-link:active,

.btn-link:focus {

    text-decoration: none;

    color: #333;

}

.btn-link:hover {

    text-decoration: none;

    color: #333;

    background-color: #ddd;

}

.btn-circle-lg {

    border: none;

    outline: none !important;

    overflow: hidden;

    width: 50px;

    height: 50px;

    -webkit-border-radius: 50% !important;

    -moz-border-radius: 50% !important;

    -ms-border-radius: 50% !important;

    border-radius: 50% !important;

}

.btn-circle-lg i {

    font-size: 26px !important;

    position: relative !important;

    left: 0px !important;

    top: 6px !important;

}

.btn:not(.btn-link):not(.btn-circle) {

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    border-radius: 2px;

    border: none;

    font-size: 13px;

    outline: none;

}

.btn:not(.btn-link):not(.btn-circle):hover {

    outline: none;

}

.btn:not(.btn-link):not(.btn-circle) i {

    font-size: 20px;

    position: relative;

    top: 3px;

}

.btn-warning,

.btn-warning:hover,

.btn-warning:active,

.btn-warning:focus {

    background-color: #ff9600 !important;

}

.btn-danger,

.btn-danger:hover,

.btn-danger:active,

.btn-danger:focus {

    background-color: #fb483a !important;

}

.btn-info,

.btn-info:hover,

.btn-info:active,

.btn-info:focus {

    background-color: #00b0e4 !important;

}

.btn-success,

.btn-success:hover,

.btn-success:active,

.btn-success:focus {

    background-color: #2b982b !important;

}

.btn-primary,

.btn-primary:hover,

.btn-primary:active,

.btn-primary:focus {

    background-color: #1f91f3 !important;

}

.btn-default,

.btn-default:hover,

.btn-default:active,

.btn-default:focus {

    background-color: #fff !important;

}

.btn-group,

.btn-group-vertical {

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);

}

.btn-group .btn,

.btn-group-vertical .btn {

    box-shadow: none !important;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

}

.btn-group .btn .caret,

.btn-group-vertical .btn .caret {

    position: relative;

    bottom: 1px;

}

.btn-group .btn-group,

.btn-group-vertical .btn-group {

    box-shadow: none !important;

}

.btn-group .btn + .dropdown-toggle,

.btn-group-vertical .btn + .dropdown-toggle {

    border-left: 1px solid rgba(0, 0, 0, 0.08) !important;

}

.bootstrap-tagsinput {

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

    -ms-box-shadow: none !important;

    box-shadow: none !important;

    border: none !important;

}

.noUi-target {

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -ms-touch-action: none;

    touch-action: none;

    -ms-user-select: none;

    -moz-user-select: none;

    user-select: none;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    direction: ltr;

}

.noUi-target * {

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -ms-touch-action: none;

    touch-action: none;

    -ms-user-select: none;

    -moz-user-select: none;

    user-select: none;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.noUi-base {

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 1;

}

.noUi-origin {

    position: absolute;

    right: 0;

    top: 6px;

    left: 0;

    bottom: 0;

}

.noUi-handle {

    position: relative;

    z-index: 1;

}

.noUi-stacking .noUi-handle {

    z-index: 10;

}

.noUi-state-tap .noUi-origin {

    -webkit-transition: left 0.25s, top 0.25s;

    transition: left 0.25s, top 0.25s;

}

.noUi-state-drag * {

    cursor: inherit !important;

}

.noUi-base {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}

.noUi-horizontal {

    height: 18px;

}

.noUi-horizontal .noUi-handle {

    width: 34px;

    height: 28px;

    left: -17px;

    top: -6px;

}

.noUi-vertical {

    width: 18px;

}

.noUi-vertical .noUi-handle {

    width: 28px;

    height: 34px;

    left: -6px;

    top: -17px;

}

.noUi-background {

    background: #fafafa;

    box-shadow: inset 0 1px 1px #f0f0f0;

}

.noUi-connect {

    background: #3fb8af;

    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);

    -webkit-transition: background 450ms;

    transition: background 450ms;

}

.noUi-origin {

    border-radius: 2px;

}

.noUi-target {

    border-radius: 4px;

    border: 1px solid #d3d3d3;

    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;

}

.noUi-target.noUi-connect {

    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbb;

}

.noUi-dragable {

    cursor: w-resize;

}

.noUi-vertical .noUi-dragable {

    cursor: n-resize;

}

.noUi-handle {

    border: 1px solid #d9d9d9;

    border-radius: 3px;

    background: #fff;

    cursor: default;

    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;

}

.noUi-active {

    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;

}

.noUi-handle:before {

    content: "";

    display: block;

    position: absolute;

    height: 14px;

    width: 1px;

    background: #e8e7e6;

    left: 14px;

    top: 6px;

}

.noUi-handle:after {

    content: "";

    display: block;

    position: absolute;

    height: 14px;

    width: 1px;

    background: #e8e7e6;

    left: 14px;

    top: 6px;

    left: 17px;

}

.noUi-vertical .noUi-handle:before {

    width: 14px;

    height: 1px;

    left: 6px;

    top: 14px;

}

.noUi-vertical .noUi-handle:after {

    width: 14px;

    height: 1px;

    left: 6px;

    top: 14px;

    top: 17px;

}

[disabled].noUi-connect,

[disabled] .noUi-connect {

    background: #b8b8b8;

}

[disabled].noUi-origin,

[disabled] .noUi-handle {

    cursor: not-allowed;

}

.noUi-target {

    box-shadow: none;

    border: none;

}

.noUi-base {

    height: 15px;

    top: -6px;

}

.noUi-background {

    height: 3px;

    top: 6px;

    background-color: #bfbfbf;

    box-shadow: none;

}

.noUi-horizontal {

    height: 3px;

}

.noUi-connect {

    height: 3px;

    top: 6px;

    background-color: #26a69a;

    box-shadow: none;

}

.noUi-horizontal .noUi-handle {

    width: 15px;

    height: 15px;

    border-radius: 50%;

    box-shadow: none;

    background-color: #26a69a;

    border: none;

    left: -5px;

    top: -6px;

    transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

}

.noUi-handle:before,

.noUi-handle:after {

    content: none;

}

.noUi-target .noUi-active.noUi-handle {

    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);

    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);

    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);

}

.noUi-target .range-label {

    position: absolute;

    height: 30px;

    width: 30px;

    top: -17px;

    left: -2px;

    background-color: #26a69a;

    border-radius: 50%;

    transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);

    transform: scale(0.5) rotate(-45deg);

    transform-origin: 50% 100%;

}

.noUi-target .noUi-active .range-label {

    border-radius: 15px 15px 15px 0;

    transform: rotate(-45deg) translate(23px, -25px);

}

.range-label span {

    width: 100%;

    text-align: center;

    color: #fff;

    font-size: 12px;

    transform: rotate(45deg);

    opacity: 0;

    position: absolute;

    top: 7px;

    left: -1px;

    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);

}

.noUi-active .range-label span {

    opacity: 1;

}

.ms-container {

    width: auto !important;

}

.ms-container .ms-list {

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

    -ms-box-shadow: none !important;

    box-shadow: none !important;

    -webkit-border-radius: 0 !important;

    -moz-border-radius: 0 !important;

    -ms-border-radius: 0 !important;

    border-radius: 0 !important;

}

.ms-container .ms-list.ms-focus {

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

    -ms-box-shadow: none !important;

    box-shadow: none !important;

}

.ms-container .ms-selectable,

.ms-container .ms-selection {

    min-width: 250px !important;

}

.ms-container .ms-selectable li.ms-hover,

.ms-container .ms-selection li.ms-hover {

    color: #000000 !important;

    background-color: #e6e6e6 !important;

}

.ms-container .ms-selectable li.ms-elem-selectable,

.ms-container .ms-selectable li.ms-elem-selection,

.ms-container .ms-selection li.ms-elem-selectable,

.ms-container .ms-selection li.ms-elem-selection {

    padding: 9px 15px 6px 15px !important;

}

.ms-container .ms-optgroup-label {

    padding: 5px 0 0 8px !important;

}

.card {

    background: #fff;

    min-height: 50px;

    box-shadow: none;

    position: relative;

    margin-bottom: 0px;

    transition: 0.5s;

    border: none;

    border-radius: 5px;

}

.card .card-inside-title {

    margin-top: 25px;

    margin-bottom: 15px;

    display: block;

    font-size: 15px;

    color: #000;

}

.card .card-inside-title small {

    color: #999;

    display: block;

    font-size: 11px;

    margin-top: 5px;

}

.card .card-inside-title small a {

    color: #777;

    font-weight: bold;

}

.card .card-inside-title:first-child {

    margin-top: 0;

}

.card .bg-red,

.card .bg-pink,

.card .bg-purple,

.card .bg-deep-purple,

.card .bg-indigo,

.card .bg-blue,

.card .bg-light-blue,

.card .bg-cyan,

.card .bg-teal,

.card .bg-green,

.card .bg-light-green,

.card .bg-lime,

.card .bg-yellow,

.card .bg-amber,

.card .bg-orange,

.card .bg-deep-orange,

.card .bg-brown,

.card .bg-grey,

.card .bg-blue-grey,

.card .bg-blush,

.card .bg-black {

    border-bottom: none !important;

    color: #fff !important;

}

.card .bg-red h2,

.card .bg-red small,

.card .bg-red .material-icons,

.card .bg-pink h2,

.card .bg-pink small,

.card .bg-pink .material-icons,

.card .bg-purple h2,

.card .bg-purple small,

.card .bg-purple .material-icons,

.card .bg-deep-purple h2,

.card .bg-deep-purple small,

.card .bg-deep-purple .material-icons,

.card .bg-indigo h2,

.card .bg-indigo small,

.card .bg-indigo .material-icons,

.card .bg-blue h2,

.card .bg-blue small,

.card .bg-blue .material-icons,

.card .bg-light-blue h2,

.card .bg-light-blue small,

.card .bg-light-blue .material-icons,

.card .bg-cyan h2,

.card .bg-cyan small,

.card .bg-cyan .material-icons,

.card .bg-teal h2,

.card .bg-teal small,

.card .bg-teal .material-icons,

.card .bg-green h2,

.card .bg-green small,

.card .bg-green .material-icons,

.card .bg-light-green h2,

.card .bg-light-green small,

.card .bg-light-green .material-icons,

.card .bg-lime h2,

.card .bg-lime small,

.card .bg-lime .material-icons,

.card .bg-yellow h2,

.card .bg-yellow small,

.card .bg-yellow .material-icons,

.card .bg-amber h2,

.card .bg-amber small,

.card .bg-amber .material-icons,

.card .bg-orange h2,

.card .bg-orange small,

.card .bg-orange .material-icons,

.card .bg-deep-orange h2,

.card .bg-deep-orange small,

.card .bg-deep-orange .material-icons,

.card .bg-brown h2,

.card .bg-brown small,

.card .bg-brown .material-icons,

.card .bg-grey h2,

.card .bg-grey small,

.card .bg-grey .material-icons,

.card .bg-blue-grey h2,

.card .bg-blue-grey small,

.card .bg-blue-grey .material-icons,

.card .bg-blush h2,

.card .bg-blush small,

.card .bg-blush .material-icons,

.card .bg-black h2,

.card .bg-black small,

.card .bg-black .material-icons {

    color: #fff !important;

}

.card .bg-red .badge,

.card .bg-pink .badge,

.card .bg-purple .badge,

.card .bg-deep-purple .badge,

.card .bg-indigo .badge,

.card .bg-blue .badge,

.card .bg-light-blue .badge,

.card .bg-cyan .badge,

.card .bg-teal .badge,

.card .bg-green .badge,

.card .bg-light-green .badge,

.card .bg-lime .badge,

.card .bg-yellow .badge,

.card .bg-amber .badge,

.card .bg-orange .badge,

.card .bg-deep-orange .badge,

.card .bg-brown .badge,

.card .bg-grey .badge,

.card .bg-blue-grey .badge,

.card .bg-blush .badge,

.card .bg-black .badge {

    background-color: #fff;

    color: #555;

}

.card .header {

    color: #555;

    padding: 0 0 10px 0;

    position: relative;

    box-shadow: none;

    margin-bottom: 0;

    border-radius: 0;

}

.card .header .header-dropdown {

    position: absolute;

    top: -5px;

    right: 5px;

    list-style: none;

    margin: 0;

    padding: 0;

}

.card .header .header-dropdown a {

    padding: 8px 10px;

    display: block;

}

.card .header .header-dropdown a:hover {

    color: inherit;

    text-decoration: none;

}

.card .header .header-dropdown a::after {

    display: none;

}

.card .header .header-dropdown .dropdown-menu li {

    display: block !important;

}

.card .header .header-dropdown li {

    display: inline-block;

}

.card .header .header-dropdown i {

    font-size: 20px;

    color: #999;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.card .header .header-dropdown i:hover {

    color: #000;

}

.card .header h2 {

    margin: 0;

    font-size: 16px;

    font-weight: normal;

    color: #111;

    text-transform: uppercase;

}

.card .header h2 small {

    display: block;

    font-size: 12px;

    margin-top: 5px;

    color: #999;

    line-height: 15px;

    text-transform: capitalize;

}

.card .header h2 small a {

    font-weight: bold;

    color: #777;

}

.card .p-15 {

    padding: 15px !important;

}

.card .body {

    font-size: 14px;

    color: #444;

    padding: 15px;

    font-weight: 400;

}

.card .body .col-xs-1,

.card .body .col-sm-1,

.card .body .col-md-1,

.card .body .col-lg-1 {

    margin-bottom: 0px;

}

.card .body .col-xs-2,

.card .body .col-sm-2,

.card .body .col-md-2,

.card .body .col-lg-2 {

    margin-bottom: 0px;

}

.card .body .col-xs-3,

.card .body .col-sm-3,

.card .body .col-md-3,

.card .body .col-lg-3 {

    margin-bottom: 0px;

}

.card .body .col-xs-4,

.card .body .col-sm-4,

.card .body .col-md-4,

.card .body .col-lg-4 {

    margin-bottom: 0px;

}

.card .body .col-xs-5,

.card .body .col-sm-5,

.card .body .col-md-5,

.card .body .col-lg-5 {

    margin-bottom: 0px;

}

.card .body .col-xs-6,

.card .body .col-sm-6,

.card .body .col-md-6,

.card .body .col-lg-6 {

    margin-bottom: 0px;

}

.card .body .col-xs-7,

.card .body .col-sm-7,

.card .body .col-md-7,

.card .body .col-lg-7 {

    margin-bottom: 0px;

}

.card .body .col-xs-8,

.card .body .col-sm-8,

.card .body .col-md-8,

.card .body .col-lg-8 {

    margin-bottom: 0px;

}

.card .body .col-xs-9,

.card .body .col-sm-9,

.card .body .col-md-9,

.card .body .col-lg-9 {

    margin-bottom: 0px;

}

.card .body .col-xs-10,

.card .body .col-sm-10,

.card .body .col-md-10,

.card .body .col-lg-10 {

    margin-bottom: 0px;

}

.card .body .col-xs-11,

.card .body .col-sm-11,

.card .body .col-md-11,

.card .body .col-lg-11 {

    margin-bottom: 0px;

}

.card .body .col-xs-12,

.card .body .col-sm-12,

.card .body .col-md-12,

.card .body .col-lg-12 {

    margin-bottom: 0px;

}

.info-box {

    box-shadow: none;

    height: 80px;

    display: flex;

    cursor: default;

    background-color: #fff;

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

    transition: 0.5s;

    border: 1px solid #f2f2f2;

}

.info-box:hover {

    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);

    transition: all 150ms linear;

}

.info-box .icon {

    display: inline-block;

    text-align: center;

    background-color: rgba(0, 0, 0, 0.12);

    width: 70px;

}

.info-box .icon i {

    color: #fff;

    font-size: 28px;

    line-height: 80px;

}

.info-box .icon .chart.chart-bar {

    height: 100%;

    line-height: 100px;

}

.info-box .icon .chart.chart-bar canvas {

    vertical-align: baseline !important;

}

.info-box .icon .chart.chart-pie {

    height: 100%;

    line-height: 123px;

}

.info-box .icon .chart.chart-pie canvas {

    vertical-align: baseline !important;

}

.info-box .icon .chart.chart-line {

    height: 100%;

    line-height: 115px;

}

.info-box .icon .chart.chart-line canvas {

    vertical-align: baseline !important;

}

.info-box .content {

    display: inline-block;

    padding: 7px 10px;

}

.info-box .content .text {

    font-size: 12px;

    margin: 5px 0;

    color: #555;

}

.info-box .content .number {

    font-weight: normal;

    font-size: 20px;

    margin-top: 0px;

    color: #555;

}

.info-box.hover-zoom-effect .icon {

    overflow: hidden;

}

.info-box.hover-zoom-effect .icon i {

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.info-box.hover-zoom-effect:hover .icon i {

    opacity: 0.4;

    -moz-transform: rotate(-32deg) scale(1.4);

    -ms-transform: rotate(-32deg) scale(1.4);

    -o-transform: rotate(-32deg) scale(1.4);

    -webkit-transform: rotate(-32deg) scale(1.4);

    transform: rotate(-32deg) scale(1.4);

}

.info-box.hover-expand-effect:after {

    background-color: rgba(0, 0, 0, 0.05);

    content: ".";

    position: absolute;

    left: 80px;

    top: 0;

    width: 0;

    height: 100%;

    color: transparent;

    -moz-transition: all 0.95s;

    -o-transition: all 0.95s;

    -webkit-transition: all 0.95s;

    transition: all 0.95s;

}

.info-box.hover-expand-effect:hover:after {

    width: 100%;

}

.info-box-2 {

    box-shadow: none;

    height: 80px;

    display: flex;

    cursor: default;

    background-color: #fff;

    position: relative;

    overflow: hidden;

    margin-bottom: 15px;

    transition: 0.5s;

    border: 1px solid #f2f2f2;

}

.info-box-2:hover {

    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);

    transition: all 150ms linear;

}

.info-box-2 .icon {

    display: inline-block;

    text-align: center;

    width: 70px;

}

.info-box-2 .icon i {

    color: #fff;

    font-size: 35px;

    line-height: 80px;

}

.info-box-2 .chart.chart-bar {

    height: 100%;

    line-height: 105px;

}

.info-box-2 .chart.chart-bar canvas {

    vertical-align: baseline !important;

}

.info-box-2 .chart.chart-pie {

    height: 100%;

    line-height: 123px;

}

.info-box-2 .chart.chart-pie canvas {

    vertical-align: baseline !important;

}

.info-box-2 .chart.chart-line {

    height: 100%;

    line-height: 115px;

}

.info-box-2 .chart.chart-line canvas {

    vertical-align: baseline !important;

}

.info-box-2 .content {

    display: inline-block;

    padding: 7px 10px;

}

.info-box-2 .content .text {

    font-size: 14px;

    margin: 5px 0;

    color: #555;

}

.info-box-2 .content .number {

    font-weight: normal;

    font-size: 20px;

    margin-top: 0px;

    color: #555;

}

.info-box-2.hover-zoom-effect .icon {

    overflow: hidden;

}

.info-box-2.hover-zoom-effect .icon i {

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.info-box-2.hover-zoom-effect:hover .icon i {

    opacity: 0.4;

    -moz-transform: rotate(-32deg) scale(1.4);

    -ms-transform: rotate(-32deg) scale(1.4);

    -o-transform: rotate(-32deg) scale(1.4);

    -webkit-transform: rotate(-32deg) scale(1.4);

    transform: rotate(-32deg) scale(1.4);

}

.info-box-2.hover-expand-effect:after {

    background-color: rgba(0, 0, 0, 0.05);

    content: ".";

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    color: transparent;

    -moz-transition: all 0.95s;

    -o-transition: all 0.95s;

    -webkit-transition: all 0.95s;

    transition: all 0.95s;

}

.info-box-2.hover-expand-effect:hover:after {

    width: 100%;

}

.info-box-3 {

    box-shadow: none;

    height: 80px;

    display: flex;

    cursor: default;

    background-color: #fff;

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

    transition: 0.5s;

    border: 1px solid #f2f2f2;

}

.info-box-3:hover {

    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);

    transition: all 150ms linear;

}

.info-box-3 .icon {

    position: absolute;

    right: 10px;

    bottom: 2px;

    text-align: center;

}

.info-box-3 .icon i {

    color: rgba(0, 0, 0, 0.15);

    font-size: 60px;

}

.info-box-3 .chart {

    margin-right: 5px;

}

.info-box-3 .chart.chart-bar {

    height: 100%;

    line-height: 50px;

}

.info-box-3 .chart.chart-bar canvas {

    vertical-align: baseline !important;

}

.info-box-3 .chart.chart-pie {

    height: 100%;

    line-height: 34px;

}

.info-box-3 .chart.chart-pie canvas {

    vertical-align: baseline !important;

}

.info-box-3 .chart.chart-line {

    height: 100%;

    line-height: 40px;

}

.info-box-3 .chart.chart-line canvas {

    vertical-align: baseline !important;

}

.info-box-3 .content {

    display: inline-block;

    padding: 7px 16px;

}

.info-box-3 .content .text {

    font-size: 12px;

    margin: 5px 0;

    color: #555;

}

.info-box-3 .content .number {

    font-weight: normal;

    font-size: 20px;

    margin-top: 0px;

    color: #555;

}

.info-box-3.hover-zoom-effect .icon i {

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.info-box-3.hover-zoom-effect:hover .icon i {

    opacity: 0.4;

    -moz-transform: rotate(-32deg) scale(1.4);

    -ms-transform: rotate(-32deg) scale(1.4);

    -o-transform: rotate(-32deg) scale(1.4);

    -webkit-transform: rotate(-32deg) scale(1.4);

    transform: rotate(-32deg) scale(1.4);

}

.info-box-3.hover-expand-effect:after {

    background-color: rgba(0, 0, 0, 0.05);

    content: ".";

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    color: transparent;

    -moz-transition: all 0.95s;

    -o-transition: all 0.95s;

    -webkit-transition: all 0.95s;

    transition: all 0.95s;

}

.info-box-3.hover-expand-effect:hover:after {

    width: 100%;

}

.info-box-4 {

    box-shadow: none;

    height: 80px;

    display: flex;

    cursor: default;

    background-color: #fff;

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

    transition: 0.5s;

    border: 1px solid #f2f2f2;

}

.info-box-4:hover {

    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);

    transition: all 150ms linear;

}

.info-box-4 .icon {

    position: absolute;

    right: 20px;

    top: 25px;

    text-align: center;

}

.info-box-4 .icon i {

    color: rgba(0, 0, 0, 0.15);

    font-size: 28px;

}

.info-box-4 .chart {

    margin-right: 5px;

}

.info-box-4 .chart.chart-bar {

    height: 100%;

    line-height: 50px;

}

.info-box-4 .chart.chart-bar canvas {

    vertical-align: baseline !important;

}

.info-box-4 .chart.chart-pie {

    height: 100%;

    line-height: 34px;

}

.info-box-4 .chart.chart-pie canvas {

    vertical-align: baseline !important;

}

.info-box-4 .chart.chart-line {

    height: 100%;

    line-height: 40px;

}

.info-box-4 .chart.chart-line canvas {

    vertical-align: baseline !important;

}

.info-box-4 .content {

    display: inline-block;

    padding: 7px 16px;

}

.info-box-4 .content .text {

    font-size: 12px;

    margin: 5px 0;

    color: #555;

}

.info-box-4 .content .number {

    font-weight: normal;

    font-size: 20px;

    margin-top: 0px;

    color: #555;

}

.info-box-4.hover-zoom-effect .icon i {

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.info-box-4.hover-zoom-effect:hover .icon i {

    opacity: 0.4;

    -moz-transform: rotate(-32deg) scale(1.4);

    -ms-transform: rotate(-32deg) scale(1.4);

    -o-transform: rotate(-32deg) scale(1.4);

    -webkit-transform: rotate(-32deg) scale(1.4);

    transform: rotate(-32deg) scale(1.4);

}

.info-box-4.hover-expand-effect:after {

    background-color: rgba(0, 0, 0, 0.05);

    content: ".";

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    color: transparent;

    -moz-transition: all 0.95s;

    -o-transition: all 0.95s;

    -webkit-transition: all 0.95s;

    transition: all 0.95s;

}

.info-box-4.hover-expand-effect:hover:after {

    width: 100%;

}

@media only screen and (max-width: 500px) {

    .home .info-box-2 {

        margin-bottom: 0;

    }

}

.alert {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    box-shadow: none;

    border: none;

    color: #fff !important;

}

.alert .alert-link {

    color: #fff;

    text-decoration: underline;

    font-weight: bold;

}

.alert-success {

    background-color: #2b982b;

}

.alert-info {

    background-color: #00b0e4;

}

.alert-warning {

    background-color: #ff9600 !important;

}

.alert-danger {

    background-color: #fb483a !important;

}

.alert-dismissible .close {

    color: #fff;

    opacity: 1;

    border: none;

    text-shadow: none;

}

.notify {

    position: absolute;

    top: 27px;

    right: 14px;

}

.notify .heartbit {

    position: absolute;

    top: -20px;

    right: -16px;

    height: 25px;

    width: 25px;

    z-index: 10;

    border: 4px solid;

    border-color: #30373e;

    border-radius: 70px;

    animation: heartbit 1s ease-out;

    -moz-animation: heartbit 1s ease-out;

    -moz-animation-iteration-count: infinite;

    -o-animation: heartbit 1s ease-out;

    -o-animation-iteration-count: infinite;

    -webkit-animation: heartbit 1s ease-out;

    -ms-animation: heartbit 1s ease-out;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}

.notify .point {

    width: 6px;

    height: 6px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

    background-color: #30373e;

    position: absolute;

    right: -6px;

    top: -10px;

}

@-moz-keyframes heartbit {

    0% {

        -moz-transform: scale(0);

        opacity: 0;

    }

    25% {

        -moz-transform: scale(0.1);

        opacity: 0.1;

    }

    50% {

        -moz-transform: scale(0.5);

        opacity: 0.3;

    }

    75% {

        -moz-transform: scale(0.8);

        opacity: 0.5;

    }

    100% {

        -moz-transform: scale(1);

        opacity: 0;

    }

}

@-webkit-keyframes heartbit {

    0% {

        -webkit-transform: scale(0);

        opacity: 0;

    }

    25% {

        -webkit-transform: scale(0.1);

        opacity: 0.1;

    }

    50% {

        -webkit-transform: scale(0.5);

        opacity: 0.3;

    }

    75% {

        -webkit-transform: scale(0.8);

        opacity: 0.5;

    }

    100% {

        -webkit-transform: scale(1);

        opacity: 0;

    }

}

@-ms-keyframes heartbit {

    0% {

        -ms-transform: scale(0);

        opacity: 0;

    }

    25% {

        -ms-transform: scale(0.1);

        opacity: 0.1;

    }

    50% {

        -ms-transform: scale(0.5);

        opacity: 0.3;

    }

    75% {

        -ms-transform: scale(0.8);

        opacity: 0.5;

    }

    100% {

        -ms-transform: scale(1);

        opacity: 0;

    }

}

.sweet-alert {

    -webkit-border-radius: 0 !important;

    -moz-border-radius: 0 !important;

    -ms-border-radius: 0 !important;

    border-radius: 0 !important;

}

.sweet-alert p {

    font-size: 14px !important;

}

.sweet-alert .sa-input-error {

    top: 23px !important;

    right: 13px !important;

}

.sweet-alert h2 {

    font-size: 18px !important;

    margin: 0 0 5px 0 !important;

}

.sweet-alert button {

    font-size: 15px !important;

    -webkit-border-radius: 0 !important;

    -moz-border-radius: 0 !important;

    -ms-border-radius: 0 !important;

    border-radius: 0 !important;

    padding: 5px 20px !important;

}

[type="checkbox"] + label {

    padding-left: 26px;

    height: 25px;

    line-height: 21px;

    font-size: 13px;

    font-weight: normal;

}

[type="checkbox"]:checked + label:before {

    top: -4px;

    left: -2px;

    width: 11px;

    height: 19px;

}

[type="checkbox"]:checked.chk-col-red + label:before {

    border-right: 2px solid #ec3b57;

    border-bottom: 2px solid #ec3b57;

}

[type="checkbox"]:checked.chk-col-pink + label:before {

    border-right: 2px solid #e91e63;

    border-bottom: 2px solid #e91e63;

}

[type="checkbox"]:checked.chk-col-purple + label:before {

    border-right: 2px solid #ba3bd0;

    border-bottom: 2px solid #ba3bd0;

}

[type="checkbox"]:checked.chk-col-deep-purple + label:before {

    border-right: 2px solid #673ab7;

    border-bottom: 2px solid #673ab7;

}

[type="checkbox"]:checked.chk-col-blue + label:before {

    border-right: 2px solid #457fca;

    border-bottom: 2px solid #457fca;

}

[type="checkbox"]:checked.chk-col-cyan + label:before {

    border-right: 2px solid #379c94;

    border-bottom: 2px solid #379c94;

}

[type="checkbox"]:checked.chk-col-green + label:before {

    border-right: 2px solid #78b83e;

    border-bottom: 2px solid #78b83e;

}

[type="checkbox"]:checked.chk-col-light-green + label:before {

    border-right: 2px solid #8bc34a;

    border-bottom: 2px solid #8bc34a;

}

[type="checkbox"]:checked.chk-col-yellow + label:before {

    border-right: 2px solid #ffe821;

    border-bottom: 2px solid #ffe821;

}

[type="checkbox"]:checked.chk-col-orange + label:before {

    border-right: 2px solid #ff9800;

    border-bottom: 2px solid #ff9800;

}

[type="checkbox"]:checked.chk-col-deep-orange + label:before {

    border-right: 2px solid #f83600;

    border-bottom: 2px solid #f83600;

}

[type="checkbox"]:checked.chk-col-grey + label:before {

    border-right: 2px solid #9e9e9e;

    border-bottom: 2px solid #9e9e9e;

}

[type="checkbox"]:checked.chk-col-blue-grey + label:before {

    border-right: 2px solid #607d8b;

    border-bottom: 2px solid #607d8b;

}

[type="checkbox"]:checked.chk-col-indigo + label:before {

    border-right: 2px solid #3f51b5;

    border-bottom: 2px solid #3f51b5;

}

[type="checkbox"]:checked.chk-col-light-blue + label:before {

    border-right: 2px solid #03a9f4;

    border-bottom: 2px solid #03a9f4;

}

[type="checkbox"]:checked.chk-col-teal + label:before {

    border-right: 2px solid #009688;

    border-bottom: 2px solid #009688;

}

[type="checkbox"]:checked.chk-col-lime + label:before {

    border-right: 2px solid #cddc39;

    border-bottom: 2px solid #cddc39;

}

[type="checkbox"]:checked.chk-col-amber + label:before {

    border-right: 2px solid #ffc107;

    border-bottom: 2px solid #ffc107;

}

[type="checkbox"]:checked.chk-col-brown + label:before {

    border-right: 2px solid #795548;

    border-bottom: 2px solid #795548;

}

[type="checkbox"]:checked.chk-col-blush + label:before {

    border-right: 2px solid #f15f79;

    border-bottom: 2px solid #f15f79;

}

[type="checkbox"]:checked.chk-col-black + label:before {

    border-right: 2px solid #000;

    border-bottom: 2px solid #000;

}

[type="checkbox"]:checked.chk-col-white + label:before {

    border-right: 2px solid #fff;

    border-bottom: 2px solid #fff;

}

[type="checkbox"].filled-in:checked + label:after {

    top: 0;

    width: 20px;

    height: 20px;

    border: 2px solid #26a69a;

    background-color: #26a69a;

    z-index: 0;

}

[type="checkbox"].filled-in:checked + label:before {

    border-right: 2px solid #fff !important;

    border-bottom: 2px solid #fff !important;

}

[type="checkbox"].filled-in:checked.chk-col-red + label:after {

    border: 2px solid #ec3b57;

    background-color: #ec3b57;

}

[type="checkbox"].filled-in:checked.chk-col-pink + label:after {

    border: 2px solid #e91e63;

    background-color: #e91e63;

}

[type="checkbox"].filled-in:checked.chk-col-purple + label:after {

    border: 2px solid #ba3bd0;

    background-color: #ba3bd0;

}

[type="checkbox"].filled-in:checked.chk-col-deep-purple + label:after {

    border: 2px solid #673ab7;

    background-color: #673ab7;

}

[type="checkbox"].filled-in:checked.chk-col-blue + label:after {

    border: 2px solid #457fca;

    background-color: #457fca;

}

[type="checkbox"].filled-in:checked.chk-col-cyan + label:after {

    border: 2px solid #379c94;

    background-color: #379c94;

}

[type="checkbox"].filled-in:checked.chk-col-green + label:after {

    border: 2px solid #78b83e;

    background-color: #78b83e;

}

[type="checkbox"].filled-in:checked.chk-col-light-green + label:after {

    border: 2px solid #8bc34a;

    background-color: #8bc34a;

}

[type="checkbox"].filled-in:checked.chk-col-yellow + label:after {

    border: 2px solid #ffe821;

    background-color: #ffe821;

}

[type="checkbox"].filled-in:checked.chk-col-orange + label:after {

    border: 2px solid #ff9800;

    background-color: #ff9800;

}

[type="checkbox"].filled-in:checked.chk-col-deep-orange + label:after {

    border: 2px solid #f83600;

    background-color: #f83600;

}

[type="checkbox"].filled-in:checked.chk-col-grey + label:after {

    border: 2px solid #9e9e9e;

    background-color: #9e9e9e;

}

[type="checkbox"].filled-in:checked.chk-col-blue-grey + label:after {

    border: 2px solid #607d8b;

    background-color: #607d8b;

}

[type="checkbox"].filled-in:checked.chk-col-indigo + label:after {

    border: 2px solid #3f51b5;

    background-color: #3f51b5;

}

[type="checkbox"].filled-in:checked.chk-col-light-blue + label:after {

    border: 2px solid #03a9f4;

    background-color: #03a9f4;

}

[type="checkbox"].filled-in:checked.chk-col-teal + label:after {

    border: 2px solid #009688;

    background-color: #009688;

}

[type="checkbox"].filled-in:checked.chk-col-lime + label:after {

    border: 2px solid #cddc39;

    background-color: #cddc39;

}

[type="checkbox"].filled-in:checked.chk-col-amber + label:after {

    border: 2px solid #ffc107;

    background-color: #ffc107;

}

[type="checkbox"].filled-in:checked.chk-col-brown + label:after {

    border: 2px solid #795548;

    background-color: #795548;

}

[type="checkbox"].filled-in:checked.chk-col-blush + label:after {

    border: 2px solid #f15f79;

    background-color: #f15f79;

}

[type="checkbox"].filled-in:checked.chk-col-black + label:after {

    border: 2px solid #000;

    background-color: #000;

}

[type="checkbox"].filled-in:checked.chk-col-white + label:after {

    border: 2px solid #fff;

    background-color: #fff;

}

[type="radio"]:not(:checked) + label {

    padding-left: 26px;

    height: 25px;

    line-height: 25px;

    font-size: 13px;

    font-weight: normal;

}

[type="radio"]:checked + label {

    padding-left: 26px;

    height: 25px;

    line-height: 25px;

    font-size: 13px;

    font-weight: normal;

}

[type="radio"].radio-col-red:checked + label:after {

    background-color: #ec3b57;

    border-color: #ec3b57;

}

[type="radio"].radio-col-pink:checked + label:after {

    background-color: #e91e63;

    border-color: #e91e63;

}

[type="radio"].radio-col-purple:checked + label:after {

    background-color: #ba3bd0;

    border-color: #ba3bd0;

}

[type="radio"].radio-col-deep-purple:checked + label:after {

    background-color: #673ab7;

    border-color: #673ab7;

}

[type="radio"].radio-col-blue:checked + label:after {

    background-color: #457fca;

    border-color: #457fca;

}

[type="radio"].radio-col-cyan:checked + label:after {

    background-color: #379c94;

    border-color: #379c94;

}

[type="radio"].radio-col-green:checked + label:after {

    background-color: #78b83e;

    border-color: #78b83e;

}

[type="radio"].radio-col-light-green:checked + label:after {

    background-color: #8bc34a;

    border-color: #8bc34a;

}

[type="radio"].radio-col-yellow:checked + label:after {

    background-color: #ffe821;

    border-color: #ffe821;

}

[type="radio"].radio-col-orange:checked + label:after {

    background-color: #ff9800;

    border-color: #ff9800;

}

[type="radio"].radio-col-deep-orange:checked + label:after {

    background-color: #f83600;

    border-color: #f83600;

}

[type="radio"].radio-col-grey:checked + label:after {

    background-color: #9e9e9e;

    border-color: #9e9e9e;

}

[type="radio"].radio-col-blue-grey:checked + label:after {

    background-color: #607d8b;

    border-color: #607d8b;

}

[type="radio"].radio-col-indigo:checked + label:after {

    background-color: #3f51b5;

    border-color: #3f51b5;

}

[type="radio"].radio-col-light-blue:checked + label:after {

    background-color: #03a9f4;

    border-color: #03a9f4;

}

[type="radio"].radio-col-teal:checked + label:after {

    background-color: #009688;

    border-color: #009688;

}

[type="radio"].radio-col-lime:checked + label:after {

    background-color: #cddc39;

    border-color: #cddc39;

}

[type="radio"].radio-col-amber:checked + label:after {

    background-color: #ffc107;

    border-color: #ffc107;

}

[type="radio"].radio-col-brown:checked + label:after {

    background-color: #795548;

    border-color: #795548;

}

[type="radio"].radio-col-blush:checked + label:after {

    background-color: #f15f79;

    border-color: #f15f79;

}

[type="radio"].radio-col-black:checked + label:after {

    background-color: #000;

    border-color: #000;

}

[type="radio"].radio-col-white:checked + label:after {

    background-color: #fff;

    border-color: #fff;

}

[type="radio"].with-gap.radio-col-red:checked + label:before {

    border: 2px solid #ec3b57;

}

[type="radio"].with-gap.radio-col-red:checked + label:after {

    background-color: #ec3b57;

    border: 2px solid #ec3b57;

}

[type="radio"].with-gap.radio-col-pink:checked + label:before {

    border: 2px solid #e91e63;

}

[type="radio"].with-gap.radio-col-pink:checked + label:after {

    background-color: #e91e63;

    border: 2px solid #e91e63;

}

[type="radio"].with-gap.radio-col-purple:checked + label:before {

    border: 2px solid #ba3bd0;

}

[type="radio"].with-gap.radio-col-purple:checked + label:after {

    background-color: #ba3bd0;

    border: 2px solid #ba3bd0;

}

[type="radio"].with-gap.radio-col-deep-purple:checked + label:before {

    border: 2px solid #673ab7;

}

[type="radio"].with-gap.radio-col-deep-purple:checked + label:after {

    background-color: #673ab7;

    border: 2px solid #673ab7;

}

[type="radio"].with-gap.radio-col-blue:checked + label:before {

    border: 2px solid #457fca;

}

[type="radio"].with-gap.radio-col-blue:checked + label:after {

    background-color: #457fca;

    border: 2px solid #457fca;

}

[type="radio"].with-gap.radio-col-cyan:checked + label:before {

    border: 2px solid #379c94;

}

[type="radio"].with-gap.radio-col-cyan:checked + label:after {

    background-color: #379c94;

    border: 2px solid #379c94;

}

[type="radio"].with-gap.radio-col-green:checked + label:before {

    border: 2px solid #78b83e;

}

[type="radio"].with-gap.radio-col-green:checked + label:after {

    background-color: #78b83e;

    border: 2px solid #78b83e;

}

[type="radio"].with-gap.radio-col-light-green:checked + label:before {

    border: 2px solid #8bc34a;

}

[type="radio"].with-gap.radio-col-light-green:checked + label:after {

    background-color: #8bc34a;

    border: 2px solid #8bc34a;

}

[type="radio"].with-gap.radio-col-yellow:checked + label:before {

    border: 2px solid #ffe821;

}

[type="radio"].with-gap.radio-col-yellow:checked + label:after {

    background-color: #ffe821;

    border: 2px solid #ffe821;

}

[type="radio"].with-gap.radio-col-orange:checked + label:before {

    border: 2px solid #ff9800;

}

[type="radio"].with-gap.radio-col-orange:checked + label:after {

    background-color: #ff9800;

    border: 2px solid #ff9800;

}

[type="radio"].with-gap.radio-col-deep-orange:checked + label:before {

    border: 2px solid #f83600;

}

[type="radio"].with-gap.radio-col-deep-orange:checked + label:after {

    background-color: #f83600;

    border: 2px solid #f83600;

}

[type="radio"].with-gap.radio-col-grey:checked + label:before {

    border: 2px solid #9e9e9e;

}

[type="radio"].with-gap.radio-col-grey:checked + label:after {

    background-color: #9e9e9e;

    border: 2px solid #9e9e9e;

}

[type="radio"].with-gap.radio-col-blue-grey:checked + label:before {

    border: 2px solid #607d8b;

}

[type="radio"].with-gap.radio-col-blue-grey:checked + label:after {

    background-color: #607d8b;

    border: 2px solid #607d8b;

}

[type="radio"].with-gap.radio-col-indigo:checked + label:before {

    border: 2px solid #3f51b5;

}

[type="radio"].with-gap.radio-col-indigo:checked + label:after {

    background-color: #3f51b5;

    border: 2px solid #3f51b5;

}

[type="radio"].with-gap.radio-col-light-blue:checked + label:before {

    border: 2px solid #03a9f4;

}

[type="radio"].with-gap.radio-col-light-blue:checked + label:after {

    background-color: #03a9f4;

    border: 2px solid #03a9f4;

}

[type="radio"].with-gap.radio-col-teal:checked + label:before {

    border: 2px solid #009688;

}

[type="radio"].with-gap.radio-col-teal:checked + label:after {

    background-color: #009688;

    border: 2px solid #009688;

}

[type="radio"].with-gap.radio-col-lime:checked + label:before {

    border: 2px solid #cddc39;

}

[type="radio"].with-gap.radio-col-lime:checked + label:after {

    background-color: #cddc39;

    border: 2px solid #cddc39;

}

[type="radio"].with-gap.radio-col-amber:checked + label:before {

    border: 2px solid #ffc107;

}

[type="radio"].with-gap.radio-col-amber:checked + label:after {

    background-color: #ffc107;

    border: 2px solid #ffc107;

}

[type="radio"].with-gap.radio-col-brown:checked + label:before {

    border: 2px solid #795548;

}

[type="radio"].with-gap.radio-col-brown:checked + label:after {

    background-color: #795548;

    border: 2px solid #795548;

}

[type="radio"].with-gap.radio-col-blush:checked + label:before {

    border: 2px solid #f15f79;

}

[type="radio"].with-gap.radio-col-blush:checked + label:after {

    background-color: #f15f79;

    border: 2px solid #f15f79;

}

[type="radio"].with-gap.radio-col-black:checked + label:before {

    border: 2px solid #000;

}

[type="radio"].with-gap.radio-col-black:checked + label:after {

    background-color: #000;

    border: 2px solid #000;

}

[type="radio"].with-gap.radio-col-white:checked + label:before {

    border: 2px solid #fff;

}

[type="radio"].with-gap.radio-col-white:checked + label:after {

    background-color: #fff;

    border: 2px solid #fff;

}

.switch label {

    font-weight: normal;

    font-size: 13px;

}

.switch label .lever {

    margin: 0 14px;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-red:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(236, 59, 87, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-red {

    background-color: rgba(236, 59, 87, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-red:after {

    background-color: #ec3b57;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-pink:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-pink {

    background-color: rgba(233, 30, 99, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-pink:after {

    background-color: #e91e63;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-purple:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(186, 59, 208, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-purple {

    background-color: rgba(186, 59, 208, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-purple:after {

    background-color: #ba3bd0;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-deep-purple:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-deep-purple {

    background-color: rgba(103, 58, 183, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-deep-purple:after {

    background-color: #673ab7;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-blue:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(69, 127, 202, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-blue {

    background-color: rgba(69, 127, 202, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-blue:after {

    background-color: #457fca;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-cyan:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(55, 156, 148, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-cyan {

    background-color: rgba(55, 156, 148, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-cyan:after {

    background-color: #379c94;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-green:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(120, 184, 62, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-green {

    background-color: rgba(120, 184, 62, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-green:after {

    background-color: #78b83e;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-light-green:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-light-green {

    background-color: rgba(139, 195, 74, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-light-green:after {

    background-color: #8bc34a;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-yellow:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 232, 33, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-yellow {

    background-color: rgba(255, 232, 33, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-yellow:after {

    background-color: #ffe821;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-orange:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-orange {

    background-color: rgba(255, 152, 0, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-orange:after {

    background-color: #ff9800;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-deep-orange:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(248, 54, 0, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-deep-orange {

    background-color: rgba(248, 54, 0, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-deep-orange:after {

    background-color: #f83600;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-grey:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-grey {

    background-color: rgba(158, 158, 158, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-grey:after {

    background-color: #9e9e9e;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-blue-grey:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-blue-grey {

    background-color: rgba(96, 125, 139, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-blue-grey:after {

    background-color: #607d8b;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-indigo:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-indigo {

    background-color: rgba(63, 81, 181, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-indigo:after {

    background-color: #3f51b5;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-light-blue:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-light-blue {

    background-color: rgba(3, 169, 244, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-light-blue:after {

    background-color: #03a9f4;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-teal:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-teal {

    background-color: rgba(0, 150, 136, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-teal:after {

    background-color: #009688;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-lime:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-lime {

    background-color: rgba(205, 220, 57, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-lime:after {

    background-color: #cddc39;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-amber:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-amber {

    background-color: rgba(255, 193, 7, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-amber:after {

    background-color: #ffc107;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-brown:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-brown {

    background-color: rgba(121, 85, 72, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-brown:after {

    background-color: #795548;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-blush:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(241, 95, 121, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-blush {

    background-color: rgba(241, 95, 121, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-blush:after {

    background-color: #f15f79;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-black:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-black {

    background-color: rgba(0, 0, 0, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-black:after {

    background-color: #000;

}

.switch label input[type="checkbox"]:checked:not(:disabled) ~ .lever.switch-col-white:active:after {

    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-white {

    background-color: rgba(255, 255, 255, 0.5);

}

.switch label input[type="checkbox"]:checked + .lever.switch-col-white:after {

    background-color: #fff;

}

.dtp div.dtp-date,

.dtp div.dtp-time {

    background: #007d72;

}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {

    background: #009688;

}

.dtp .dtp-buttons .dtp-btn-ok {

    margin-left: 10px;

}

.dtp .dtp-buttons .dtp-btn-clear {

    margin-right: 10px !important;

}

.dtp .p10 > a {

    color: #fff;

}

.dtp div.dtp-actual-year {

    font-size: 1.5em;

    color: #ffffff;

}

.dtp table.dtp-picker-days tr td a.selected {

    background: #007d72;

    color: #fff;

}

.bootstrap-select {

    box-shadow: none !important;

    border-bottom: 1px solid #ddd !important;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

}

.bootstrap-select .dropdown-toggle:focus,

.bootstrap-select .dropdown-toggle:active {

    outline: none !important;

}

.bootstrap-select .bs-searchbox,

.bootstrap-select .bs-actionsbox,

.bootstrap-select .bs-donebutton {

    padding: 0 0 5px 0;

    border-bottom: 1px solid #e9e9e9;

}

.bootstrap-select .bs-searchbox .form-control,

.bootstrap-select .bs-actionsbox .form-control,

.bootstrap-select .bs-donebutton .form-control {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

    -ms-box-shadow: none !important;

    box-shadow: none !important;

    border: none;

    margin-left: 30px;

}

.bootstrap-select .bs-searchbox {

    position: relative;

}

.bootstrap-select .bs-searchbox:after {

    content: "\E8B6";

    font-family: "Material Icons";

    position: absolute;

    top: 0;

    left: 10px;

    font-size: 25px;

}

.bootstrap-select ul.dropdown-menu {

    margin-top: 0 !important;

}

.bootstrap-select .dropdown-menu li.selected a {

    background-color: #eee !important;

    color: #555 !important;

}

.bootstrap-select .dropdown-menu .active a {

    background-color: transparent;

    color: #333 !important;

}

.bootstrap-select .dropdown-menu .notify {

    background-color: #f44336 !important;

    color: #fff !important;

    border: none !important;

}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {

    margin-top: 9px;

}

.tooltip {

    font-size: 13px;

}

.tooltip .tooltip-inner {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

}

.popover {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    border: 1px solid rgba(0, 0, 0, 0.08);

}

.popover .popover-title {

    font-weight: bold;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    background-color: #e9e9e9;

    border-bottom: 1px solid #ddd;

}

.popover .popover-content {

    font-size: 13px;

    color: #777;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

}

.nav-tabs {

    padding: 0;

    background: transparent;

}

.nav-tabs > li {

    position: relative;

}

.nav-tabs > li > a {

    border: none !important;

    color: #999 !important;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

}

.nav-tabs > li > a:hover,

.nav-tabs > li > a:active,

.nav-tabs > li > a:focus {

    background-color: transparent !important;

    color: #444 !important;

}

.nav-tabs > li > a span {

    text-transform: uppercase;

}

.nav-tabs > li > a:before {

    content: "";

    position: absolute;

    left: 0;

    width: 100%;

    height: 0;

    border-bottom: 2px solid #2196f3;

    bottom: 2px;

    -moz-transform: scaleX(0);

    -ms-transform: scaleX(0);

    -o-transform: scaleX(0);

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -moz-transition: 0.1s ease-in;

    -o-transition: 0.1s ease-in;

    -webkit-transition: 0.1s ease-in;

    transition: 0.1s ease-in;

}

.nav-tabs > li > a .material-icons {

    position: relative;

    top: 3px;

    margin-bottom: 8px;

}

.nav-tabs li.active a {

    color: #222 !important;

}

.nav-tabs li.active a:hover,

.nav-tabs li.active a:active,

.nav-tabs li.active a:focus {

    background-color: transparent !important;

}

.nav-tabs li.active a:before {

    -moz-transform: scaleX(1);

    -ms-transform: scaleX(1);

    -o-transform: scaleX(1);

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

}

.nav-tabs + .tab-content {

    padding: 15px 0;

}

.nav-tabs.tab-col-red > li > a:before {

    border-bottom: 2px solid #ec3b57;

}

.nav-tabs.tab-col-pink > li > a:before {

    border-bottom: 2px solid #e91e63;

}

.nav-tabs.tab-col-purple > li > a:before {

    border-bottom: 2px solid #ba3bd0;

}

.nav-tabs.tab-col-deep-purple > li > a:before {

    border-bottom: 2px solid #673ab7;

}

.nav-tabs.tab-col-blue > li > a:before {

    border-bottom: 2px solid #457fca;

}

.nav-tabs.tab-col-cyan > li > a:before {

    border-bottom: 2px solid #379c94;

}

.nav-tabs.tab-col-green > li > a:before {

    border-bottom: 2px solid #78b83e;

}

.nav-tabs.tab-col-light-green > li > a:before {

    border-bottom: 2px solid #8bc34a;

}

.nav-tabs.tab-col-yellow > li > a:before {

    border-bottom: 2px solid #ffe821;

}

.nav-tabs.tab-col-orange > li > a:before {

    border-bottom: 2px solid #ff9800;

}

.nav-tabs.tab-col-deep-orange > li > a:before {

    border-bottom: 2px solid #f83600;

}

.nav-tabs.tab-col-grey > li > a:before {

    border-bottom: 2px solid #9e9e9e;

}

.nav-tabs.tab-col-blue-grey > li > a:before {

    border-bottom: 2px solid #607d8b;

}

.nav-tabs.tab-col-indigo > li > a:before {

    border-bottom: 2px solid #3f51b5;

}

.nav-tabs.tab-col-light-blue > li > a:before {

    border-bottom: 2px solid #03a9f4;

}

.nav-tabs.tab-col-teal > li > a:before {

    border-bottom: 2px solid #009688;

}

.nav-tabs.tab-col-lime > li > a:before {

    border-bottom: 2px solid #cddc39;

}

.nav-tabs.tab-col-amber > li > a:before {

    border-bottom: 2px solid #ffc107;

}

.nav-tabs.tab-col-brown > li > a:before {

    border-bottom: 2px solid #795548;

}

.nav-tabs.tab-col-blush > li > a:before {

    border-bottom: 2px solid #f15f79;

}

.nav-tabs.tab-col-black > li > a:before {

    border-bottom: 2px solid #000;

}

.nav-tabs.tab-col-white > li > a:before {

    border-bottom: 2px solid #fff;

}

.thumbnail {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

}

.thumbnail p:not(button) {

    color: #999999;

    font-size: 14px;

}

.thumbnail h3 {

    font-weight: bold;

    font-size: 17px;

}

.modal .modal-header {

    border: none;

    padding: 25px 25px 5px 25px;

}

.modal .modal-header .modal-title {

    font-weight: bold;

    font-size: 16px;

}

.modal .modal-content {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important;

    border: none;

}

.modal .modal-content .modal-body {

    color: #777;

    padding: 15px 25px;

}

.modal .modal-footer {

    border: none;

}

.modal-col-red {

    background-color: #ec3b57;

}

.modal-col-red .modal-body,

.modal-col-red .modal-title {

    color: #fff !important;

}

.modal-col-red .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-red .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-red .modal-footer .btn-link:hover,

.modal-col-red .modal-footer .btn-link:active,

.modal-col-red .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-pink {

    background-color: #e91e63;

}

.modal-col-pink .modal-body,

.modal-col-pink .modal-title {

    color: #fff !important;

}

.modal-col-pink .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-pink .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-pink .modal-footer .btn-link:hover,

.modal-col-pink .modal-footer .btn-link:active,

.modal-col-pink .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-purple {

    background-color: #ba3bd0;

}

.modal-col-purple .modal-body,

.modal-col-purple .modal-title {

    color: #fff !important;

}

.modal-col-purple .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-purple .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-purple .modal-footer .btn-link:hover,

.modal-col-purple .modal-footer .btn-link:active,

.modal-col-purple .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-deep-purple {

    background-color: #673ab7;

}

.modal-col-deep-purple .modal-body,

.modal-col-deep-purple .modal-title {

    color: #fff !important;

}

.modal-col-deep-purple .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-deep-purple .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-deep-purple .modal-footer .btn-link:hover,

.modal-col-deep-purple .modal-footer .btn-link:active,

.modal-col-deep-purple .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-blue {

    background-color: #457fca;

}

.modal-col-blue .modal-body,

.modal-col-blue .modal-title {

    color: #fff !important;

}

.modal-col-blue .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-blue .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-blue .modal-footer .btn-link:hover,

.modal-col-blue .modal-footer .btn-link:active,

.modal-col-blue .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-cyan {

    background-color: #379c94;

}

.modal-col-cyan .modal-body,

.modal-col-cyan .modal-title {

    color: #fff !important;

}

.modal-col-cyan .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-cyan .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-cyan .modal-footer .btn-link:hover,

.modal-col-cyan .modal-footer .btn-link:active,

.modal-col-cyan .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-green {

    background-color: #78b83e;

}

.modal-col-green .modal-body,

.modal-col-green .modal-title {

    color: #fff !important;

}

.modal-col-green .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-green .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-green .modal-footer .btn-link:hover,

.modal-col-green .modal-footer .btn-link:active,

.modal-col-green .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-light-green {

    background-color: #8bc34a;

}

.modal-col-light-green .modal-body,

.modal-col-light-green .modal-title {

    color: #fff !important;

}

.modal-col-light-green .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-light-green .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-light-green .modal-footer .btn-link:hover,

.modal-col-light-green .modal-footer .btn-link:active,

.modal-col-light-green .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-yellow {

    background-color: #ffe821;

}

.modal-col-yellow .modal-body,

.modal-col-yellow .modal-title {

    color: #fff !important;

}

.modal-col-yellow .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-yellow .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-yellow .modal-footer .btn-link:hover,

.modal-col-yellow .modal-footer .btn-link:active,

.modal-col-yellow .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-orange {

    background-color: #ff9800;

}

.modal-col-orange .modal-body,

.modal-col-orange .modal-title {

    color: #fff !important;

}

.modal-col-orange .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-orange .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-orange .modal-footer .btn-link:hover,

.modal-col-orange .modal-footer .btn-link:active,

.modal-col-orange .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-deep-orange {

    background-color: #f83600;

}

.modal-col-deep-orange .modal-body,

.modal-col-deep-orange .modal-title {

    color: #fff !important;

}

.modal-col-deep-orange .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-deep-orange .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-deep-orange .modal-footer .btn-link:hover,

.modal-col-deep-orange .modal-footer .btn-link:active,

.modal-col-deep-orange .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-grey {

    background-color: #9e9e9e;

}

.modal-col-grey .modal-body,

.modal-col-grey .modal-title {

    color: #fff !important;

}

.modal-col-grey .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-grey .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-grey .modal-footer .btn-link:hover,

.modal-col-grey .modal-footer .btn-link:active,

.modal-col-grey .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-blue-grey {

    background-color: #607d8b;

}

.modal-col-blue-grey .modal-body,

.modal-col-blue-grey .modal-title {

    color: #fff !important;

}

.modal-col-blue-grey .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-blue-grey .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-blue-grey .modal-footer .btn-link:hover,

.modal-col-blue-grey .modal-footer .btn-link:active,

.modal-col-blue-grey .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-indigo {

    background-color: #3f51b5;

}

.modal-col-indigo .modal-body,

.modal-col-indigo .modal-title {

    color: #fff !important;

}

.modal-col-indigo .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-indigo .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-indigo .modal-footer .btn-link:hover,

.modal-col-indigo .modal-footer .btn-link:active,

.modal-col-indigo .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-light-blue {

    background-color: #03a9f4;

}

.modal-col-light-blue .modal-body,

.modal-col-light-blue .modal-title {

    color: #fff !important;

}

.modal-col-light-blue .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-light-blue .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-light-blue .modal-footer .btn-link:hover,

.modal-col-light-blue .modal-footer .btn-link:active,

.modal-col-light-blue .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-teal {

    background-color: #009688;

}

.modal-col-teal .modal-body,

.modal-col-teal .modal-title {

    color: #fff !important;

}

.modal-col-teal .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-teal .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-teal .modal-footer .btn-link:hover,

.modal-col-teal .modal-footer .btn-link:active,

.modal-col-teal .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-lime {

    background-color: #cddc39;

}

.modal-col-lime .modal-body,

.modal-col-lime .modal-title {

    color: #fff !important;

}

.modal-col-lime .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-lime .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-lime .modal-footer .btn-link:hover,

.modal-col-lime .modal-footer .btn-link:active,

.modal-col-lime .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-amber {

    background-color: #ffc107;

}

.modal-col-amber .modal-body,

.modal-col-amber .modal-title {

    color: #fff !important;

}

.modal-col-amber .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-amber .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-amber .modal-footer .btn-link:hover,

.modal-col-amber .modal-footer .btn-link:active,

.modal-col-amber .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-brown {

    background-color: #795548;

}

.modal-col-brown .modal-body,

.modal-col-brown .modal-title {

    color: #fff !important;

}

.modal-col-brown .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-brown .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-brown .modal-footer .btn-link:hover,

.modal-col-brown .modal-footer .btn-link:active,

.modal-col-brown .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-blush {

    background-color: #f15f79;

}

.modal-col-blush .modal-body,

.modal-col-blush .modal-title {

    color: #fff !important;

}

.modal-col-blush .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-blush .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-blush .modal-footer .btn-link:hover,

.modal-col-blush .modal-footer .btn-link:active,

.modal-col-blush .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-black {

    background-color: #000;

}

.modal-col-black .modal-body,

.modal-col-black .modal-title {

    color: #fff !important;

}

.modal-col-black .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-black .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-black .modal-footer .btn-link:hover,

.modal-col-black .modal-footer .btn-link:active,

.modal-col-black .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-white {

    background-color: #fff;

}

.modal-col-white .modal-body,

.modal-col-white .modal-title {

    color: #fff !important;

}

.modal-col-white .modal-footer {

    background-color: rgba(0, 0, 0, 0.12);

}

.modal-col-white .modal-footer .btn-link {

    color: #fff !important;

}

.modal-col-white .modal-footer .btn-link:hover,

.modal-col-white .modal-footer .btn-link:active,

.modal-col-white .modal-footer .btn-link:focus {

    background-color: rgba(0, 0, 0, 0.12);

}

.label {

    border-radius: 3px;

    padding: 5px 12px;

    text-transform: uppercase;

    font-size: 10px;

    color: #fff;

    border-radius: 50px;

}

.label-primary {

    background-color: #1f91f3;

}

.label-success {

    background-color: #2b982b;

}

.label-info {

    background-color: #00b0e4;

}

.label-warning {

    background-color: #ff9600;

}

.label-danger {

    background-color: #fb483a;

}

.collapse .well,

.collapse.in .well,

.collapsing .well {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    margin-bottom: 0;

}

.table tbody tr td,

.table tbody tr th {

    padding: 10px;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

}

.table tbody tr.primary td,

.table tbody tr.primary th {

    background-color: #1f91f3;

    color: #fff;

}

.table tbody tr.success td,

.table tbody tr.success th {

    background-color: #2b982b;

    color: #fff;

}

.table tbody tr.info td,

.table tbody tr.info th {

    background-color: #00b0e4;

    color: #fff;

}

.table tbody tr.warning td,

.table tbody tr.warning th {

    background-color: #ff9600;

    color: #fff;

}

.table tbody tr.danger td,

.table tbody tr.danger th {

    background-color: #fb483a;

    color: #fff;

}

.table thead tr th {

    padding: 10px;

    border-bottom: 1px solid #eee;

}

.table-bordered {

    border-top: 1px solid #eee;

}

.table-bordered tbody tr td,

.table-bordered tbody tr th {

    padding: 10px;

    border: 1px solid #eee;

}

.table-bordered thead tr th {

    padding: 10px;

    border: 1px solid #eee;

}

.panel-group .panel-col-red .panel-title {

    background-color: #ec3b57 !important;

    color: #fff;

}

.panel-group .panel-col-red .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-pink .panel-title {

    background-color: #e91e63 !important;

    color: #fff;

}

.panel-group .panel-col-pink .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-purple .panel-title {

    background-color: #ba3bd0 !important;

    color: #fff;

}

.panel-group .panel-col-purple .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-deep-purple .panel-title {

    background-color: #673ab7 !important;

    color: #fff;

}

.panel-group .panel-col-deep-purple .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-blue .panel-title {

    background-color: #457fca !important;

    color: #fff;

}

.panel-group .panel-col-blue .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-cyan .panel-title {

    background-color: #379c94 !important;

    color: #fff;

}

.panel-group .panel-col-cyan .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-green .panel-title {

    background-color: #78b83e !important;

    color: #fff;

}

.panel-group .panel-col-green .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-light-green .panel-title {

    background-color: #8bc34a !important;

    color: #fff;

}

.panel-group .panel-col-light-green .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-yellow .panel-title {

    background-color: #ffe821 !important;

    color: #fff;

}

.panel-group .panel-col-yellow .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-orange .panel-title {

    background-color: #ff9800 !important;

    color: #fff;

}

.panel-group .panel-col-orange .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-deep-orange .panel-title {

    background-color: #f83600 !important;

    color: #fff;

}

.panel-group .panel-col-deep-orange .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-grey .panel-title {

    background-color: #9e9e9e !important;

    color: #fff;

}

.panel-group .panel-col-grey .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-blue-grey .panel-title {

    background-color: #607d8b !important;

    color: #fff;

}

.panel-group .panel-col-blue-grey .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-indigo .panel-title {

    background-color: #3f51b5 !important;

    color: #fff;

}

.panel-group .panel-col-indigo .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-light-blue .panel-title {

    background-color: #03a9f4 !important;

    color: #fff;

}

.panel-group .panel-col-light-blue .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-teal .panel-title {

    background-color: #009688 !important;

    color: #fff;

}

.panel-group .panel-col-teal .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-lime .panel-title {

    background-color: #cddc39 !important;

    color: #fff;

}

.panel-group .panel-col-lime .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-amber .panel-title {

    background-color: #ffc107 !important;

    color: #fff;

}

.panel-group .panel-col-amber .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-brown .panel-title {

    background-color: #795548 !important;

    color: #fff;

}

.panel-group .panel-col-brown .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-blush .panel-title {

    background-color: #f15f79 !important;

    color: #fff;

}

.panel-group .panel-col-blush .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-black .panel-title {

    background-color: #000 !important;

    color: #fff;

}

.panel-group .panel-col-black .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel-col-white .panel-title {

    background-color: #fff !important;

    color: #fff;

}

.panel-group .panel-col-white .panel-body {

    border-top-color: transparent !important;

}

.panel-group .panel {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    margin-bottom: 5px;

}

.panel-group .panel .panel-title {

    font-weight: normal;

    font-size: 16px;

}

.panel-group .panel .panel-title a {

    color: inherit;

}

.panel-group .panel .panel-title .material-icons {

    float: left;

    line-height: 16px;

    margin-right: 8px;

}

.panel-group .panel .panel-heading {

    padding: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

}

.panel-group .panel .panel-heading a {

    display: block;

    padding: 10px 15px;

}

.panel-group .panel .panel-heading a:hover,

.panel-group .panel .panel-heading a:focus,

.panel-group .panel .panel-heading a:active {

    text-decoration: none;

}

.panel-group .panel .panel-body {

    color: #555;

    padding: 20px;

    background: #fff;

}

.panel-group .panel-primary .panel-title {

    background-color: #fff;

    color: #555;

    font-weight: 400;

    font-size: 16px;

    margin: 0;

}

.panel-group .panel-success .panel-title {

    background-color: #2b982b;

    color: #fff;

}

.panel-group .panel-warning .panel-title {

    background-color: #ff9600;

    color: #fff;

}

.panel-group .panel-danger .panel-title {

    background-color: #fb483a;

    color: #fff;

}

.full-body .panel-col-red .panel-body {

    border-top-color: #fff !important;

    background-color: #ec3b57;

    color: #fff;

}

.full-body .panel-col-pink .panel-body {

    border-top-color: #fff !important;

    background-color: #e91e63;

    color: #fff;

}

.full-body .panel-col-purple .panel-body {

    border-top-color: #fff !important;

    background-color: #ba3bd0;

    color: #fff;

}

.full-body .panel-col-deep-purple .panel-body {

    border-top-color: #fff !important;

    background-color: #673ab7;

    color: #fff;

}

.full-body .panel-col-blue .panel-body {

    border-top-color: #fff !important;

    background-color: #457fca;

    color: #fff;

}

.full-body .panel-col-cyan .panel-body {

    border-top-color: #fff !important;

    background-color: #379c94;

    color: #fff;

}

.full-body .panel-col-green .panel-body {

    border-top-color: #fff !important;

    background-color: #78b83e;

    color: #fff;

}

.full-body .panel-col-light-green .panel-body {

    border-top-color: #fff !important;

    background-color: #8bc34a;

    color: #fff;

}

.full-body .panel-col-yellow .panel-body {

    border-top-color: #fff !important;

    background-color: #ffe821;

    color: #fff;

}

.full-body .panel-col-orange .panel-body {

    border-top-color: #fff !important;

    background-color: #ff9800;

    color: #fff;

}

.full-body .panel-col-deep-orange .panel-body {

    border-top-color: #fff !important;

    background-color: #f83600;

    color: #fff;

}

.full-body .panel-col-grey .panel-body {

    border-top-color: #fff !important;

    background-color: #9e9e9e;

    color: #fff;

}

.full-body .panel-col-blue-grey .panel-body {

    border-top-color: #fff !important;

    background-color: #607d8b;

    color: #fff;

}

.full-body .panel-col-indigo .panel-body {

    border-top-color: #fff !important;

    background-color: #3f51b5;

    color: #fff;

}

.full-body .panel-col-light-blue .panel-body {

    border-top-color: #fff !important;

    background-color: #03a9f4;

    color: #fff;

}

.full-body .panel-col-teal .panel-body {

    border-top-color: #fff !important;

    background-color: #009688;

    color: #fff;

}

.full-body .panel-col-lime .panel-body {

    border-top-color: #fff !important;

    background-color: #cddc39;

    color: #fff;

}

.full-body .panel-col-amber .panel-body {

    border-top-color: #fff !important;

    background-color: #ffc107;

    color: #fff;

}

.full-body .panel-col-brown .panel-body {

    border-top-color: #fff !important;

    background-color: #795548;

    color: #fff;

}

.full-body .panel-col-blush .panel-body {

    border-top-color: #fff !important;

    background-color: #f15f79;

    color: #fff;

}

.full-body .panel-col-black .panel-body {

    border-top-color: #fff !important;

    background-color: #000;

    color: #fff;

}

.full-body .panel-col-white .panel-body {

    border-top-color: #fff !important;

    background-color: #fff;

    color: #fff;

}

.full-body .panel-primary .panel-body {

    border-top-color: #fff !important;

    background-color: #1f91f3;

    color: #fff;

}

.full-body .panel-success .panel-body {

    border-top-color: #fff !important;

    background-color: #2b982b;

    color: #fff;

}

.full-body .panel-warning .panel-body {

    border-top-color: #fff !important;

    background-color: #ff9600;

    color: #fff;

}

.full-body .panel-danger .panel-body {

    border-top-color: #fff !important;

    background-color: #fb483a;

    color: #fff;

}

.irs .irs-min,

.irs .irs-max,

.irs .irs-from,

.irs .irs-to,

.irs .irs-single {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

}

.input-group {

    width: 100%;

    margin-bottom: 20px;

}

.input-group .form-line {

    display: inline-block;

    width: 100%;

    border-bottom: 1px solid #ddd;

    position: relative;

}

.input-group .form-line:after {

    content: "";

    position: absolute;

    left: 0;

    width: 100%;

    bottom: -2px;

    -moz-transform: scaleX(0);

    -ms-transform: scaleX(0);

    -o-transform: scaleX(0);

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -moz-transition: 0.25s ease-in;

    -o-transition: 0.25s ease-in;

    -webkit-transition: 0.25s ease-in;

    transition: 0.25s ease-in;

    border-bottom: 2px solid #1f91f3;

}

.input-group .form-line + .input-group-addon {

    padding-right: 0;

    padding-left: 10px;

}

.input-group .help-info {

    float: right;

    font-size: 12px;

    margin-top: 5px;

    color: #999;

}

.input-group label.error {

    font-size: 12px;

    display: block;

    margin-top: 5px;

    font-weight: normal;

    color: #f44336;

}

.input-group .form-line.error:after {

    border-bottom: 2px solid #f44336;

}

.input-group .form-line.success:after {

    border-bottom: 2px solid #4caf50;

}

.input-group .form-line.warning:after {

    border-bottom: 2px solid #ffc107;

}

.input-group .form-line.focused:after {

    -moz-transform: scaleX(1);

    -ms-transform: scaleX(1);

    -o-transform: scaleX(1);

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

}

.input-group .form-line.focused .form-label {

    bottom: 25px;

    left: 0;

    font-size: 12px;

}

.input-group .input-group-addon {

    border: none;

    background-color: transparent;

    padding-left: 0;

    font-weight: bold;

}

.input-group .input-group-addon .material-icons {

    font-size: 18px;

    color: #555;

}

.input-group input[type="text"],

.input-group .form-control {

    border: none;

    box-shadow: none;

    padding-left: 0;

    width: 100%;

}

.input-group .form-control:focus {

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

    -ms-box-shadow: none !important;

    box-shadow: none !important;

}

.input-group.input-group-sm .input-group-addon i {

    font-size: 14px;

}

.input-group.input-group-sm .form-control {

    font-size: 12px;

}

.input-group.input-group-lg .input-group-addon i {

    font-size: 26px;

}

.input-group.input-group-lg .form-control {

    font-size: 18px;

}

.form-control-label {

    text-align: right;

}

.form-control-label label {

    margin-top: 8px;

}

.form-horizontal .form-group {

    margin-bottom: 0;

}

.form-group {

    width: 100%;

    margin-bottom: 10px;

}

.form-group .form-control {

    width: 100%;

    border: none;

    box-shadow: none;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    padding-left: 0;

}

.form-group .help-info {

    float: right;

    font-size: 12px;

    margin-top: 5px;

    color: #999;

}

.form-group label.error {

    font-size: 12px;

    display: block;

    margin-top: 5px;

    font-weight: normal;

    color: #f44336;

}

.form-group .form-line {

    width: 100%;

    position: relative;

    border-bottom: 1px solid #ddd;

}

.form-group .form-line:after {

    content: "";

    position: absolute;

    left: 0;

    width: 100%;

    height: 0;

    bottom: -1px;

    -moz-transform: scaleX(0);

    -ms-transform: scaleX(0);

    -o-transform: scaleX(0);

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -moz-transition: 0.25s ease-in;

    -o-transition: 0.25s ease-in;

    -webkit-transition: 0.25s ease-in;

    transition: 0.25s ease-in;

    border-bottom: 2px solid #1f91f3;

}

.form-group .form-line .form-label {

    font-weight: normal;

    color: #aaa;

    position: absolute;

    top: 10px;

    left: 0;

    cursor: text;

    -moz-transition: 0.2s;

    -o-transition: 0.2s;

    -webkit-transition: 0.2s;

    transition: 0.2s;

}

.form-group .form-line.error:after {

    border-bottom: 2px solid #f44336;

}

.form-group .form-line.success:after {

    border-bottom: 2px solid #4caf50;

}

.form-group .form-line.warning:after {

    border-bottom: 2px solid #ffc107;

}

.form-group .form-line.focused:after {

    -moz-transform: scaleX(1);

    -ms-transform: scaleX(1);

    -o-transform: scaleX(1);

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

}

.form-group .form-line.focused .form-label {

    top: -10px;

    left: 0;

    font-size: 12px;

}

.form-group-sm .form-label {

    font-size: 12px;

}

.form-group-sm .form-line.focused .form-label {

    bottom: 20px;

    font-size: 10px;

}

.form-group-lg .form-label {

    font-size: 18px;

}

.form-group-lg .form-line.focused .form-label {

    bottom: 35px;

    font-size: 12px;

}

.form-control[disabled],

.form-control[readonly],

fieldset[disabled] .form-control {

    background-color: transparent;

}

.colorpicker {

    z-index: 1;

}

.colorpicker:before,

.colorpicker:after {

    display: none !important;

}

.dropzone {

    border: 2px solid transparent !important;

    background-color: #eee !important;

}

.dropzone .dz-message .drag-icon-cph .material-icons {

    font-size: 80px;

    color: #777;

}

.dz-drag-hover {

    border: 2px dashed #888 !important;

}

.breadcrumb {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    background-color: transparent;

    font-size: 14px;

    margin-bottom: 10px;

}

.breadcrumb li a {

    color: #444;

    text-decoration: none;

}

.breadcrumb li a .material-icons {

    font-size: 18px;

    position: relative;

    top: 0px;

}

.breadcrumb li .material-icons {

    font-size: 18px;

    position: relative;

    top: 4px;

}

.breadcrumb > li + li:before {

    content: ">\00a0";

}

.breadcrumb-col-red li a {

    color: #ec3b57 !important;

    font-weight: bold;

}

.breadcrumb-bg-red {

    background-color: #ec3b57 !important;

}

.breadcrumb-bg-red li {

    color: #fff !important;

}

.breadcrumb-bg-red li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-red li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-red li + li:before {

    color: #fff;

}

.breadcrumb-col-pink li a {

    color: #e91e63 !important;

    font-weight: bold;

}

.breadcrumb-bg-pink {

    background-color: #e91e63 !important;

}

.breadcrumb-bg-pink li {

    color: #fff !important;

}

.breadcrumb-bg-pink li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-pink li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-pink li + li:before {

    color: #fff;

}

.breadcrumb-col-purple li a {

    color: #ba3bd0 !important;

    font-weight: bold;

}

.breadcrumb-bg-purple {

    background-color: #ba3bd0 !important;

}

.breadcrumb-bg-purple li {

    color: #fff !important;

}

.breadcrumb-bg-purple li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-purple li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-purple li + li:before {

    color: #fff;

}

.breadcrumb-col-deep-purple li a {

    color: #673ab7 !important;

    font-weight: bold;

}

.breadcrumb-bg-deep-purple {

    background-color: #673ab7 !important;

}

.breadcrumb-bg-deep-purple li {

    color: #fff !important;

}

.breadcrumb-bg-deep-purple li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-deep-purple li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-deep-purple li + li:before {

    color: #fff;

}

.breadcrumb-col-blue li a {

    color: #457fca !important;

    font-weight: bold;

}

.breadcrumb-bg-blue {

    background-color: #457fca !important;

}

.breadcrumb-bg-blue li {

    color: #fff !important;

}

.breadcrumb-bg-blue li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-blue li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-blue li + li:before {

    color: #fff;

}

.breadcrumb-col-cyan li a {

    color: #379c94 !important;

    font-weight: bold;

}

.breadcrumb-bg-cyan {

    background-color: #379c94 !important;

}

.breadcrumb-bg-cyan li {

    color: #fff !important;

}

.breadcrumb-bg-cyan li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-cyan li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-cyan li + li:before {

    color: #fff;

}

.breadcrumb-col-green li a {

    color: #78b83e !important;

    font-weight: bold;

}

.breadcrumb-bg-green {

    background-color: #78b83e !important;

}

.breadcrumb-bg-green li {

    color: #fff !important;

}

.breadcrumb-bg-green li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-green li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-green li + li:before {

    color: #fff;

}

.breadcrumb-col-light-green li a {

    color: #8bc34a !important;

    font-weight: bold;

}

.breadcrumb-bg-light-green {

    background-color: #8bc34a !important;

}

.breadcrumb-bg-light-green li {

    color: #fff !important;

}

.breadcrumb-bg-light-green li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-light-green li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-light-green li + li:before {

    color: #fff;

}

.breadcrumb-col-yellow li a {

    color: #ffe821 !important;

    font-weight: bold;

}

.breadcrumb-bg-yellow {

    background-color: #ffe821 !important;

}

.breadcrumb-bg-yellow li {

    color: #fff !important;

}

.breadcrumb-bg-yellow li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-yellow li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-yellow li + li:before {

    color: #fff;

}

.breadcrumb-col-orange li a {

    color: #ff9800 !important;

    font-weight: bold;

}

.breadcrumb-bg-orange {

    background-color: #ff9800 !important;

}

.breadcrumb-bg-orange li {

    color: #fff !important;

}

.breadcrumb-bg-orange li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-orange li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-orange li + li:before {

    color: #fff;

}

.breadcrumb-col-deep-orange li a {

    color: #f83600 !important;

    font-weight: bold;

}

.breadcrumb-bg-deep-orange {

    background-color: #f83600 !important;

}

.breadcrumb-bg-deep-orange li {

    color: #fff !important;

}

.breadcrumb-bg-deep-orange li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-deep-orange li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-deep-orange li + li:before {

    color: #fff;

}

.breadcrumb-col-grey li a {

    color: #9e9e9e !important;

    font-weight: bold;

}

.breadcrumb-bg-grey {

    background-color: #9e9e9e !important;

}

.breadcrumb-bg-grey li {

    color: #fff !important;

}

.breadcrumb-bg-grey li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-grey li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-grey li + li:before {

    color: #fff;

}

.breadcrumb-col-blue-grey li a {

    color: #607d8b !important;

    font-weight: bold;

}

.breadcrumb-bg-blue-grey {

    background-color: #607d8b !important;

}

.breadcrumb-bg-blue-grey li {

    color: #fff !important;

}

.breadcrumb-bg-blue-grey li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-blue-grey li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-blue-grey li + li:before {

    color: #fff;

}

.breadcrumb-col-indigo li a {

    color: #3f51b5 !important;

    font-weight: bold;

}

.breadcrumb-bg-indigo {

    background-color: #3f51b5 !important;

}

.breadcrumb-bg-indigo li {

    color: #fff !important;

}

.breadcrumb-bg-indigo li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-indigo li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-indigo li + li:before {

    color: #fff;

}

.breadcrumb-col-light-blue li a {

    color: #03a9f4 !important;

    font-weight: bold;

}

.breadcrumb-bg-light-blue {

    background-color: #03a9f4 !important;

}

.breadcrumb-bg-light-blue li {

    color: #fff !important;

}

.breadcrumb-bg-light-blue li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-light-blue li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-light-blue li + li:before {

    color: #fff;

}

.breadcrumb-col-teal li a {

    color: #009688 !important;

    font-weight: bold;

}

.breadcrumb-bg-teal {

    background-color: #009688 !important;

}

.breadcrumb-bg-teal li {

    color: #fff !important;

}

.breadcrumb-bg-teal li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-teal li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-teal li + li:before {

    color: #fff;

}

.breadcrumb-col-lime li a {

    color: #cddc39 !important;

    font-weight: bold;

}

.breadcrumb-bg-lime {

    background-color: #cddc39 !important;

}

.breadcrumb-bg-lime li {

    color: #fff !important;

}

.breadcrumb-bg-lime li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-lime li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-lime li + li:before {

    color: #fff;

}

.breadcrumb-col-amber li a {

    color: #ffc107 !important;

    font-weight: bold;

}

.breadcrumb-bg-amber {

    background-color: #ffc107 !important;

}

.breadcrumb-bg-amber li {

    color: #fff !important;

}

.breadcrumb-bg-amber li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-amber li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-amber li + li:before {

    color: #fff;

}

.breadcrumb-col-brown li a {

    color: #795548 !important;

    font-weight: bold;

}

.breadcrumb-bg-brown {

    background-color: #795548 !important;

}

.breadcrumb-bg-brown li {

    color: #fff !important;

}

.breadcrumb-bg-brown li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-brown li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-brown li + li:before {

    color: #fff;

}

.breadcrumb-col-blush li a {

    color: #f15f79 !important;

    font-weight: bold;

}

.breadcrumb-bg-blush {

    background-color: #f15f79 !important;

}

.breadcrumb-bg-blush li {

    color: #fff !important;

}

.breadcrumb-bg-blush li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-blush li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-blush li + li:before {

    color: #fff;

}

.breadcrumb-col-black li a {

    color: #000 !important;

    font-weight: bold;

}

.breadcrumb-bg-black {

    background-color: #000 !important;

}

.breadcrumb-bg-black li {

    color: #fff !important;

}

.breadcrumb-bg-black li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-black li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-black li + li:before {

    color: #fff;

}

.breadcrumb-col-white li a {

    color: #fff !important;

    font-weight: bold;

}

.breadcrumb-bg-white {

    background-color: #fff !important;

}

.breadcrumb-bg-white li {

    color: #fff !important;

}

.breadcrumb-bg-white li a {

    color: #fff;

    font-weight: bold;

}

.breadcrumb-bg-white li a .material-icons {

    padding-bottom: 8px;

}

.breadcrumb-bg-white li + li:before {

    color: #fff;

}

.breadcrumb.g-bg-cgreen li,

.breadcrumb.g-bg-blush2 li,

.breadcrumb.g-bg-gy li,

.breadcrumb.g-bg-soundcloud2 li {

    color: #fff;

}

.breadcrumb.g-bg-cgreen li a,

.breadcrumb.g-bg-blush2 li a,

.breadcrumb.g-bg-gy li a,

.breadcrumb.g-bg-soundcloud2 li a {

    color: #fff;

}

.badge {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    border-radius: 2px;

}

.list-group-item {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.list-group .active {

    background-color: #2196f3;

    border-color: #2196f3;

}

.list-group .active:hover,

.list-group .active:focus,

.list-group .active:active {

    background-color: #2196f3;

    border-color: #2196f3;

}

.list-group .active .list-group-item-text {

    color: #dfe9f1;

    font-size: 13px;

}

.list-group .active .list-group-item-text:hover,

.list-group .active .list-group-item-text:active,

.list-group .active .list-group-item-text:focus {

    color: #dfe9f1;

}

.list-group .list-group-item.active:hover .list-group-item-text,

.list-group .list-group-item.active:focus .list-group-item-text,

.list-group .list-group-item.active:active .list-group-item-text {

    color: #dfe9f1;

}

.list-group .list-group-item:first-child,

.list-group .list-group-item:last-child {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

}

.list-group .list-group-item .list-group-item-heading {

    font-weight: bold;

    font-size: 17px;

}

.list-group .list-group-item-success {

    background-color: #2b982b;

    border: none;

    color: #fff;

}

.list-group .list-group-item-success:hover,

.list-group .list-group-item-success:focus {

    background-color: #2b982b;

    color: #fff;

    opacity: 0.8;

}

.list-group .list-group-item-info {

    background-color: #00b0e4;

    border: none;

    color: #fff;

}

.list-group .list-group-item-info:hover,

.list-group .list-group-item-info:focus {

    background-color: #00b0e4;

    color: #fff;

    opacity: 0.8;

}

.list-group .list-group-item-warning {

    background-color: #ff9600;

    border: none;

    color: #fff;

}

.list-group .list-group-item-warning:hover,

.list-group .list-group-item-warning:focus {

    background-color: #ff9600;

    color: #fff;

    opacity: 0.8;

}

.list-group .list-group-item-danger {

    background-color: #fb483a;

    border: none;

    color: #fff;

}

.list-group .list-group-item-danger:hover,

.list-group .list-group-item-danger:focus {

    background-color: #fb483a;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-red {

    stroke: #ec3b57;

}

.list-group .list-group-bg-red {

    background-color: #ec3b57;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-red:hover,

.list-group .list-group-bg-red:focus {

    background-color: #ec3b57;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-pink {

    stroke: #e91e63;

}

.list-group .list-group-bg-pink {

    background-color: #e91e63;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-pink:hover,

.list-group .list-group-bg-pink:focus {

    background-color: #e91e63;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-purple {

    stroke: #ba3bd0;

}

.list-group .list-group-bg-purple {

    background-color: #ba3bd0;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-purple:hover,

.list-group .list-group-bg-purple:focus {

    background-color: #ba3bd0;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-deep-purple {

    stroke: #673ab7;

}

.list-group .list-group-bg-deep-purple {

    background-color: #673ab7;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-deep-purple:hover,

.list-group .list-group-bg-deep-purple:focus {

    background-color: #673ab7;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-blue {

    stroke: #457fca;

}

.list-group .list-group-bg-blue {

    background-color: #457fca;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-blue:hover,

.list-group .list-group-bg-blue:focus {

    background-color: #457fca;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-cyan {

    stroke: #379c94;

}

.list-group .list-group-bg-cyan {

    background-color: #379c94;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-cyan:hover,

.list-group .list-group-bg-cyan:focus {

    background-color: #379c94;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-green {

    stroke: #78b83e;

}

.list-group .list-group-bg-green {

    background-color: #78b83e;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-green:hover,

.list-group .list-group-bg-green:focus {

    background-color: #78b83e;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-light-green {

    stroke: #8bc34a;

}

.list-group .list-group-bg-light-green {

    background-color: #8bc34a;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-light-green:hover,

.list-group .list-group-bg-light-green:focus {

    background-color: #8bc34a;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-yellow {

    stroke: #ffe821;

}

.list-group .list-group-bg-yellow {

    background-color: #ffe821;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-yellow:hover,

.list-group .list-group-bg-yellow:focus {

    background-color: #ffe821;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-orange {

    stroke: #ff9800;

}

.list-group .list-group-bg-orange {

    background-color: #ff9800;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-orange:hover,

.list-group .list-group-bg-orange:focus {

    background-color: #ff9800;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-deep-orange {

    stroke: #f83600;

}

.list-group .list-group-bg-deep-orange {

    background-color: #f83600;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-deep-orange:hover,

.list-group .list-group-bg-deep-orange:focus {

    background-color: #f83600;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-grey {

    stroke: #9e9e9e;

}

.list-group .list-group-bg-grey {

    background-color: #9e9e9e;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-grey:hover,

.list-group .list-group-bg-grey:focus {

    background-color: #9e9e9e;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-blue-grey {

    stroke: #607d8b;

}

.list-group .list-group-bg-blue-grey {

    background-color: #607d8b;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-blue-grey:hover,

.list-group .list-group-bg-blue-grey:focus {

    background-color: #607d8b;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-indigo {

    stroke: #3f51b5;

}

.list-group .list-group-bg-indigo {

    background-color: #3f51b5;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-indigo:hover,

.list-group .list-group-bg-indigo:focus {

    background-color: #3f51b5;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-light-blue {

    stroke: #03a9f4;

}

.list-group .list-group-bg-light-blue {

    background-color: #03a9f4;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-light-blue:hover,

.list-group .list-group-bg-light-blue:focus {

    background-color: #03a9f4;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-teal {

    stroke: #009688;

}

.list-group .list-group-bg-teal {

    background-color: #009688;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-teal:hover,

.list-group .list-group-bg-teal:focus {

    background-color: #009688;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-lime {

    stroke: #cddc39;

}

.list-group .list-group-bg-lime {

    background-color: #cddc39;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-lime:hover,

.list-group .list-group-bg-lime:focus {

    background-color: #cddc39;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-amber {

    stroke: #ffc107;

}

.list-group .list-group-bg-amber {

    background-color: #ffc107;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-amber:hover,

.list-group .list-group-bg-amber:focus {

    background-color: #ffc107;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-brown {

    stroke: #795548;

}

.list-group .list-group-bg-brown {

    background-color: #795548;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-brown:hover,

.list-group .list-group-bg-brown:focus {

    background-color: #795548;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-blush {

    stroke: #f15f79;

}

.list-group .list-group-bg-blush {

    background-color: #f15f79;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-blush:hover,

.list-group .list-group-bg-blush:focus {

    background-color: #f15f79;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-black {

    stroke: #000;

}

.list-group .list-group-bg-black {

    background-color: #000;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-black:hover,

.list-group .list-group-bg-black:focus {

    background-color: #000;

    color: #fff;

    opacity: 0.8;

}

.list-group .pl-white {

    stroke: #fff;

}

.list-group .list-group-bg-white {

    background-color: #fff;

    border: none;

    color: #fff;

}

.list-group .list-group-bg-white:hover,

.list-group .list-group-bg-white:focus {

    background-color: #fff;

    color: #fff;

    opacity: 0.8;

}

.pager {

    padding: 0;

    list-style: none;

}

.pager li > a {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    border: none;

    background-color: transparent;

    font-weight: bold;

}

.pager li a:focus,

.pager li a:active {

    background-color: transparent;

}

.media {

    margin-bottom: 20px;

}

.media.mright .media-body {

    text-align: right;

}

.media .media-body {

    color: #777;

    font-size: 14px;

}

.media .media-body .media-heading {

    font-size: 16px;

    font-weight: bold;

    color: #333;

}

.wizard,

.tabcontrol {

    display: block;

    width: 100%;

    overflow: hidden;

}

.wizard a,

.tabcontrol a {

    outline: 0;

}

.wizard ul,

.tabcontrol ul {

    list-style: none !important;

    padding: 0;

    margin: 0;

}

.wizard ul > li,

.tabcontrol ul > li {

    display: block;

    padding: 0;

}

.wizard > .steps .current-info,

.tabcontrol > .steps .current-info,

.wizard > .content > .title,

.tabcontrol > .content > .title {

    position: absolute;

    left: -999em;

}

.wizard > .steps {

    position: relative;

    display: block;

    width: 100%;

}

.wizard.vertical > .steps {

    float: left;

    width: 30%;

}

.wizard.vertical > .steps > ul > li {

    float: none;

    width: 100%;

}

.wizard.vertical > .content {

    float: left;

    margin: 0 0 0.5em 0;

    width: 70%;

}

.wizard.vertical > .actions {

    float: right;

    width: 100%;

}

.wizard.vertical > .actions > ul > li {

    margin: 0 0 0 1em;

}

.wizard > .steps .number {

    font-size: 1.429em;

}

.wizard > .steps > ul > li {

    width: 25%;

    float: left;

}

.wizard > .actions > ul > li {

    float: left;

}

.wizard > .steps a {

    display: block;

    width: auto;

    margin: 0 0.5em 0.5em;

    padding: 1em 1em;

    text-decoration: none;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}

.wizard > .steps a:hover,

.wizard > .steps a:active {

    display: block;

    width: auto;

    margin: 0 0.5em 0.5em;

    padding: 1em 1em;

    text-decoration: none;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}

.wizard > .steps .disabled a {

    background: #eee;

    color: #aaa;

    cursor: default;

}

.wizard > .steps .disabled a:hover,

.wizard > .steps .disabled a:active {

    background: #eee;

    color: #aaa;

    cursor: default;

}

.wizard > .steps .current a {

    background: #2184be;

    color: #fff;

    cursor: default;

}

.wizard > .steps .current a:hover,

.wizard > .steps .current a:active {

    background: #2184be;

    color: #fff;

    cursor: default;

}

.wizard > .steps .done a {

    background: #9dc8e2;

    color: #fff;

}

.wizard > .steps .done a:hover,

.wizard > .steps .done a:active {

    background: #9dc8e2;

    color: #fff;

}

.wizard > .steps .error a {

    background: #ff3111;

    color: #fff;

}

.wizard > .steps .error a:hover,

.wizard > .steps .error a:active {

    background: #ff3111;

    color: #fff;

}

.wizard > .content {

    border: 1px solid #ddd;

    display: block;

    margin: 0.5em;

    min-height: 35em;

    overflow: hidden;

    position: relative;

    width: auto;

}

.wizard > .actions {

    position: relative;

    display: block;

    text-align: right;

    width: 100%;

}

.wizard > .actions > ul {

    display: inline-block;

    text-align: right;

}

.wizard > .actions > ul > li {

    margin: 0 0.5em;

}

.wizard > .actions a {

    background: #009688;

    color: #fff;

    display: block;

    padding: 0.5em 1em;

    text-decoration: none;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

}

.wizard > .actions a:hover,

.wizard > .actions a:active {

    background: #009688;

    color: #fff;

    display: block;

    padding: 0.5em 1em;

    text-decoration: none;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

}

.wizard > .actions .disabled a {

    background: #eee;

    color: #aaa;

}

.wizard > .actions .disabled a:hover,

.wizard > .actions .disabled a:active {

    background: #eee;

    color: #aaa;

}

.tabcontrol > .steps {

    position: relative;

    display: block;

    width: 100%;

}

.tabcontrol > .steps > ul {

    position: relative;

    margin: 6px 0 0 0;

    top: 1px;

    z-index: 1;

}

.tabcontrol > .steps > ul > li {

    float: left;

    margin: 5px 2px 0 0;

    padding: 1px;

    -webkit-border-top-left-radius: 5px;

    -webkit-border-top-right-radius: 5px;

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-topright: 5px;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

.tabcontrol > .steps > ul > li:hover {

    background: #edecec;

    border: 1px solid #bbb;

    padding: 0;

}

.tabcontrol > .steps > ul > li.current {

    background: #fff;

    border: 1px solid #bbb;

    border-bottom: 0 none;

    padding: 0 0 1px 0;

    margin-top: 0;

}

.tabcontrol > .steps > ul > li.current > a {

    padding: 15px 30px 10px 30px;

}

.tabcontrol > .steps > ul > li > a {

    color: #5f5f5f;

    display: inline-block;

    border: 0 none;

    margin: 0;

    padding: 10px 30px;

    text-decoration: none;

}

.tabcontrol > .steps > ul > li > a:hover {

    text-decoration: none;

}

.tabcontrol > .content {

    position: relative;

    display: inline-block;

    width: 100%;

    height: 35em;

    overflow: hidden;

    border-top: 1px solid #bbb;

    padding-top: 20px;

}

.tabcontrol > .content > .body {

    float: left;

    position: absolute;

    width: 95%;

    height: 95%;

    padding: 2.5%;

}

.tabcontrol > .content > .body ul {

    list-style: disc !important;

}

.tabcontrol > .content > .body ul > li {

    display: list-item;

}

.wizard .content {

    min-height: 245px;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    overflow-y: auto;

}

.wizard .content .body {

    padding: 15px;

}

.wizard .steps a {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.wizard .steps a:active,

.wizard .steps a:focus,

.wizard .steps a:hover {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

}

.wizard .steps .done a {

    background-color: rgba(0, 150, 136, 0.6);

}

.wizard .steps .done a:hover,

.wizard .steps .done a:active,

.wizard .steps .done a:focus {

    background-color: rgba(0, 150, 136, 0.5);

}

.wizard .steps .error a {

    background-color: #f44336 !important;

}

.wizard .steps .current a {

    background-color: #009688;

}

.wizard .steps .current a:active,

.wizard .steps .current a:focus,

.wizard .steps .current a:hover {

    background-color: #009688;

}

.waves-effect.waves-red .waves-ripple {

    background: rgba(236, 59, 87, 0.5);

}

.waves-effect.waves-pink .waves-ripple {

    background: rgba(233, 30, 99, 0.5);

}

.waves-effect.waves-purple .waves-ripple {

    background: rgba(186, 59, 208, 0.5);

}

.waves-effect.waves-deep-purple .waves-ripple {

    background: rgba(103, 58, 183, 0.5);

}

.waves-effect.waves-blue .waves-ripple {

    background: rgba(69, 127, 202, 0.5);

}

.waves-effect.waves-cyan .waves-ripple {

    background: rgba(55, 156, 148, 0.5);

}

.waves-effect.waves-green .waves-ripple {

    background: rgba(120, 184, 62, 0.5);

}

.waves-effect.waves-light-green .waves-ripple {

    background: rgba(139, 195, 74, 0.5);

}

.waves-effect.waves-yellow .waves-ripple {

    background: rgba(255, 232, 33, 0.5);

}

.waves-effect.waves-orange .waves-ripple {

    background: rgba(255, 152, 0, 0.5);

}

.waves-effect.waves-deep-orange .waves-ripple {

    background: rgba(248, 54, 0, 0.5);

}

.waves-effect.waves-grey .waves-ripple {

    background: rgba(158, 158, 158, 0.5);

}

.waves-effect.waves-blue-grey .waves-ripple {

    background: rgba(96, 125, 139, 0.5);

}

.waves-effect.waves-indigo .waves-ripple {

    background: rgba(63, 81, 181, 0.5);

}

.waves-effect.waves-light-blue .waves-ripple {

    background: rgba(3, 169, 244, 0.5);

}

.waves-effect.waves-teal .waves-ripple {

    background: rgba(0, 150, 136, 0.5);

}

.waves-effect.waves-lime .waves-ripple {

    background: rgba(205, 220, 57, 0.5);

}

.waves-effect.waves-amber .waves-ripple {

    background: rgba(255, 193, 7, 0.5);

}

.waves-effect.waves-brown .waves-ripple {

    background: rgba(121, 85, 72, 0.5);

}

.waves-effect.waves-blush .waves-ripple {

    background: rgba(241, 95, 121, 0.5);

}

.waves-effect.waves-black .waves-ripple {

    background: rgba(0, 0, 0, 0.5);

}

.waves-effect.waves-white .waves-ripple {

    background: rgba(255, 255, 255, 0.5);

}

.md-preloader .pl-red {

    stroke: #ec3b57;

}

.md-preloader .pl-pink {

    stroke: #e91e63;

}

.md-preloader .pl-purple {

    stroke: #ba3bd0;

}

.md-preloader .pl-deep-purple {

    stroke: #673ab7;

}

.md-preloader .pl-blue {

    stroke: #457fca;

}

.md-preloader .pl-cyan {

    stroke: #379c94;

}

.md-preloader .pl-green {

    stroke: #78b83e;

}

.md-preloader .pl-light-green {

    stroke: #8bc34a;

}

.md-preloader .pl-yellow {

    stroke: #ffe821;

}

.md-preloader .pl-orange {

    stroke: #ff9800;

}

.md-preloader .pl-deep-orange {

    stroke: #f83600;

}

.md-preloader .pl-grey {

    stroke: #9e9e9e;

}

.md-preloader .pl-blue-grey {

    stroke: #607d8b;

}

.md-preloader .pl-indigo {

    stroke: #3f51b5;

}

.md-preloader .pl-light-blue {

    stroke: #03a9f4;

}

.md-preloader .pl-teal {

    stroke: #009688;

}

.md-preloader .pl-lime {

    stroke: #cddc39;

}

.md-preloader .pl-amber {

    stroke: #ffc107;

}

.md-preloader .pl-brown {

    stroke: #795548;

}

.md-preloader .pl-blush {

    stroke: #f15f79;

}

.md-preloader .pl-black {

    stroke: #000;

}

.md-preloader .pl-white {

    stroke: #fff;

}

.preloader {

    display: inline-block;

    position: relative;

    width: 50px;

    height: 50px;

    -webkit-animation: container-rotate 1568ms linear infinite;

    -moz-animation: container-rotate 1568ms linear infinite;

    -o-animation: container-rotate 1568ms linear infinite;

    animation: container-rotate 1568ms linear infinite;

}

.preloader.pl-size-xl {

    width: 75px;

    height: 75px;

}

.preloader.pl-size-l {

    width: 60px;

    height: 60px;

}

.preloader.pl-size-md {

    width: 50px;

    height: 50px;

}

.preloader.pl-size-sm {

    width: 40px;

    height: 40px;

}

.preloader.pl-size-xs {

    width: 25px;

    height: 25px;

}

.spinner-layer {

    position: absolute;

    width: 100%;

    height: 100%;

    border-color: #f44336;

    -ms-opacity: 1;

    opacity: 1;

    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

    -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

    -o-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

}

.spinner-layer.pl-red {

    border-color: #ec3b57;

}

.spinner-layer.pl-pink {

    border-color: #e91e63;

}

.spinner-layer.pl-purple {

    border-color: #ba3bd0;

}

.spinner-layer.pl-deep-purple {

    border-color: #673ab7;

}

.spinner-layer.pl-blue {

    border-color: #457fca;

}

.spinner-layer.pl-cyan {

    border-color: #379c94;

}

.spinner-layer.pl-green {

    border-color: #78b83e;

}

.spinner-layer.pl-light-green {

    border-color: #8bc34a;

}

.spinner-layer.pl-yellow {

    border-color: #ffe821;

}

.spinner-layer.pl-orange {

    border-color: #ff9800;

}

.spinner-layer.pl-deep-orange {

    border-color: #f83600;

}

.spinner-layer.pl-grey {

    border-color: #9e9e9e;

}

.spinner-layer.pl-blue-grey {

    border-color: #607d8b;

}

.spinner-layer.pl-indigo {

    border-color: #3f51b5;

}

.spinner-layer.pl-light-blue {

    border-color: #03a9f4;

}

.spinner-layer.pl-teal {

    border-color: #009688;

}

.spinner-layer.pl-lime {

    border-color: #cddc39;

}

.spinner-layer.pl-amber {

    border-color: #ffc107;

}

.spinner-layer.pl-brown {

    border-color: #795548;

}

.spinner-layer.pl-blush {

    border-color: #f15f79;

}

.spinner-layer.pl-black {

    border-color: #000;

}

.spinner-layer.pl-white {

    border-color: #fff;

}

.right {

    float: right !important;

}

.gap-patch {

    position: absolute;

    top: 0;

    left: 45%;

    width: 10%;

    height: 100%;

    overflow: hidden;

    border-color: inherit;

}

.gap-patch.circle {

    width: 1000%;

    left: -450%;

}

.circle-clipper {

    display: inline-block;

    position: relative;

    width: 50%;

    height: 100%;

    overflow: hidden;

    border-color: inherit;

}

.circle-clipper .circle {

    width: 200%;

    height: 100%;

    border-width: 3px;

    border-style: solid;

    border-color: inherit;

    border-bottom-color: transparent !important;

    -ms-border-radius: 50%;

    border-radius: 50%;

    -webkit-animation: none;

    animation: none;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

}

.circle-clipper.left .circle {

    left: 0;

    border-right-color: transparent !important;

    -webkit-transform: rotate(129deg);

    -moz-transform: rotate(129deg);

    -ms-transform: rotate(129deg);

    -o-transform: rotate(129deg);

    transform: rotate(129deg);

    -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

    -moz-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

    -o-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

    animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

}

.circle-clipper.right .circle {

    left: -100%;

    border-left-color: transparent !important;

    -webkit-transform: rotate(-129deg);

    -moz-transform: rotate(-129deg);

    -ms-transform: rotate(-129deg);

    -o-transform: rotate(-129deg);

    transform: rotate(-129deg);

    -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

    -moz-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

    -o-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

    animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

}

@-webkit-keyframes container-rotate {

    to {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@keyframes container-rotate {

    to {

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@-webkit-keyframes fill-unfill-rotate {

    12.5% {

        -webkit-transform: rotate(135deg);

        transform: rotate(135deg);

    }

    25% {

        -webkit-transform: rotate(270deg);

        transform: rotate(270deg);

    }

    37.5% {

        -webkit-transform: rotate(405deg);

        transform: rotate(405deg);

    }

    50% {

        -webkit-transform: rotate(540deg);

        transform: rotate(540deg);

    }

    62.5% {

        -webkit-transform: rotate(675deg);

        transform: rotate(675deg);

    }

    75% {

        -webkit-transform: rotate(810deg);

        transform: rotate(810deg);

    }

    87.5% {

        -webkit-transform: rotate(945deg);

        transform: rotate(945deg);

    }

    to {

        -webkit-transform: rotate(1080deg);

        transform: rotate(1080deg);

    }

}

@keyframes fill-unfill-rotate {

    12.5% {

        transform: rotate(135deg);

    }

    25% {

        transform: rotate(270deg);

    }

    37.5% {

        transform: rotate(405deg);

    }

    50% {

        transform: rotate(540deg);

    }

    62.5% {

        transform: rotate(675deg);

    }

    75% {

        transform: rotate(810deg);

    }

    87.5% {

        transform: rotate(945deg);

    }

    to {

        transform: rotate(1080deg);

    }

}

@-webkit-keyframes left-spin {

    from {

        -webkit-transform: rotate(130deg);

        -moz-transform: rotate(130deg);

        -ms-transform: rotate(130deg);

        -o-transform: rotate(130deg);

        transform: rotate(130deg);

    }

    50% {

        -webkit-transform: rotate(-5deg);

        -moz-transform: rotate(-5deg);

        -ms-transform: rotate(-5deg);

        -o-transform: rotate(-5deg);

        transform: rotate(-5deg);

    }

    to {

        -webkit-transform: rotate(130deg);

        -moz-transform: rotate(130deg);

        -ms-transform: rotate(130deg);

        -o-transform: rotate(130deg);

        transform: rotate(130deg);

    }

}

@keyframes left-spin {

    from {

        -moz-transform: rotate(130deg);

        -ms-transform: rotate(130deg);

        -o-transform: rotate(130deg);

        -webkit-transform: rotate(130deg);

        transform: rotate(130deg);

    }

    50% {

        -moz-transform: rotate(-5deg);

        -ms-transform: rotate(-5deg);

        -o-transform: rotate(-5deg);

        -webkit-transform: rotate(-5deg);

        transform: rotate(-5deg);

    }

    to {

        -moz-transform: rotate(130deg);

        -ms-transform: rotate(130deg);

        -o-transform: rotate(130deg);

        -webkit-transform: rotate(130deg);

        transform: rotate(130deg);

    }

}

@-webkit-keyframes right-spin {

    from {

        -webkit-transform: rotate(-130deg);

        -moz-transform: rotate(-130deg);

        -ms-transform: rotate(-130deg);

        -o-transform: rotate(-130deg);

        transform: rotate(-130deg);

    }

    50% {

        -webkit-transform: rotate(5deg);

        -moz-transform: rotate(5deg);

        -ms-transform: rotate(5deg);

        -o-transform: rotate(5deg);

        transform: rotate(5deg);

    }

    to {

        -webkit-transform: rotate(-130deg);

        -moz-transform: rotate(-130deg);

        -ms-transform: rotate(-130deg);

        -o-transform: rotate(-130deg);

        transform: rotate(-130deg);

    }

}

@-moz-keyframes right-spin {

    from {

        -moz-transform: rotate(-130deg);

        -ms-transform: rotate(-130deg);

        -o-transform: rotate(-130deg);

        -webkit-transform: rotate(-130deg);

        transform: rotate(-130deg);

    }

    50% {

        -moz-transform: rotate(5deg);

        -ms-transform: rotate(5deg);

        -o-transform: rotate(5deg);

        -webkit-transform: rotate(5deg);

        transform: rotate(5deg);

    }

    to {

        -moz-transform: rotate(-130deg);

        -ms-transform: rotate(-130deg);

        -o-transform: rotate(-130deg);

        -webkit-transform: rotate(-130deg);

        transform: rotate(-130deg);

    }

}

@keyframes right-spin {

    from {

        -moz-transform: rotate(-130deg);

        -ms-transform: rotate(-130deg);

        -o-transform: rotate(-130deg);

        -webkit-transform: rotate(-130deg);

        transform: rotate(-130deg);

    }

    50% {

        -moz-transform: rotate(5deg);

        -ms-transform: rotate(5deg);

        -o-transform: rotate(5deg);

        -webkit-transform: rotate(5deg);

        transform: rotate(5deg);

    }

    to {

        -moz-transform: rotate(-130deg);

        -ms-transform: rotate(-130deg);

        -o-transform: rotate(-130deg);

        -webkit-transform: rotate(-130deg);

        transform: rotate(-130deg);

    }

}

.dropdown-menu {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);

    border: none;

    right: 0;

    left: auto;

    padding: 0;

}

.dropdown-menu .divider {

    margin: 5px 0;

}

.dropdown-menu .header {

    font-size: 13px;

    font-weight: bold;

    min-width: 270px;

    border-bottom: 1px solid #eee;

    text-align: center;

    padding: 4px 0 6px 0;

}

.dropdown-menu ul.menu {

    padding-left: 0;

}

.dropdown-menu ul.menu.tasks h4 {

    color: #333;

    font-size: 13px;

    margin: 0 0 8px 0;

}

.dropdown-menu ul.menu.tasks h4 small {

    float: right;

    margin-top: 6px;

}

.dropdown-menu ul.menu.tasks .progress {

    height: 7px;

    margin-bottom: 7px;

}

.dropdown-menu ul.menu .icon-circle {

    width: 38px;

    height: 38px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    color: #fff;

    text-align: center;

    display: inline-block;

    vertical-align: top;

}

.dropdown-menu ul.menu .icon-circle i {

    font-size: 18px;

    line-height: 36px;

}

.dropdown-menu ul.menu li {

    border-bottom: 1px solid #eee;

}

.dropdown-menu ul.menu li:last-child {

    border-bottom: none;

}

.dropdown-menu ul.menu li a {

    padding: 13px;

    text-decoration: none;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    display: block;

}

.dropdown-menu ul.menu li a:hover {

    background-color: #e9e9e9;

}

.dropdown-menu ul.menu .menu-info {

    display: inline-block;

    position: relative;

    top: 3px;

    left: 5px;

}

.dropdown-menu ul.menu .menu-info h4 {

    margin: 0;

    font-size: 15px;

    color: #555;

    font-weight: normal;

    margin-top: -2px;

}

.dropdown-menu ul.menu .menu-info p {

    margin: 0;

    font-size: 11px;

    color: #aaa;

    line-height: normal;

}

.dropdown-menu ul.menu .menu-info p .material-icons {

    font-size: 13px;

    color: #aaa;

    position: relative;

    top: 2px;

}

.dropdown-menu .footer a {

    text-align: center;

    border-top: 1px solid #eee;

    padding: 5px 0 5px 0;

    font-size: 13px;

    display: block;

}

.dropdown-menu .footer a:hover {

    background-color: transparent;

    text-decoration: none;

    color: inherit;

}

.dropdown-menu > li > a {

    padding: 7px 18px;

    color: #666;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    font-size: 14px;

    line-height: 25px;

    display: block;

}

.dropdown-menu > li > a:hover {

    background-color: rgba(0, 0, 0, 0.075);

    text-decoration: none;

}

.dropdown-menu > li > a i.material-icons {

    float: left;

    margin-right: 7px;

    margin-top: 2px;

    font-size: 20px;

}

.dropdown-animated {

    -webkit-animation-duration: 0.3s !important;

    -moz-animation-duration: 0.3s !important;

    -o-animation-duration: 0.3s !important;

    animation-duration: 0.3s !important;

}

.bootstrap-notify-container {

    max-width: 320px;

    text-align: center;

}

.dd-handle {

    background-color: #f9f9f9 !important;

}

.dd-handle:hover {

    color: #2196f3;

}

.nestable-dark-theme .dd-handle {

    background: #ccc !important;

    border: 1px solid #999 !important;

}

.dd3-handle {

    background: #999 !important;

}

.dd3-content:hover {

    color: #2196f3;

}

.search-results {

    margin: 0;

    padding: 0;

}

.search-results .result-list {

    list-style: none;

    padding: 10px;

    margin-bottom: 5px;

    border-radius: 4px;

    border: 1px solid #f2f2f2;

}

.search-results .result-list:hover {

    background: #f2f2f2;

}

.search-results .result-list .cover h4 {

    padding: 0;

    margin: 0 0 10px 0;

    font-weight: 700;

}

.search-results .result-list .cover h4 a {

    text-decoration: none;

    color: #666;

}

.search-results .result-list .cover h4 a:hover {

    text-decoration: none;

    color: #333;

}

.search-results .result-list .cover > a {

    font-size: 12px;

    color: #1e83d1;

}

.page-calendar .event-name {

    padding: 10px;

    background: #f2f2f2;

    margin: 2px 0;

    border-left: 3px solid;

}

.page-calendar .event-name a {

    float: right;

}

.page-calendar .event-name:hover {

    background: #30373e;

    color: #fff;

}

.page-calendar .event-name:hover i {

    color: #f44336;

}

.page-calendar .b-primary {

    border-color: #2196f3 !important;

}

.page-calendar .b-success {

    border-color: #4caf50 !important;

}

.page-calendar .b-lightred {

    border-color: #f44336 !important;

}

.page-calendar .b-amethyst {

    border-color: #9675ce !important;

}

.page-calendar .b-greensea {

    border-color: #4caf50 !important;

}

.event-control {

    background-color: #f8f8f8;

    font-size: 13px;

    cursor: pointer;

}

.event-control:hover {

    background-color: white;

}

.event-control a {

    color: #000;

    cursor: pointer;

    opacity: 0.5;

}

.event-control a:hover {

    opacity: 1;

}

.event-control[class*="bg-"]:not(.bg-default):not(.bg-white) a {

    color: #000 !important;

    opacity: 1;

}

.event-control[class*="bg-"]:not(.bg-default):not(.bg-white) a:hover {

    color: #fff !important;

}

.fc-overlay {

    display: none;

    position: absolute;

    min-width: 260px;

    padding: 15px 0;

    top: auto;

    left: 50%;

    margin-left: -150px;

    z-index: 1000;

    color: #000 !important;

}

.fc-overlay.left {

    left: 100%;

    top: -15px;

    padding: 0 10px;

    margin: 0;

}

.fc-overlay.right {

    left: auto;

    right: 100%;

    top: -15px;

    padding: 0 10px;

    margin: 0;

}

.fc-overlay .panel {

    padding: 10px;

}

.fc .fc-toolbar {

    height: 50px;

    color: #fff;

    background: linear-gradient(60deg, #b24592, #f15f79);

    border-radius: 0;

    margin: 0;

}

.fc .fc-toolbar .fc-button {

    color: #000;

    background: transparent;

    border: none;

    box-shadow: none;

    text-shadow: none;

    margin: 0;

    height: 50px;

    line-height: 28px;

    padding: 10px;

}

.fc .fc-toolbar .fc-button:hover {

    color: white;

}

.fc .fc-toolbar h2 {

    font-size: 24px;

    line-height: 50px;

    margin: 0;

    text-transform: uppercase;

    font-weight: 100;

}

.fc .fc-view-container .fc-event {

    padding: 3px 5px;

    font-size: 12px;

    border-radius: 0;

    background-color: white;

    border: 0;

    color: #333;

    border-left: 3px solid;

}

.fc .fc-view-container .fc-event.fc-event-end:not(.fc-event-start) {

    border: 0 !important;

}

.fc .fc-view-container .fc-event:focus,

.fc .fc-view-container .fc-event:hover,

.fc .fc-view-container .fc-event:active {

    z-index: 1000;

}

.fc .fc-view-container .fc-event:focus .fc-overlay,

.fc .fc-view-container .fc-event:hover .fc-overlay,

.fc .fc-view-container .fc-event:active .fc-overlay {

    display: block;

}

.fc .fc-view-container .fc-view.fc-basic-view > table > thead tr th.fc-widget-header,

.fc .fc-view-container .fc-view.fc-basic-view > table > thead tr td.fc-widget-header,

.fc .fc-view-container .fc-view.fc-agenda > table > thead tr th.fc-widget-header,

.fc .fc-view-container .fc-view.fc-agenda > table > thead tr td.fc-widget-header {

    border: 0;

    background-color: #d2d2d2;

    padding: 10px;

    color: #000;

    font-size: 12px;

    font-weight: normal;

}

.fc .fc-view-container .fc-view.fc-basic-view > table > thead tr th.fc-agenda-gutter,

.fc .fc-view-container .fc-view.fc-basic-view > table > thead tr td.fc-agenda-gutter,

.fc .fc-view-container .fc-view.fc-agenda > table > thead tr th.fc-agenda-gutter,

.fc .fc-view-container .fc-view.fc-agenda > table > thead tr td.fc-agenda-gutter {

    padding: 0;

}

.fc .fc-view-container .fc-view.fc-basic-view > table > thead tr td.fc-widget-header,

.fc .fc-view-container .fc-view.fc-agenda > table > thead tr td.fc-widget-header {

    padding: 2px;

}

.fc .fc-view-container .fc-view.fc-basic-view > table tbody tr td.fc-widget-content,

.fc .fc-view-container .fc-view.fc-agenda > table tbody tr td.fc-widget-content {

    border: 0;

    border-bottom: 1px solid #d2d2d2;

    border-right: 1px solid #d2d2d2;

}

.fc .fc-view-container .fc-view.fc-basic-view > table tbody tr td.fc-widget-content.fc-state-highlight,

.fc .fc-view-container .fc-view.fc-agenda > table tbody tr td.fc-widget-content.fc-state-highlight {

    background: #fff;

}

.fc .fc-view-container .fc-view.fc-basic-view > table tbody tr td.fc-day-number,

.fc .fc-view-container .fc-view.fc-agenda > table tbody tr td.fc-day-number {

    padding: 5px 10px;

    margin: 5px;

    color: #000;

    font-size: 15px;

}

.fc .fc-view-container .fc-view.fc-basic-view > table tbody tr td.fc-day-number.fc-state-highlight,

.fc .fc-view-container .fc-view.fc-agenda > table tbody tr td.fc-day-number.fc-state-highlight {

    background-color: red;

    color: white;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    padding: 4px 6px;

    float: right;

}

.fc .fc-view-container .fc-view.fc-basic-view > table tbody tr td:first-child.fc-widget-content,

.fc .fc-view-container .fc-view.fc-agenda > table tbody tr td:first-child.fc-widget-content {

    border-left: 1px solid #d2d2d2;

}

.fc .fc-view-container .fc-view.fc-basic-view .fc-body .fc-row .fc-bg,

.fc .fc-view-container .fc-view.fc-agenda .fc-body .fc-row .fc-bg {

    border-bottom: 1px solid #d2d2d2;

}

.fc .fc-view-container .fc-view.fc-basic-view .fc-body .fc-row:last-of-type .fc-bg,

.fc .fc-view-container .fc-view.fc-agenda .fc-body .fc-row:last-of-type .fc-bg {

    border-bottom: 0;

}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-axis,

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-gutter {

    border-left: 1px solid #e2e2e2;

    border-right: 1px solid #e2e2e2;

    background-color: #f2f2f2;

    color: #000;

    font-size: 12px;

    font-weight: 100;

    padding: 10px 5px;

}

.fc .fc-view-container .fc-view.fc-agenda > table > tbody > tr > td.fc-state-highlight {

    background: #f2f2f2;

}

.fc .fc-view-container .fc-view.fc-agenda > table > tbody > tr > td.fc-sat {

    border-right: 0;

}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr {

    line-height: 35px;

}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr th {

    border: 0;

    border-left: 1px solid #e2e2e2;

    border-right: 1px solid #e2e2e2;

    background-color: #f2f2f2;

    color: #000;

    font-size: 12px;

    font-weight: 100;

    padding-top: 10px;

}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content {

    border-bottom: 1px solid #e2e2e2;

    line-height: 50px;

}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content:last-child {

    border-right: 0;

}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr.fc-minor td.fc-widget-content {

    border-bottom: 1px solid #e2e2e2;

}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-divider {

    border: 1px solid #e2e2e2;

}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-divider .fc-agenda-divider-inner {

    background-color: #f2f2f2;

    height: 3px;

}

.login-page {

    background-color: #00bcd4;

    padding-left: 0;

/*    max-width: 360px;*/

    margin: 5% auto;

    overflow-x: hidden;

}

.login-page .login-box .msg {

    color: #555;

    margin-bottom: 30px;

    text-align: center;

}

.login-page .login-box a {

    font-size: 14px;

    text-decoration: none;

    color: #00bcd4;

}

.login-page .login-box .logo {

    margin-bottom: 20px;

}

.login-page .login-box .logo a {

    font-size: 36px;

    display: block;

    width: 100%;

    text-align: center;

    color: #fff;

}

.login-page .login-box .logo small {

    display: block;

    width: 100%;

    text-align: center;

    color: #fff;

    margin-top: -5px;

}

#sign_up > .form-group {

    margin: 0;

}

.signup-page {

    background-color: #00bcd4;

    padding-left: 0;

    max-width: 360px;

    margin: 5% auto;

    overflow-x: hidden;

}

.signup-page .signup-box .msg {

    color: #555;

    margin-bottom: 30px;

    text-align: center;

}

.signup-page .signup-box a {

    font-size: 14px;

    text-decoration: none;

    color: #00bcd4;

}

.signup-page .signup-box .logo {

    margin-bottom: 20px;

}

.signup-page .signup-box .logo a {

    font-size: 36px;

    display: block;

    width: 100%;

    text-align: center;

    color: #fff;

}

.signup-page .signup-box .logo small {

    display: block;

    width: 100%;

    text-align: center;

    color: #fff;

    margin-top: -5px;

}

.fp-page {

    background-color: #00bcd4;

    padding-left: 0;

    max-width: 360px;

    margin: 5% auto;

    overflow-x: hidden;

}

.fp-page .fp-box .msg {

    color: #555;

    margin-bottom: 30px;

    text-align: center;

}

.fp-page .fp-box a {

    font-size: 14px;

    text-decoration: none;

    color: #00bcd4;

}

.fp-page .fp-box .logo {

    margin-bottom: 20px;

}

.fp-page .fp-box .logo a {

    font-size: 36px;

    display: block;

    width: 100%;

    text-align: center;

    color: #fff;

}

.fp-page .fp-box .logo small {

    display: block;

    width: 100%;

    text-align: center;

    color: #fff;

    margin-top: -5px;

}

.four-zero-four {

    width: 100%;

    text-align: center;

    margin: 5% auto;

}

.four-zero-four .four-zero-four-container .error-code {

    font-size: 160px;

}

.four-zero-four .four-zero-four-container .error-message {

    font-size: 26px;

    color: #333;

    font-weight: bold;

    margin-top: -40px;

}

.four-zero-four .four-zero-four-container .button-place {

    margin-top: 32px;

}

.five-zero-zero {

    width: 100%;

    text-align: center;

    margin: 5% auto;

}

.five-zero-zero .five-zero-zero-container .error-code {

    font-size: 160px;

}

.five-zero-zero .five-zero-zero-container .error-message {

    font-size: 27px;

    color: #333;

    font-weight: bold;

    margin-top: -40px;

}

.five-zero-zero .five-zero-zero-container .button-place {

    margin-top: 32px;

}

.cbp_tmtimeline {

    margin: 30px 0 0 0;

    padding: 0;

    list-style: none;

    position: relative;

}

.cbp_tmtimeline:before {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    width: 5px;

    background: #f5f5f6;

    left: 20%;

    margin-left: -6px;

}

.cbp_tmtimeline > li {

    position: relative;

}

.cbp_tmtimeline > li:first-child .cbp_tmtime span.large {

    color: #444;

    font-size: 17px !important;

    font-weight: 700;

}

.cbp_tmtimeline > li:first-child .cbp_tmicon {

    background: #fff;

    color: #666;

}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {

    color: #444;

    font-size: 12px;

}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {

    background: #f5f5f6;

}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {

    border-right-color: #f5f5f6;

}

.cbp_tmtimeline > li .empty span {

    color: #777;

}

.cbp_tmtimeline > li .cbp_tmtime {

    display: block;

    width: 23%;

    padding-right: 100px;

    position: absolute;

}

.cbp_tmtimeline > li .cbp_tmtime span {

    display: block;

    text-align: right;

}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {

    font-size: 16px;

    color: #3d4c5a;

    font-weight: 700;

}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {

    font-size: 12px;

    color: #444;

}

.cbp_tmtimeline > li .cbp_tmlabel {

    margin: 0 0 15px 25%;

    background: #f5f5f6;

    color: #fff;

    padding: 2em;

    font-size: 1.2em;

    font-weight: 300;

    line-height: 1.4;

    position: relative;

    border-radius: 5px;

}

.cbp_tmtimeline > li .cbp_tmlabel:hover {

    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);

    transition: all 150ms linear;

}

.cbp_tmtimeline > li .cbp_tmlabel:after {

    right: 100%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-right-color: #f5f5f6;

    border-width: 10px;

    top: 10px;

}

.cbp_tmtimeline > li .cbp_tmlabel blockquote {

    background: #fff;

    color: #444;

    font-size: 16px;

}

.cbp_tmtimeline > li .cbp_tmlabel .map-checkin {

    border: 5px solid rgba(235, 235, 235, 0.2);

    -moz-box-shadow: 0px 0px 0px 1px #ebebeb;

    -webkit-box-shadow: 0px 0px 0px 1px #ebebeb;

    box-shadow: 0px 0px 0px 1px #ebebeb;

    background: #fff !important;

}

.cbp_tmtimeline > li .cbp_tmlabel h2 {

    margin: 0px;

    padding: 0 0 10px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.4);

    line-height: 26px;

    color: #222;

}

.cbp_tmtimeline > li .cbp_tmlabel h2 a {

    color: #303641;

    font-size: 17px;

}

.cbp_tmtimeline > li .cbp_tmlabel h2 a:hover {

    text-decoration: none;

}

.cbp_tmtimeline > li .cbp_tmlabel h2 span {

    font-size: 17px;

    color: #666;

    font-weight: normal;

}

.cbp_tmtimeline > li .cbp_tmlabel p {

    color: #444;

}

.cbp_tmtimeline > li .cbp_tmicon {

    width: 40px;

    height: 40px;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    font-size: 1.4em;

    line-height: 40px;

    -webkit-font-smoothing: antialiased;

    position: absolute;

    color: #fff;

    background: #46a4da;

    border-radius: 50%;

    box-shadow: 0 0 0 5px #f5f5f6;

    text-align: center;

    left: 20%;

    top: 0;

    margin: 0 0 0 -25px;

}

@media screen and (max-width: 65.375em) {

    .cbp_tmtimeline > li .cbp_tmtime span:last-child {

        font-size: 12px;

    }

}

@media screen and (max-width: 47.2em) {

    .cbp_tmtimeline:before {

        display: none;

    }

    .cbp_tmtimeline > li .cbp_tmtime {

        width: 100%;

        position: relative;

        padding: 0 0 20px 0;

    }

    .cbp_tmtimeline > li .cbp_tmtime span {

        text-align: left;

    }

    .cbp_tmtimeline > li .cbp_tmlabel {

        margin: 0 0 30px 0;

        padding: 1em;

        font-weight: 400;

        font-size: 95%;

    }

    .cbp_tmtimeline > li .cbp_tmlabel:after {

        right: auto;

        left: 20px;

        border-right-color: transparent;

        border-bottom-color: #f5f5f6;

        top: -20px;

    }

    .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {

        border-right-color: transparent;

        border-bottom-color: #f5f5f6;

    }

    .cbp_tmtimeline > li .cbp_tmicon {

        position: relative;

        float: right;

        left: auto;

        margin: -55px 5px 0 0px;

    }

}

.contact .contact-details {

    list-style: none;

    padding: 0;

}

.contact .contact-details li {

    margin-bottom: 10px;

}

.contact .contact-details li i {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #f4f4f7;

    font-size: 14px;

    height: 30px;

    line-height: 30px;

    margin-right: 5px;

    text-align: center;

    width: 30px;

}

.contact .social-icons {

    padding: 0;

    margin: 0;

}

.contact .social-icons li {

    display: inline-block;

}

.contact .social-icons li a {

    padding: 5px 10px;

    display: block;

}

.people-list {

    width: 260px;

    float: left;

    background: #3d4c5a;

    border-radius: 3px 0 0 3px;

    height: 92vh !important;

}

.people-list .search {

    padding: 20px;

}

.people-list .search .form-group {

    margin: 0;

}

.people-list input {

    border-radius: 3px;

    border: none;

    padding: 14px;

    color: white;

    background: #6a6c75;

    width: 90%;

    font-size: 14px;

}

.people-list .fa-search {

    position: relative;

    left: -25px;

}

.people-list ul {

    padding: 0px;

}

.people-list ul li {

    padding: 10px 15px;

    list-style: none;

}

.people-list ul li:hover {

    background: #546779;

}

.people-list ul li .name {

    color: #fff;

    font-size: 15px;

}

.people-list img {

    float: left;

    border-radius: 50%;

}

.people-list .about {

    float: left;

    margin-top: 8px;

    padding-left: 8px;

}

.people-list .status {

    color: #999;

}

.chat {

    width: calc(100% - 260px);

    float: left;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    color: #434651;

}

.chat .chat-header {

    padding: 20px;

    border-bottom: 2px solid white;

}

.chat .chat-header img {

    float: left;

    border-radius: 50%;

}

.chat .chat-header .chat-about {

    float: left;

    padding-left: 10px;

    margin-top: 6px;

}

.chat .chat-header .chat-with {

    font-weight: bold;

    font-size: 16px;

}

.chat .chat-header .chat-num-messages {

    color: #555;

}

.chat .chat-header .fa-star {

    float: right;

    color: #d8dadf;

    font-size: 20px;

    margin-top: 12px;

}

.chat .chat-history {

    padding: 30px 30px 20px;

    border-bottom: 2px solid white;

    overflow-y: scroll;

    height: 575px;

}

.chat .chat-history ul {

    padding: 0;

}

.chat .chat-history ul li {

    list-style: none;

}

.chat .chat-history .message-data {

    margin-bottom: 15px;

}

.chat .chat-history .message-data .message-data-name {

    font-size: 16px;

    font-weight: 700;

}

.chat .chat-history .message-data-time {

    color: #6a6a6a;

    padding-left: 6px;

}

.chat .chat-history .message {

    color: #444;

    padding: 18px 20px;

    line-height: 26px;

    font-size: 16px;

    border-radius: 7px;

    margin-bottom: 30px;

    width: 90%;

    position: relative;

}

.chat .chat-history .message:after {

    bottom: 100%;

    left: 7%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-bottom-color: #f2f5f8;

    border-width: 10px;

    margin-left: -10px;

}

.chat .chat-history .my-message {

    background: #f2f5f8;

}

.chat .chat-history .other-message {

    background: #f2f5f8;

}

.chat .chat-history .other-message:after {

    border-bottom-color: #f2f5f8;

    left: 93%;

}

.chat .chat-message {

    padding: 30px;

}

.chat .chat-message textarea {

    width: 100%;

    border: none;

    padding: 10px 20px;

    font: 14px/22px "Lato", Arial, sans-serif;

    margin-bottom: 10px;

    border-radius: 5px;

    resize: none;

}

.chat .chat-message .fa-file-o,

.chat .chat-message .fa-file-image-o {

    font-size: 16px;

    color: gray;

    cursor: pointer;

}

.online,

.offline,

.me {

    margin-right: 3px;

    font-size: 10px;

}

.online {

    color: #86bb71;

}

.offline {

    color: #e38968;

}

.me {

    color: #0498bd;

}

.align-left {

    text-align: left;

}

.align-right {

    text-align: right;

}

.float-right {

    float: right;

}

.clearfix:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0;

}

@media only screen and (max-width: 767px) {

    .people-list {

        width: 100%;

        height: auto !important;

    }

    .people-list .search .form-group {

        width: 60%;

        float: left;

    }

    .people-list .slimScrollDiv {

        height: auto !important;

        width: 100% !important;

    }

    .people-list .slimScrollDiv ul {

        height: auto !important;

    }

    .chat {

        width: 100%;

    }

}

.profile-page .p-l-0.p-r-0 {

    padding-right: 0px !important;

    padding-left: 0px !important;

}

.profile-page .profile-header {

    background: transparent url("../images/profile-bg.jpg") repeat scroll center center/cover;

    color: #fff;

    padding-bottom: 30px;

    padding-top: 30px;

    position: relative;

    text-align: center;

    border-radius: 3px 3px 0 0;

}

.profile-page .profile-header .profile_info .profile-image img {

    border-radius: 50%;

}

.profile-page .profile-header .profile_info .social-icon a {

    margin: 0 5px;

}

.profile-page .profile-header .profile_info .social-icon a i {

    color: #fff;

}

.profile-page .profile-sub-header {

    min-height: 60px;

    width: 100%;

    margin-bottom: 15px;

}

.profile-page .profile-sub-header .box-list ul {

    display: inline-table;

    padding: 0;

    margin: 0;

    table-layout: fixed;

    width: 100%;

    background: #f2f2f2;

}

.profile-page .profile-sub-header .box-list ul li {

    border-right: 1px solid #dedede;

    border-bottom: 1px solid #dedede;

    display: table-cell;

    list-style: outside none none;

}

.profile-page .profile-sub-header .box-list ul li a {

    display: block;

    padding: 15px 0;

    color: #444;

}

.profile-page .profile-sub-header .box-list ul li a:hover {

    text-decoration: none;

    color: #fff;

}

.profile-page .profile-sub-header .box-list ul li a i {

    font-size: 20px;

}

.profile-page .profile-sub-header .box-list ul li a p {

    margin: 0;

}

.profile-page .profile-sub-header .box-list ul li:last-child {

    border-right: none;

}

.profile-page #mypost .mypost-form {

    margin-bottom: 15px;

}

.profile-page #mypost .mypost-form .form-group {

    margin: 0;

}

.profile-page #mypost .post-box .post-img {

    margin-bottom: 15px;

    max-height: 300px;

    overflow: hidden;

}

.profile-page #usersettings .form-group {

    margin-bottom: 0;

}

#timeline .timeline {

    border-left: 1px solid #dedede;

    font-size: 14px;

    position: relative;

}

#timeline .timeline .border-info {

    border-color: #03a9f4;

}

#timeline .timeline .border-warning {

    border-color: #fbc02d;

}

#timeline .timeline .border-danger {

    border-color: #f44336;

}

#timeline .timeline .timeline-item {

    margin-bottom: 0px;

    padding-bottom: 1px;

    position: relative;

}

#timeline .timeline .timeline-item:after {

    background-color: #fff;

    border-color: inherit;

    border-radius: 50%;

    border-style: solid;

    border-width: 2px;

    content: "";

    height: 11px;

    left: 0;

    margin-left: -6px;

    position: absolute;

    width: 11px;

    bottom: auto;

    clear: both;

    top: 4px;

}

#timeline .timeline .timeline-item .item-content {

    margin-left: 24px;

    margin-top: 0;

}

#timeline .timeline .timeline-item .item-content p {

    font-weight: 400;

    color: #444;

}

@media only screen and (max-width: 414px) {

    .profile-page .profile-sub-header .box-list li a {

        padding: 20px 0 !important;

    }

    .profile-page .profile-sub-header .box-list li p {

        display: none;

    }

}

.member-card {

    text-align: center;

}

.member-card .header-dropdown {

    display: inline-block;

    position: absolute;

    right: 30px;

    padding: 0;

    margin: 0;

}

.member-card .header-dropdown li a {

    padding: 10px 15px;

}

.member-card.verified .member-thumb img {

    border: 1px solid #5cb85c;

}

.member-card.verified .member-thumb i {

    color: #5cb85c;

}

.member-card .text-pink {

    display: block;

}

.member-card .member-thumb {

    position: relative;

    display: inline-block;

}

.member-card .social-links {

    padding: 0;

    margin: 0;

}

.member-card .social-links li {

    display: inline-block;

}

.member-card .social-links li a {

    width: 20px;

    display: block;

    text-align: center;

}

.patients .all-patients .m-b-0,

.patients .all-patients .media .media-body .media-heading,

.media .media-body .patients .all-patients .media-heading {

    margin-bottom: 0 !important;

}

.patients .all-patients .p-profile-pix {

    display: inline-block;

}

.patients .all-patients h5 .edit {

    float: right;

}

.profile-page #report .progress {

    height: 5px;

}

.profile-page #report ul li:last-child .progress {

    margin-bottom: 0;

}

.profile-page #report .dis {

    padding-left: 15px;

}

.profile-page #report-chart .stats-row {

    margin-bottom: 20px;

}

.profile-page #report-chart .stats-row .stat-item {

    display: inline-block;

    padding-right: 15px;

}

.planContainer {

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

}

.planContainer .title h2 {

    font-size: 2.125em;

    font-weight: 300;

    color: #3e4f6a;

    margin: 0;

    padding: 0.6em 0;

}

.planContainer .price {

    text-align: center;

}

.planContainer .options {

    padding: 0;

}

.planContainer .options li {

    font-weight: 700;

    color: #364762;

    line-height: 2.5;

    list-style: none;

}

.planContainer .options li span {

    font-weight: 400;

    color: #979797;

}

.staff .member-card .header-dropdown {

    z-index: 999;

    right: 20px;

}

.s-profile {

    text-align: left;

}

.s-profile h4 {

    margin-top: 0;

}

@media only screen and (max-width: 767px) {

    .s-profile {

        text-align: center;

    }

}

.email-page {

    padding: 10px 0 !important;

    background: #fff !important;

}

.email-page .label {

    padding: 0 5px;

}

.email-page .tbox {

    display: table;

    width: 100%;

    height: 100%;

    border-spacing: 0;

    table-layout: fixed;

}

.email-page .tcol .nav-stacked > li a {

    text-align: left;

    color: #3d4c5a;

    font-size: 14px;

}

.email-page .tcol #mail-folders li.active a {

    background: #ececec;

    color: #3d4c5a;

    box-shadow: none;

}

.email-page .tcol #mail-folders li {

    margin: 0;

}

.email-page .tcol #mail-folders li a:hover {

    background: #ececec;

    color: #3d4c5a;

}

.email-page .tcol #mail-labels li a {

    display: inline-block;

    text-align: left;

    color: #3d4c5a;

    font-size: 14px;

    font-weight: 400;

}

.email-page .tcol #mail-labels li a i {

    font-size: 16px;

    padding: 0;

    display: inline-block;

    margin-right: 5px;

}

.email-page .tcol #onlie-offline li a i {

    display: inline-block;

    font-size: 8px;

    padding: 0;

    margin-right: 5px;

}

.email-page .mail_listing .table thead .btn-sm {

    padding: 10px;

}

.email-page .mail_listing .table thead .dropdown {

    margin-bottom: 0px;

}

.email-page .mail_listing .table tbody .unread td {

    font-weight: 700;

}

.email-page .mail_listing .table tbody tr td {

    vertical-align: middle;

}

.email-page .mail_listing .table tbody tr td .checkbox {

    margin-bottom: 0px;

    margin-top: 7px;

}

.email-page .mail_listing .table tbody tr td .checkbox label {

    margin: 0;

}

.email-page .mail_listing .table tbody tr td img {

    width: 36px;

    border-radius: 50%;

    margin-right: 10px;

}

.email-page .mail_listing .table tbody tr td .label {

    float: left;

}

.email-page .mail_listing .table tbody tr td a {

    color: #555;

}

.email-page .mail_listing .table tbody tr td a:hover {

    text-decoration: none;

}

.email-page .custom {

    padding: 8px 10px;

}

.email-page .mail-single h3 {

    font-weight: 400;

}

.email-page .mail-single .media {

    margin-bottom: 0;

}

.email-page .mail-single .panel-heading {

    background: #e6e6e6;

    padding: 20px;

}

.thumb {

    display: inline-block;

}

.thumb .thumb-header {

    padding: 5px;

}

.thumb .thumb-body {

    padding: 5px;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

}

.thumb img {

    width: 100%;

}

.thumb-sm {

    width: 40px;

}

.thumb-md {

    width: 60px;

}

.thumb-xxl {

    width: 160px;

}

@media only screen and (min-width: 993px) {

    .collapse.collapse-sm,

    .collapse.collapse-xs {

        display: block;

    }

}

.gmap {

    width: 100%;

    height: 400px;

}

.jvector-map {

    width: 100%;

    height: 600px;

}

.morris-hover.morris-default-style {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

}

.flot-chart {

    width: 100%;

    height: 320px;

}

.panel-switch-btn {

    position: relative;

    top: -27px;

    right: 20px;

    z-index: 9;

}

.panel-switch-btn label {

    font-weight: bold !important;

}

.legendLabel {

    width: 85px !important;

    position: relative;

    left: 3px;

}

#multiple_axis_chart .legendLabel {

    width: 160px !important;

}

.sparkline {

    text-align: center;

}

.search-bar {

    position: fixed;

    top: -100px;

    left: 0;

    z-index: 9999999;

    width: 100%;

    -moz-transition: 0.25s;

    -o-transition: 0.25s;

    -webkit-transition: 0.25s;

    transition: 0.25s;

}

.search-bar.open {

    top: 0;

}

.search-bar .search-icon {

    position: absolute;

    top: 20px;

    left: 14px;

}

.search-bar .search-icon .material-icons {

    font-size: 32px;

    color: #999;

}

.search-bar .close-search {

    position: absolute;

    cursor: pointer;

    font-size: 30px;

    top: 16px;

    right: 18px;

}

.search-bar .close-search .material-icons {

    color: #999;

    opacity: 1;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.search-bar .close-search .material-icons:hover {

    opacity: 0.5;

}

.search-bar input[type="text"] {

    width: 100%;

    font-size: 16px;

    padding: 25px 60px 23px 56px;

    border: none;

}

.dataTables_wrapper {

    position: relative;

}

.dataTables_wrapper select {

    border: none;

    border-bottom: 1px solid #ddd;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    box-shadow: none;

}

.dataTables_wrapper select:active,

.dataTables_wrapper select:focus {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    box-shadow: none;

}

.dataTables_wrapper input[type="search"] {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    box-shadow: none;

    border: none;

    font-size: 12px;

    border-bottom: 1px solid #ddd;

}

.dataTables_wrapper input[type="search"]:focus,

.dataTables_wrapper input[type="search"]:active {

    border-bottom: 2px solid #1f91f3;

}

.dataTables_wrapper .dt-buttons {

    position: absolute;

    top: 0;

    left: 0;

}

.dataTables_wrapper .dt-buttons a.dt-button {

    background-color: #607d8b;

    color: #fff;

    padding: 7px 12px;

    margin-right: 5px;

    text-decoration: none;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    border-radius: 2px;

    border: none;

    font-size: 13px;

    outline: none;

}

.dataTables_wrapper .dt-buttons a.dt-button:active {

    opacity: 0.8;

}

.lg-outer .lg-thumb-item,

.lg-outer .lg-toogle-thumb {

    -webkit-border-radius: 0 !important;

    -moz-border-radius: 0 !important;

    -ms-border-radius: 0 !important;

    border-radius: 0 !important;

}

html.ie10 .sidebar .menu .list li {

    line-height: 30px;

}

html.ie10 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before {

    top: 6px !important;

    line-height: 20px !important;

}

html.ie10 .sidebar .user-info .info-container {

    top: 15px;

}

html.ie10 .search-bar input[type="text"] {

    padding: 26px 60px 26px 56px;

}

html.ie10 .dropdown-menu ul.menu li a {

    margin-top: -22px;

}

html.ie10 .bs-searchbox .form-control {

    width: 90%;

}

html.ie11 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before {

    top: 6px !important;

    line-height: 20px !important;

}

html.ie11 .sidebar .user-info .info-container {

    top: 15px;

}

html.ie11 .search-bar input[type="text"] {

    padding: 26px 60px 26px 56px;

}

html.ie11 .dropdown-menu ul.menu li a {

    margin-top: -22px;

}

html.ie11 .bs-searchbox .form-control {

    width: 90%;

}