/* colores
/* Colores de la plataforma */
/*
#c8de26 terciario
#7d69ee Secundario
#016fd7
#010043 /primario/
#01ffff
#f0f0f0


DIN PRO

Degrade
#AFA1F6
 */
/* Fuentes del proyecto  */
/* Definición de las fuentes */
@font-face {
    font-family: 'DIN Pro';
    src: url('/assets/fonts/DINPro-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('/assets/fonts/DINPro-Black.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@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")
}

/* Aplicación de las fuentes a los elementos */
h1 {
    font-family: 'DIN Pro', sans-serif;
    font-weight: bold;
    font-size: 60px;
}

h2 {
    font-family: 'DIN Pro', sans-serif;
    font-weight: bold;
    font-size: 36px;
}

h3 {
    font-family: 'DIN Pro', sans-serif;
    font-weight: bold;
    font-size: 28px;
}

h4 {
    font-family: 'DIN Pro', sans-serif;
    font-weight: bold;
    font-size: 24px;
}

h5 {
    font-family: 'DIN Pro', sans-serif;
    font-weight: bold;
    font-size: 20px;
}

h6 {
    font-family: 'DIN Pro', sans-serif;
    font-weight: normal;
    font-size: 17px;
}

::placeholder {
    font-family: 'DIN Pro', sans-serif;
    font-weight: normal;
    font-size: 17px;
}

p {
    font-family: 'DIN Pro', sans-serif;
    font-weight: normal;
    font-size: 18px;
}

.subtitle {
    font-family: 'DIN Pro', sans-serif;
    font-weight: normal;
    font-size: 24px;
}

.icon-24px {
    width: 24px;
    height: 24px;
}

.icon-48px {
    width: 38px;
    height: 38px;
}


.btn,
.navbar .navbar-nav>a.btn {
    border-width: 2px;
    font-weight: 400;
    font-size: .8171em;
    line-height: 1.35em;
    margin: 5px 1px;
    border: none;
    border-radius: .2875rem;
    padding: 8px 18px;
    cursor: pointer;
    /* background-color: #010043; */
    /* color: #fff; */
    transition: 0.35s transform;
}



.btn.active,
.btn.active:focus,
.btn.active:hover,
.btn:active,
.btn:active:focus,
.btn:active:hover,
.btn:focus,
.btn:hover,
.navbar .navbar-nav>a.btn.active,
.navbar .navbar-nav>a.btn.active:focus,
.navbar .navbar-nav>a.btn.active:hover,
.navbar .navbar-nav>a.btn:active,
.navbar .navbar-nav>a.btn:active:focus,
.navbar .navbar-nav>a.btn:active:hover,
.navbar .navbar-nav>a.btn:focus,
.navbar .navbar-nav>a.btn:hover,
.show>.btn.dropdown-toggle,
.show>.btn.dropdown-toggle:focus,
.show>.btn.dropdown-toggle:hover,
.show>.navbar .navbar-nav>a.btn.dropdown-toggle,
.show>.navbar .navbar-nav>a.btn.dropdown-toggle:focus,
.show>.navbar .navbar-nav>a.btn.dropdown-toggle:hover {
    box-shadow: none;
    transform: scale(1.02);
}

.btn:hover,
.navbar .navbar-nav>a.btn:hover {
    box-shadow: 0 3px 8px 0 rgba(41, 42, 51, .17)
}

.btn.disabled,
.btn.disabled.active,
.btn.disabled.focus,
.btn.disabled:active,
.btn.disabled:focus,
.btn.disabled:hover,
.btn:disabled,
.btn:disabled.active,
.btn:disabled.focus,
.btn:disabled:active,
.btn:disabled:focus,
.btn:disabled:hover,
.btn[disabled],
.btn[disabled].active,
.btn[disabled].focus,
.btn[disabled]:active,
.btn[disabled]:focus,
.btn[disabled]:hover,
.navbar .navbar-nav>a.btn.disabled,
.navbar .navbar-nav>a.btn.disabled.active,
.navbar .navbar-nav>a.btn.disabled.focus,
.navbar .navbar-nav>a.btn.disabled:active,
.navbar .navbar-nav>a.btn.disabled:focus,
.navbar .navbar-nav>a.btn.disabled:hover,
.navbar .navbar-nav>a.btn:disabled,
.navbar .navbar-nav>a.btn:disabled.active,
.navbar .navbar-nav>a.btn:disabled.focus,
.navbar .navbar-nav>a.btn:disabled:active,
.navbar .navbar-nav>a.btn:disabled:focus,
.navbar .navbar-nav>a.btn:disabled:hover,
.navbar .navbar-nav>a.btn[disabled],
.navbar .navbar-nav>a.btn[disabled].active,
.navbar .navbar-nav>a.btn[disabled].focus,
.navbar .navbar-nav>a.btn[disabled]:active,
.navbar .navbar-nav>a.btn[disabled]:focus,
.navbar .navbar-nav>a.btn[disabled]:hover,
fieldset[disabled] .btn,
fieldset[disabled] .btn.active,
fieldset[disabled] .btn.focus,
fieldset[disabled] .btn:active,
fieldset[disabled] .btn:focus,
fieldset[disabled] .btn:hover,
fieldset[disabled] .navbar .navbar-nav>a.btn,
fieldset[disabled] .navbar .navbar-nav>a.btn.active,
fieldset[disabled] .navbar .navbar-nav>a.btn.focus,
fieldset[disabled] .navbar .navbar-nav>a.btn:active,
fieldset[disabled] .navbar .navbar-nav>a.btn:focus,
fieldset[disabled] .navbar .navbar-nav>a.btn:hover {
    background-color: #888;
    border-color: #888
}

.btn.btn-simple,
.navbar .navbar-nav>a.btn.btn-simple {
    color: #888;
    border-color: #888
}

.btn.btn-simple:active,
.btn.btn-simple:focus,
.btn.btn-simple:hover,
.navbar .navbar-nav>a.btn.btn-simple:active,
.navbar .navbar-nav>a.btn.btn-simple:focus,
.navbar .navbar-nav>a.btn.btn-simple:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #979797;
    border-color: #979797;
    box-shadow: none
}

.btn.btn-link,
.navbar .navbar-nav>a.btn.btn-link {
    color: #888
}

.btn.btn-link:active,
.btn.btn-link:focus,
.btn.btn-link:hover,
.navbar .navbar-nav>a.btn.btn-link:active,
.navbar .navbar-nav>a.btn.btn-link:focus,
.navbar .navbar-nav>a.btn.btn-link:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #979797;
    text-decoration: none;
    box-shadow: none
}

.btn:focus,
.btn:hover,
.navbar .navbar-nav>a.btn:focus,
.navbar .navbar-nav>a.btn:hover {
    opacity: 1;
    outline: 0 !important
}

.btn.active,
.btn:active,
.navbar .navbar-nav>a.btn.active,
.navbar .navbar-nav>a.btn:active,
.open>.btn.dropdown-toggle,
.open>.navbar .navbar-nav>a.btn.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important
}

.btn.btn-icon,
.navbar .navbar-nav>a.btn.btn-icon {
    height: 2.375rem;
    min-width: 2.375rem;
    width: 2.375rem;
    padding: 0;
    font-size: .9375rem;
    overflow: hidden;
    position: relative;
    line-height: 2.375rem
}

.card-tittle2 {
    color: #010043 !important;
}

.btn.btn-icon.btn-simple,
.navbar .navbar-nav>a.btn.btn-icon.btn-simple {
    padding: 0
}

.btn.btn-icon.btn-sm,
.navbar .navbar-nav>a.btn.btn-icon.btn-sm {
    height: 1.875rem;
    min-width: 1.875rem;
    width: 1.875rem
}

.btn.btn-icon.btn-sm i.fa,
.btn.btn-icon.btn-sm i.now-ui-icons,
.navbar .navbar-nav>a.btn.btn-icon.btn-sm i.fa,
.navbar .navbar-nav>a.btn.btn-icon.btn-sm i.now-ui-icons {
    font-size: .6875rem
}

.btn.btn-icon.btn-lg,
.navbar .navbar-nav>a.btn.btn-icon.btn-lg {
    height: 3.6rem;
    min-width: 3.6rem;
    width: 3.6rem
}

.btn.btn-icon.btn-lg i.fa,
.btn.btn-icon.btn-lg i.now-ui-icons,
.navbar .navbar-nav>a.btn.btn-icon.btn-lg i.fa,
.navbar .navbar-nav>a.btn.btn-icon.btn-lg i.now-ui-icons {
    font-size: 1.325rem
}

.btn.btn-icon:not(.btn-footer) i.fa,
.btn.btn-icon:not(.btn-footer) i.now-ui-icons,
.navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) i.fa,
.navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) i.now-ui-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    /* transform: translate(-12px, -12px); */
    line-height: 1.5626rem;
    width: 25px
}

.btn:not(.btn-icon) .now-ui-icons,
.navbar .navbar-nav>a.btn:not(.btn-icon) .now-ui-icons {
    position: relative;
    top: 1px
}

.btn-default {
    background-color: #888;
    color: #fff
}

.btn-default.active,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:focus,
.btn-default:hover,
.show>.btn-default.dropdown-toggle,
.show>.btn-default.dropdown-toggle:focus,
.show>.btn-default.dropdown-toggle:hover {
    box-shadow: none
}

.btn-default:hover {
    box-shadow: 0 3px 8px 0 rgba(41, 42, 51, .17)
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default:disabled,
.btn-default:disabled.active,
.btn-default:disabled.focus,
.btn-default:disabled:active,
.btn-default:disabled:focus,
.btn-default:disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #888;
    border-color: #888
}

.btn-default.btn-simple {
    color: #888;
    border-color: #888
}

.btn-default.btn-simple:active,
.btn-default.btn-simple:focus,
.btn-default.btn-simple:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #979797;
    border-color: #979797;
    box-shadow: none
}

.btn-default.btn-link {
    color: #888
}

.btn-default.btn-link:active,
.btn-default.btn-link:focus,
.btn-default.btn-link:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #979797;
    text-decoration: none;
    box-shadow: none
}

.btn-primary {
    background: transparent linear-gradient(180deg,#010043 0%, #AFA1F6 100%) 0% 0% no-repeat padding-box;
    border-radius: 4px;
    color: #fff;
}

.btn-primary.active,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.show>.btn-primary.dropdown-toggle,
.show>.btn-primary.dropdown-toggle:focus,
.show>.btn-primary.dropdown-toggle:hover {
    box-shadow: none
}

/* .btn-primary:hover {
    box-shadow: 0 3px 8px 0 rgba(118, 7, 46)
} */

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled,
.btn-primary:disabled.active,
.btn-primary:disabled.focus,
.btn-primary:disabled:active,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #76072e !important;
    border-color: #0c7ce6
}

.btn-primary.btn-simple {
    color: #010043;
    border-color: #0c7ce6
}

.btn-primary.btn-simple:active,
.btn-primary.btn-simple:focus,
.btn-primary.btn-simple:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #1d8bf3;
    border-color: #1d8bf3;
    box-shadow: none
}

.btn-primary.btn-link {
    color: #0c7ce6
}

.btn-primary.btn-link:active,
.btn-primary.btn-link:focus,
.btn-primary.btn-link:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #1d8bf3;
    text-decoration: none;
    box-shadow: none
}

.btn-success {
    background-color: #04be5b;
    color: #fff
}

.btn-success.active,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success:focus,
.btn-success:hover,
.show>.btn-success.dropdown-toggle,
.show>.btn-success.dropdown-toggle:focus,
.show>.btn-success.dropdown-toggle:hover {
    box-shadow: none
}

.btn-success:hover {
    box-shadow: 0 3px 8px 0 rgba(41, 42, 51, .17)
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success:disabled,
.btn-success:disabled.active,
.btn-success:disabled.focus,
.btn-success:disabled:active,
.btn-success:disabled:focus,
.btn-success:disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #04be5b;
    border-color: #04be5b
}

.btn-success.btn-simple {
    color: #04be5b;
    border-color: #04be5b
}

.btn-success.btn-simple:active,
.btn-success.btn-simple:focus,
.btn-success.btn-simple:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #05dc69;
    border-color: #05dc69;
    box-shadow: none
}

.btn-success.btn-link {
    color: #04be5b
}

.btn-success.btn-link:active,
.btn-success.btn-link:focus,
.btn-success.btn-link:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #05dc69;
    text-decoration: none;
    box-shadow: none
}

.btn-info {
    background-color: #1cbfd0;
    color: #fff
}

.btn-info.active,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active,
.btn-info:active:focus,
.btn-info:active:hover,
.btn-info:focus,
.btn-info:hover,
.show>.btn-info.dropdown-toggle,
.show>.btn-info.dropdown-toggle:focus,
.show>.btn-info.dropdown-toggle:hover {
    box-shadow: none
}

.btn-info:hover {
    box-shadow: 0 3px 8px 0 rgba(41, 42, 51, .17)
}

.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info:disabled,
.btn-info:disabled.active,
.btn-info:disabled.focus,
.btn-info:disabled:active,
.btn-info:disabled:focus,
.btn-info:disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #1cbfd0;
    border-color: #1cbfd0
}

.btn-info.btn-simple {
    color: #1cbfd0;
    border-color: #1cbfd0
}

.btn-info.btn-simple:active,
.btn-info.btn-simple:focus,
.btn-info.btn-simple:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #28d1e2;
    border-color: #28d1e2;
    box-shadow: none
}

.btn-info.btn-link {
    color: #1cbfd0
}

.btn-info.btn-link:active,
.btn-info.btn-link:focus,
.btn-info.btn-link:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #28d1e2;
    text-decoration: none;
    box-shadow: none
}

.btn-warning {
    background-color: #ff9948;
    color: #fff
}

.btn-warning.active,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active,
.btn-warning:active:focus,
.btn-warning:active:hover,
.btn-warning:focus,
.btn-warning:hover,
.show>.btn-warning.dropdown-toggle,
.show>.btn-warning.dropdown-toggle:focus,
.show>.btn-warning.dropdown-toggle:hover {
    box-shadow: none
}

.btn-warning:hover {
    box-shadow: 0 3px 8px 0 rgba(41, 42, 51, .17)
}

.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning:disabled,
.btn-warning:disabled.active,
.btn-warning:disabled.focus,
.btn-warning:disabled:active,
.btn-warning:disabled:focus,
.btn-warning:disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #ff9948;
    border-color: #ff9948
}

.btn-warning.btn-simple {
    color: #ff9948;
    border-color: #ff9948
}

.btn-warning.btn-simple:active,
.btn-warning.btn-simple:focus,
.btn-warning.btn-simple:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #ffaa67;
    border-color: #ffaa67;
    box-shadow: none
}

.btn-warning.btn-link {
    color: #ff9948
}

.btn-warning.btn-link:active,
.btn-warning.btn-link:focus,
.btn-warning.btn-link:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #ffaa67;
    text-decoration: none;
    box-shadow: none
}

.btn-danger {
    background-color: #010043;
    color: #fff
}

.btn-danger.active,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active,
.btn-danger:active:focus,
.btn-danger:active:hover,
.btn-danger:focus,
.btn-danger:hover,
.show>.btn-danger.dropdown-toggle,
.show>.btn-danger.dropdown-toggle:focus,
.show>.btn-danger.dropdown-toggle:hover {
    box-shadow: none
}

.btn-danger:hover {
    box-shadow: 0 3px 8px 0 rgba(41, 42, 51, .17)
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger:disabled,
.btn-danger:disabled.active,
.btn-danger:disabled.focus,
.btn-danger:disabled:active,
.btn-danger:disabled:focus,
.btn-danger:disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #010043;
    border-color: #010043
}

.btn-danger.btn-simple {
    color: #010043;
    border-color: #010043
}

.btn-danger.btn-simple:active,
.btn-danger.btn-simple:focus,
.btn-danger.btn-simple:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #f0416e;
    border-color: #f0416e;
    box-shadow: none
}

.btn-danger.btn-link {
    color: #010043
}

.btn-danger.btn-link:active,
.btn-danger.btn-link:focus,
.btn-danger.btn-link:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #f0416e;
    text-decoration: none;
    box-shadow: none
}

.btn-neutral {
    background-color: #fff;
    color: #0c7ce6
}

.btn-neutral.active,
.btn-neutral.active:focus,
.btn-neutral.active:hover,
.btn-neutral:active,
.btn-neutral:active:focus,
.btn-neutral:active:hover,
.btn-neutral:focus,
.btn-neutral:hover,
.show>.btn-neutral.dropdown-toggle,
.show>.btn-neutral.dropdown-toggle:focus,
.show>.btn-neutral.dropdown-toggle:hover {
    box-shadow: none
}

.btn-neutral:hover {
    box-shadow: 0 3px 8px 0 rgba(41, 42, 51, .17)
}

.btn-neutral.disabled,
.btn-neutral.disabled.active,
.btn-neutral.disabled.focus,
.btn-neutral.disabled:active,
.btn-neutral.disabled:focus,
.btn-neutral.disabled:hover,
.btn-neutral:disabled,
.btn-neutral:disabled.active,
.btn-neutral:disabled.focus,
.btn-neutral:disabled:active,
.btn-neutral:disabled:focus,
.btn-neutral:disabled:hover,
.btn-neutral[disabled],
.btn-neutral[disabled].active,
.btn-neutral[disabled].focus,
.btn-neutral[disabled]:active,
.btn-neutral[disabled]:focus,
.btn-neutral[disabled]:hover,
fieldset[disabled] .btn-neutral,
fieldset[disabled] .btn-neutral.active,
fieldset[disabled] .btn-neutral.focus,
fieldset[disabled] .btn-neutral:active,
fieldset[disabled] .btn-neutral:focus,
fieldset[disabled] .btn-neutral:hover {
    background-color: #fff;
    border-color: #fff
}

.btn-neutral.btn-danger {
    color: #010043
}

.btn-neutral.btn-danger:active,
.btn-neutral.btn-danger:focus,
.btn-neutral.btn-danger:hover {
    color: #f0416e
}

.btn-neutral.btn-info {
    color: #1cbfd0
}

.btn-neutral.btn-info:active,
.btn-neutral.btn-info:focus,
.btn-neutral.btn-info:hover {
    color: #28d1e2
}

.btn-neutral.btn-warning {
    color: #ff9948
}

.btn-neutral.btn-warning:active,
.btn-neutral.btn-warning:focus,
.btn-neutral.btn-warning:hover {
    color: #ffaa67
}

.btn-neutral.btn-success {
    color: #04be5b
}

.btn-neutral.btn-success:active,
.btn-neutral.btn-success:focus,
.btn-neutral.btn-success:hover {
    color: #05dc69
}

.btn-neutral.btn-default {
    color: #888
}

.btn-neutral.btn-default:active,
.btn-neutral.btn-default:focus,
.btn-neutral.btn-default:hover {
    color: #979797
}

.btn-neutral.active,
.btn-neutral.active:focus,
.btn-neutral.active:hover,
.btn-neutral:active,
.btn-neutral:active:focus,
.btn-neutral:active:hover,
.show>.btn-neutral.dropdown-toggle,
.show>.btn-neutral.dropdown-toggle:focus,
.show>.btn-neutral.dropdown-toggle:hover {
    background-color: #fff;
    color: #1d8bf3;
    box-shadow: none
}

.btn-neutral:focus,
.btn-neutral:hover {
    color: #1d8bf3
}

.btn-neutral:focus:not(.nav-link),
.btn-neutral:hover:not(.nav-link) {
    box-shadow: none
}

.btn-neutral.btn-simple {
    color: #fff;
    border-color: #fff
}

.btn-neutral.btn-simple:active,
.btn-neutral.btn-simple:focus,
.btn-neutral.btn-simple:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border-color: #fff;
    box-shadow: none
}

.btn-neutral.btn-link {
    color: #fff
}

.btn-neutral.btn-link:active,
.btn-neutral.btn-link:focus,
.btn-neutral.btn-link:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    text-decoration: none;
    box-shadow: none
}

.btn.disabled,
.btn:disabled,
.btn[disabled] {
    opacity: .5
}

.btn i {
    font-size: 14px
}

.btn-round {
    border-width: 1px;
    border-radius: 30px !important;
    padding: 8px 23px
}

.btn-round.btn-simple {
    padding: 7px 22px
}

.btn-simple {
    border: #f0f0f0;
    border-color: #888;
    padding: 7px 22px;
    background-color: rgba(0, 0, 0, 0)
}

.btn-link.disabled,
.btn-link.disabled.active,
.btn-link.disabled.focus,
.btn-link.disabled:active,
.btn-link.disabled:focus,
.btn-link.disabled:hover,
.btn-link:disabled,
.btn-link:disabled.active,
.btn-link:disabled.focus,
.btn-link:disabled:active,
.btn-link:disabled:focus,
.btn-link:disabled:hover,
.btn-link[disabled],
.btn-link[disabled].active,
.btn-link[disabled].focus,
.btn-link[disabled]:active,
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
.btn-simple.disabled,
.btn-simple.disabled.active,
.btn-simple.disabled.focus,
.btn-simple.disabled:active,
.btn-simple.disabled:focus,
.btn-simple.disabled:hover,
.btn-simple:disabled,
.btn-simple:disabled.active,
.btn-simple:disabled.focus,
.btn-simple:disabled:active,
.btn-simple:disabled:focus,
.btn-simple:disabled:hover,
.btn-simple[disabled],
.btn-simple[disabled].active,
.btn-simple[disabled].focus,
.btn-simple[disabled]:active,
.btn-simple[disabled]:focus,
.btn-simple[disabled]:hover,
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link.active,
fieldset[disabled] .btn-link.focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-simple,
fieldset[disabled] .btn-simple.active,
fieldset[disabled] .btn-simple.focus,
fieldset[disabled] .btn-simple:active,
fieldset[disabled] .btn-simple:focus,
fieldset[disabled] .btn-simple:hover {
    background-color: rgba(0, 0, 0, 0)
}

.btn-lg {
    font-size: 1em;
    border-radius: .35rem;
    padding: 12px 40px
}

.btn-lg.btn-simple {
    padding: 11px 39px
}

.btn-sm {
    font-size: 12px;
    border-radius: .2875rem;
    padding: 5px 12px
}

.btn-sm.btn-simple {
    padding: 4px 11px
}

.btn-link {
    border: 0;
    padding: .5rem .7rem;
    background-color: rgba(0, 0, 0, 0)
}

.btn-wd {
    min-width: 140px
}

.btn-group.select {
    width: 100%
}

.btn-group.select .btn {
    text-align: left
}

.btn-group.select .caret {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 8px
}

.form-group label.error {
    color: #cf0c3d;
    font-size: 12px
}

.form-control {
    font-size: 14px;
    background: #E8EAED
}

.form-control.form-control-success {
    border-color: #04be5b
}

.form-control.form-control-danger {
    border-color: #010043
}

.form-control.form-control-warning {
    border-color: #ff9948
}

.input-group .input-group-append .btn-outline-secondary,
.input-group .input-group-prepend .btn-outline-secondary {
    margin: 0;
    border: 1px solid
}

.input-group-text {
    background: rgba(0, 0, 0, 0)
}

.checkbox,
.radio {
    margin-bottom: 12px
}

.checkbox label,
.radio label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-left: 33px;
    line-height: 27px
}

.checkbox label::after,
.checkbox label::before {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    cursor: pointer;
    border-radius: 3px;
    top: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #ced4da;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.checkbox label:after {
    color: #555;
    font-size: 14px;
    /* font-family: 'DIN Pro', sans-serif; */
    font-family: Material-Design-Iconic-Font;
    content: "\f26b";
    top: 0;
    text-align: center;
    opacity: 0;
    border: 0;
    background-color: inherit
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%
}

.checkbox.checkbox-inline {
    margin-top: 0
}

.checkbox input[type=checkbox],
.radio input[type=radio] {
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.checkbox input[type=checkbox]:checked+label::after {
    opacity: 1
}

.checkbox input[type=checkbox]:disabled+label,
.radio input[type=radio]:disabled+label {
    color: #9a9a9a;
    opacity: .5
}

.checkbox input[type=checkbox]:disabled+label::after,
.checkbox input[type=checkbox]:disabled+label::before {
    cursor: not-allowed
}

.checkbox input[type=checkbox]:disabled+label,
.radio input[type=radio]:disabled+label {
    cursor: not-allowed
}

.checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #0c7ce6;
    border-color: #0c7ce6
}

.checkbox-primary input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox-danger input[type=checkbox]:checked+label::before {
    background-color: #010043;
    border-color: #010043
}

.checkbox-danger input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox-info input[type=checkbox]:checked+label::before {
    background-color: #1cbfd0;
    border-color: #1cbfd0
}

.checkbox-info input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox-warning input[type=checkbox]:checked+label::before {
    background-color: #ff9948;
    border-color: #ff9948
}

.checkbox-warning input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox-success input[type=checkbox]:checked+label::before {
    background-color: #04be5b;
    border-color: #04be5b
}

.checkbox-success input[type=checkbox]:checked+label::after {
    color: #fff
}

.radio label::after,
.radio label::before {
    content: " ";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #ced4da;
    display: inline-block;
    position: absolute;
    left: 3px;
    top: 3px;
    padding: 1px;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.radio input[type=radio],
.radio input[type=radio]+label:after {
    opacity: 0
}

.radio input[type=radio]:checked+label::after {
    width: 4px;
    height: 4px;
    background-color: #FFF;
    border-color: #FFF;
    top: 11px;
    left: 11px;
    opacity: 1
}

.radio input[type=radio]:disabled+label {
    color: #9a9a9a
}

.radio input[type=radio]:disabled+label::after,
.radio input[type=radio]:disabled+label::before {
    color: #9a9a9a
}

.radio.radio-inline {
    margin-top: 0
}

.checkbox-primary input[type="checkbox"]:checked+label::before, .radio-primary input[type="radio"]:checked+label::before {
    background: #010043;
}

.progress-container {
    position: relative
}

.progress-container+.progress-container,
.progress-container~.progress-container {
    margin-top: 15px
}

.progress-container .progress-badge {
    color: #888;
    font-size: 12px;
    text-transform: uppercase
}

.progress-container .progress {
    background: rgba(222, 222, 222, .8);
    height: 1px;
    border-radius: 0;
    box-shadow: none;
    margin-top: 10px
}

.progress-container .progress .progress-bar {
    background-color: #888;
    height: 1px;
    box-shadow: none
}

.progress-container .progress .progress-value {
    color: #888;
    font-size: .8171em;
    position: absolute;
    top: 6px;
    right: 0
}

.progress-container.progress-neutral .progress {
    background: rgba(255, 255, 255, .3)
}

.progress-container.progress-neutral .progress-bar {
    background: #fff
}

.progress-container.progress-neutral .progress-badge,
.progress-container.progress-neutral .progress-value {
    color: #fff
}

.progress-container.progress-primary .progress {
    background: rgba(12, 124, 230, .3)
}

.progress-container.progress-primary .progress-bar {
    background: #0c7ce6
}

.progress-container.progress-primary .progress-badge,
.progress-container.progress-primary .progress-value {
    color: #0c7ce6
}

.progress-container.progress-info .progress {
    background: rgba(28, 191, 208, .3)
}

.progress-container.progress-info .progress-bar {
    background: #1cbfd0
}

.progress-container.progress-info .progress-badge,
.progress-container.progress-info .progress-value {
    color: #1cbfd0
}

.progress-container.progress-success .progress {
    background: rgba(4, 190, 91, .3)
}

.progress-container.progress-success .progress-bar {
    background: #04be5b
}

.progress-container.progress-success .progress-badge,
.progress-container.progress-success .progress-value {
    color: #04be5b
}

.progress-container.progress-warning .progress {
    background: rgba(255, 153, 72, .3)
}

.progress-container.progress-warning .progress-bar {
    background: #ff9948
}

.progress-container.progress-warning .progress-badge,
.progress-container.progress-warning .progress-value {
    color: #ff9948
}

.progress-container.progress-danger .progress {
    background: rgba(238, 37, 88, .3)
}

.progress-container.progress-danger .progress-bar {
    background: #010043
}

.progress-container.progress-danger .progress-badge,
.progress-container.progress-danger .progress-value {
    color: #010043
}

.pagination .page-item .page-link {
    color: #2c2c2c;
    font-size: 14px;
    border: 0;
    border-radius: 30px !important;
    padding: 0 11px;
    margin: 0 3px;
    min-width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    text-transform: uppercase;
    background: #010043 !important;
}

.pagination .page-item .page-link:focus,
.pagination .page-item .page-link:hover {
    color: #2c2c2c;
    background-color: rgba(222, 222, 222, .5);
    border: none
}

.pagination .arrow-margin-left,
.pagination .arrow-margin-right {
    position: absolute
}

.pagination .arrow-margin-right {
    right: 0
}

.pagination .arrow-margin-left {
    left: 0
}

.pagination .page-item.active>.page-link {
    color: #e3e3e3;
    /* box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .2) */
}

.pagination .page-item.active>.page-link,
.pagination .page-item.active>.page-link:focus,
.pagination .page-item.active>.page-link:hover {
    background-color: #888;
    border-color: #888;
    color: #fff
}

.pagination .page-item.disabled>.page-link {
    opacity: .5;
    background-color: rgba(41, 42, 51, .2);
    color: #fff
}

.pagination.pagination-info .page-item.active>.page-link,
.pagination.pagination-info .page-item.active>.page-link:focus,
.pagination.pagination-info .page-item.active>.page-link:hover {
    background-color: #1cbfd0;
    border-color: #1cbfd0
}

.pagination.pagination-success .page-item.active>.page-link,
.pagination.pagination-success .page-item.active>.page-link:focus,
.pagination.pagination-success .page-item.active>.page-link:hover {
    background-color: #04be5b;
    border-color: #04be5b
}

.pagination.pagination-primary .page-item.active>.page-link,
.pagination.pagination-primary .page-item.active>.page-link:focus,
.pagination.pagination-primary .page-item.active>.page-link:hover {
    background-color: #0c7ce6;
    border-color: #0c7ce6
}

.pagination.pagination-warning .page-item.active>.page-link,
.pagination.pagination-warning .page-item.active>.page-link:focus,
.pagination.pagination-warning .page-item.active>.page-link:hover {
    background-color: #ff9948;
    border-color: #ff9948
}

.pagination.pagination-danger .page-item.active>.page-link,
.pagination.pagination-danger .page-item.active>.page-link:focus,
.pagination.pagination-danger .page-item.active>.page-link:hover {
    background-color: #010043;
    border-color: #010043
}

.pagination.pagination-neutral .page-item>.page-link {
    color: #fff
}

.pagination.pagination-neutral .page-item>.page-link:focus,
.pagination.pagination-neutral .page-item>.page-link:hover {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
}

.pagination.pagination-neutral .page-item.active>.page-link,
.pagination.pagination-neutral .page-item.active>.page-link:focus,
.pagination.pagination-neutral .page-item.active>.page-link:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0c7ce6
}


.h1,
h1 {
    font-size: 3em;
    line-height: 1.15;
    margin-bottom: 30px
}

.h1 small,
h1 small {
    font-weight: 700;
    text-transform: uppercase;
    opacity: .8
}

.h2,
h2 {
    font-size: 2em;
    margin-bottom: 30px
}

.h3,
h3 {
    font-size: 1.8em;
    margin-bottom: 30px;
    line-height: 1.4em
}

.h4,
h4 {
    font-size: 1.614em;
    line-height: 1.45em;
    margin-top: 30px;
    margin-bottom: 15px
}


.h5,
h5 {
    font-size: 1.37em;
    line-height: 1.4em;
    margin-bottom: 15px
}

.h6,
h6 {
    font-size: .9em;
    font-weight: 700;
    /* text-transform: uppercase */
}

p {
    line-height: 1.61em
}

.description p,
p.description {
    font-size: 1.14em
}


.title.title-up {
    text-transform: uppercase
}

.title.title-up a {
    color: #2c2c2c;
    text-decoration: none
}

.card-description,
.description,
.footer-big p {
    color: #9a9a9a;
    font-weight: 300
}


.text-primary {
    color: #010043 !important
}

.text-info {
    color: #1cbfd0 !important
}

.text-success {
    color: #04be5b !important
}

.text-warning {
    color: #ff9948 !important
}

.text-danger {
    color: #010043 !important
}

.text-black {
    color: #444
}

.blockquote {
    border-left: none;
    border: 1px solid #888;
    padding: 20px;
    font-size: 1.1em;
    line-height: 1.8
}

.blockquote small {
    color: #888;
    font-size: .8171em;
    text-transform: uppercase
}

.blockquote.blockquote-primary {
    border-color: #0c7ce6;
    color: #0c7ce6
}

.blockquote.blockquote-primary small {
    color: #0c7ce6
}

.blockquote.blockquote-danger {
    border-color: #010043;
    color: #010043
}

.blockquote.blockquote-danger small {
    color: #010043
}

.blockquote.blockquote-white {
    border-color: rgba(255, 255, 255, .8);
    color: #fff
}

.blockquote.blockquote-white small {
    color: rgba(255, 255, 255, .8)
}

.nav-item .nav-link,
.nav-pills .nav-link,
.nav-tabs .nav-link,
.navbar {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.bootstrap-switch-label:before,
.dropdown-toggle:after {
    -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
}

.dropdown-toggle[aria-expanded=true]:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.button-bar {
    display: block;
    position: relative;
    width: 22px;
    height: 1px;
    border-radius: 1px;
    background: #fff
}

.button-bar+.button-bar {
    margin-top: 7px
}

.button-bar:nth-child(2) {
    width: 17px
}

.open {
    /* -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); */
    opacity: 1;
    visibility: visible
}

.separator {
    height: 2px;
    width: 44px;
    background-color: #888;
    margin: 20px auto
}

.separator.separator-primary {
    background-color: #0c7ce6
}

.nav-pills .nav-item .nav-link {
    padding: 0 15.5px;
    text-align: center;
    height: 60px;
    width: 60px;
    font-weight: 400;
    color: #9a9a9a;
    margin-right: 19px;
    background-color: rgba(222, 222, 222, .3);
    border-radius: 30px
}

.nav-pills .nav-item .nav-link:hover {
    background-color: rgba(222, 222, 222, .3)
}

.nav-pills .nav-item .nav-link.active,
.nav-pills .nav-item .nav-link.active:focus,
.nav-pills .nav-item .nav-link.active:hover {
    background-color: #9a9a9a;
    color: #fff;
    box-shadow: 0 5px 35px 0 rgba(0, 0, 0, .3)
}

.nav-pills .nav-item .nav-link.disabled,
.nav-pills .nav-item .nav-link:disabled,
.nav-pills .nav-item .nav-link[disabled] {
    opacity: .5
}

.nav-pills .nav-item i {
    display: block;
    font-size: 20px;
    line-height: 60px
}

.nav-pills.nav-pills-neutral .nav-item .nav-link {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
}

.nav-pills.nav-pills-neutral .nav-item .nav-link.active,
.nav-pills.nav-pills-neutral .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-neutral .nav-item .nav-link.active:hover {
    background-color: #fff;
    color: #0c7ce6
}

.nav-pills.nav-pills-primary .nav-item .nav-link.active,
.nav-pills.nav-pills-primary .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-primary .nav-item .nav-link.active:hover {
    background-color: #0c7ce6
}

.nav-pills.nav-pills-info .nav-item .nav-link.active,
.nav-pills.nav-pills-info .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-info .nav-item .nav-link.active:hover {
    background-color: #1cbfd0
}

.nav-pills.nav-pills-success .nav-item .nav-link.active,
.nav-pills.nav-pills-success .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-success .nav-item .nav-link.active:hover {
    background-color: #04be5b
}

.nav-pills.nav-pills-warning .nav-item .nav-link.active,
.nav-pills.nav-pills-warning .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-warning .nav-item .nav-link.active:hover {
    background-color: #ff9948
}

.nav-pills.nav-pills-danger .nav-item .nav-link.active,
.nav-pills.nav-pills-danger .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-danger .nav-item .nav-link.active:hover {
    background-color: #010043
}

.tab-space {
    padding: 20px 0 50px 0
}

.nav-align-center {
    text-align: center
}

.nav-align-center .nav-pills {
    display: inline-flex
}

.btn-twitter {
    color: #55acee
}

.btn-twitter:active,
.btn-twitter:focus,
.btn-twitter:hover {
    color: #3ea1ec
}

.btn-facebook {
    color: #3b5998
}

.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover {
    color: #344e86
}

.btn-google {
    color: #dd4b39
}

.btn-google:active,
.btn-google:focus,
.btn-google:hover {
    color: #d73925
}

.btn-linkedin {
    color: #0077b5
}

.btn-linkedin:active,
.btn-linkedin:focus,
.btn-linkedin:hover {
    color: #00669c
}

.nav-tabs {
    border: 0;
    padding: 12px .7rem
}

.nav-tabs>.nav-item>.nav-link {
    color: #888;
    margin: 0;
    margin-right: 5px;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid transparent;
    border-radius: 30px;
    font-size: 12px;
    padding: 8px 23px;
    line-height: 1.5
}

.nav-tabs>.nav-item>.nav-link:hover {
    background-color: rgba(0, 0, 0, 0)
}

.nav-tabs>.nav-item>.nav-link.active {
    border: 1px solid #888;
    border-radius: 30px
}

.nav-tabs>.nav-item>.nav-link i.now-ui-icons {
    font-size: 14px;
    position: relative;
    top: 1px;
    margin-right: 3px
}

.nav-tabs>.nav-item.disabled>.nav-link,
.nav-tabs>.nav-item.disabled>.nav-link:hover {
    color: rgba(255, 255, 255, .5)
}

.nav-tabs.nav-tabs-neutral>.nav-item>.nav-link {
    color: #fff
}

.nav-tabs.nav-tabs-neutral>.nav-item>.nav-link.active {
    border-color: rgba(255, 255, 255, .5);
    color: #fff
}

.nav-tabs.nav-tabs-primary>.nav-item>.nav-link.active {
    border-color: #0c7ce6;
    color: #0c7ce6
}

.nav-tabs.nav-tabs-info>.nav-item>.nav-link.active {
    border-color: #1cbfd0;
    color: #1cbfd0
}

.nav-tabs.nav-tabs-danger>.nav-item>.nav-link.active {
    border-color: #010043;
    color: #010043
}

.nav-tabs.nav-tabs-warning>.nav-item>.nav-link.active {
    border-color: #ff9948;
    color: #ff9948
}

.nav-tabs.nav-tabs-success>.nav-item>.nav-link.active {
    border-color: #04be5b;
    color: #04be5b
}

.nav-tabs.sm>.nav-item>.nav-link {
    font-size: 12px;
    padding: 6px 5px
}

.nav-tabs.sm>.nav-item>.nav-link.active,
.nav-tabs.sm>.nav-item>.nav-link:hover {
    padding: 6px 20px
}

.navbar {
    padding-top: .625rem;
    padding-bottom: .625rem;
    min-height: 53px;
    margin-bottom: 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15)
}

.navbar a {
    vertical-align: middle
}

.navbar a:not(.btn):not(.dropdown-item) {
    color: #fff
}

.navbar p {
    display: inline-block;
    margin: 0;
    line-height: 21px
}

.navbar .navbar-nav .nav-link.btn {
    padding: 8px 18px
}

.navbar .navbar-nav .nav-link.btn.btn-lg {
    padding: 12px 40px
}

.navbar .navbar-nav .nav-link.btn.btn-sm {
    padding: 5px 12px
}

.navbar .navbar-nav .nav-link:not(.btn) {
    text-transform: uppercase;
    font-size: .7142em;
    padding: .5rem .7rem;
    line-height: 1.625rem
}

.navbar .navbar-nav .nav-link:not(.btn) i.fa+p,
.navbar .navbar-nav .nav-link:not(.btn) i.now-ui-icons+p {
    margin-left: 5px
}

.navbar .navbar-nav .nav-link:not(.btn) i.fa,
.navbar .navbar-nav .nav-link:not(.btn) i.now-ui-icons {
    font-size: 18px;
    position: relative;
    top: 2px;
    text-align: center;
    width: 21px
}

.navbar .navbar-nav .nav-link:not(.btn) i.now-ui-icons {
    font-size: 16px;
    top: 4px
}

.navbar .navbar-nav .nav-link:not(.btn).disabled {
    opacity: .5;
    color: #fff
}

.navbar .navbar-nav .nav-item .nav-link:not(.btn):active,
.navbar .navbar-nav .nav-item .nav-link:not(.btn):focus,
.navbar .navbar-nav .nav-item .nav-link:not(.btn):hover,
.navbar .navbar-nav .nav-item.active .nav-link:not(.btn) {
    background-color: rgba(255, 255, 255, .2);
    border-radius: .2875rem
}

.navbar .logo-container {
    width: 27px;
    height: 27px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid transparent
}

.navbar .navbar-brand {
    text-transform: uppercase;
    font-size: .8171em;
    padding-top: .5rem;
    padding-bottom: .5rem;
    line-height: 1.625rem;
}

.navbar .navbar-toggler {
    width: 37px;
    height: 27px;
    outline: 0;
    cursor: pointer
}

.navbar .navbar-toggler.navbar-toggler-left {
    position: relative;
    left: 0;
    padding-left: 0
}

.navbar .navbar-toggler:hover .navbar-toggler-bar.bar2 {
    width: 22px
}

.navbar .button-dropdown .navbar-toggler-bar:nth-child(2) {
    width: 17px
}

.navbar.navbar-transparent {
    background-color: rgba(0, 0, 0, 0) !important;
    box-shadow: none;
    color: #fff;
    padding-top: 20px
}

.navbar.bg-white:not(.navbar-transparent) a:not(.dropdown-item) {
    color: #888
}

.navbar.bg-white:not(.navbar-transparent) a:not(.dropdown-item).disabled {
    opacity: .5;
    color: #888
}

.navbar.bg-white:not(.navbar-transparent) .button-bar {
    background: #888
}

.navbar.bg-white:not(.navbar-transparent) .nav-item .nav-link:not(.btn):active,
.navbar.bg-white:not(.navbar-transparent) .nav-item .nav-link:not(.btn):focus,
.navbar.bg-white:not(.navbar-transparent) .nav-item .nav-link:not(.btn):hover,
.navbar.bg-white:not(.navbar-transparent) .nav-item.active .nav-link:not(.btn) {
    background-color: rgba(222, 222, 222, .3)
}

.navbar.bg-white:not(.navbar-transparent) .logo-container {
    border: 1px solid #888
}

.bg-default {
    background-color: #888 !important
}

.bg-primary {
    background-color: #010043 !important
}

.bg-info {
    background-color: #1cbfd0 !important
}

.bg-success {
    background-color: #04be5b !important
}

.bg-danger {
    background-color: #010043 !important
}

.bg-warning {
    background-color: #ff9948 !important
}

.bg-white {
    background-color: #fff !important
}

.alert {
    border: 0;
    border-radius: .35rem;
    color: #fff;
    padding-top: .9rem;
    padding-bottom: .9rem;
    position: relative
}

.alert.alert-success {
    background-color: rgba(4, 190, 91, .8)
}

.alert.alert-danger {
    background-color: #f27474
}

.alert.alert-warning {
    background-color: rgba(255, 153, 72, .8)
}

.alert.alert-info {
    background-color: rgba(28, 191, 208, .8)
}

.alert.alert-primary {
    background-color: rgba(238,14,113)
}

.alert .alert-icon {
    display: block;
    float: left;
    margin-right: 15px;
    margin-top: -1px
}

.alert strong {
    font-size: 12px;
    text-transform: uppercase
}

.alert i.fa,
.alert i.now-ui-icons {
    font-size: 20px
}

.alert .close {
    color: #fff;
    opacity: .9;
    text-shadow: none;
    line-height: 0;
    outline: 0
}

.alert .alert-link,
.alert a {
    font-weight: 700;
    color: #fff;
    text-decoration: underline
}

.alert.bootstrap-notify-container {
    max-width: 400px
}

.alert.bootstrap-notify-container .close {
    top: 15px !important
}

img {
    max-width: 100%;
    border-radius: 1px
}

.img-raised {
    box-shadow: 0 10px 25px 0 rgba(41, 42, 51, .3)
}

.popover {
    font-size: 12px;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .2);
    border: none;
    line-height: 1.7;
    max-width: 240px
}

.popover.bs-popover-bottom .arrow:before,
.popover.bs-popover-left .arrow:before,
.popover.bs-popover-right .arrow:before,
.popover.bs-popover-top .arrow:before {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent
}

.popover .popover-header {
    color: rgba(136, 136, 136, .6);
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0;
    margin-top: 5px;
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

.popover:before {
    display: none
}

.popover.bs-tether-element-attached-top:after {
    border-bottom-color: #fff;
    top: -9px
}

.popover.popover-primary {
    background-color: #0c7ce6
}

.popover.popover-primary .popover-body {
    color: #fff
}

.popover.popover-primary.bs-popover-right .arrow:after {
    border-right-color: #0c7ce6
}

.popover.popover-primary.bs-popover-top .arrow:after {
    border-top-color: #0c7ce6
}

.popover.popover-primary.bs-popover-bottom .arrow:after {
    border-bottom-color: #0c7ce6
}

.popover.popover-primary.bs-popover-left .arrow:after {
    border-left-color: #0c7ce6
}

.popover.popover-primary .popover-header {
    color: #fff;
    opacity: .6
}

.popover.popover-info {
    background-color: #1cbfd0
}

.popover.popover-info .popover-body {
    color: #fff
}

.popover.popover-info.bs-popover-right .arrow:after {
    border-right-color: #1cbfd0
}

.popover.popover-info.bs-popover-top .arrow:after {
    border-top-color: #1cbfd0
}

.popover.popover-info.bs-popover-bottom .arrow:after {
    border-bottom-color: #1cbfd0
}

.popover.popover-info.bs-popover-left .arrow:after {
    border-left-color: #1cbfd0
}

.popover.popover-info .popover-header {
    color: #fff;
    opacity: .6
}

.popover.popover-warning {
    background-color: #ff9948
}

.popover.popover-warning .popover-body {
    color: #fff
}

.popover.popover-warning.bs-popover-right .arrow:after {
    border-right-color: #ff9948
}

.popover.popover-warning.bs-popover-top .arrow:after {
    border-top-color: #ff9948
}

.popover.popover-warning.bs-popover-bottom .arrow:after {
    border-bottom-color: #ff9948
}

.popover.popover-warning.bs-popover-left .arrow:after {
    border-left-color: #ff9948
}

.popover.popover-warning .popover-header {
    color: #fff;
    opacity: .6
}

.popover.popover-danger {
    background-color: #010043
}

.popover.popover-danger .popover-body {
    color: #fff
}

.popover.popover-danger.bs-popover-right .arrow:after {
    border-right-color: #010043
}

.popover.popover-danger.bs-popover-top .arrow:after {
    border-top-color: #010043
}

.popover.popover-danger.bs-popover-bottom .arrow:after {
    border-bottom-color: #010043
}

.popover.popover-danger.bs-popover-left .arrow:after {
    border-left-color: #010043
}

.popover.popover-danger .popover-header {
    color: #fff;
    opacity: .6
}

.popover.popover-success {
    background-color: #04be5b
}

.popover.popover-success .popover-body {
    color: #fff
}

.popover.popover-success.bs-popover-right .arrow:after {
    border-right-color: #04be5b
}

.popover.popover-success.bs-popover-top .arrow:after {
    border-top-color: #04be5b
}

.popover.popover-success.bs-popover-bottom .arrow:after {
    border-bottom-color: #04be5b
}

.popover.popover-success.bs-popover-left .arrow:after {
    border-left-color: #04be5b
}

.popover.popover-success .popover-header {
    color: #fff;
    opacity: .6
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #fff
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #fff
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #fff
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #fff
}

.tooltip-inner {
    padding: .5rem .7rem;
    min-width: 130px;
    background-color: #fff;
    font-size: 12px;
    color: inherit;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .2)
}

.modal-content {
    border-radius: .2875rem;
    border: none;
    box-shadow: 0 10px 50px 0 rgba(41, 42, 51, .5)
}

.modal-content .modal-header {
    border-bottom: none;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
}

.modal-content .modal-header button {
    position: absolute;
    right: 27px;
    top: 30px;
    outline: 0
}

.modal-content .modal-header .title {
    margin-top: 5px;
    margin-bottom: 0
}

.modal-content .modal-header .modal-title {
    margin-top: 5px
}

.modal-content .modal-body {
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    line-height: 1.9
}

.modal-content .modal-footer {
    border-top: none;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px
}

.modal-content .modal-footer button {
    margin: 0 5px;
    padding-left: 16px;
    padding-right: 16px;
    width: auto
}

.modal-content .modal-body+.modal-footer {
    padding-top: 0
}

.modal-backdrop {
    background: rgba(41, 42, 51, .3)
}

.modal.modal-mini p {
    text-align: center
}

.modal.modal-mini .modal-dialog {
    max-width: 255px;
    margin: 0 auto
}

.modal.modal-mini .modal-profile {
    background-color: #fff;
    box-shadow: 0 5px 50px 0 rgba(41, 42, 51, .3);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    line-height: 5.9
}

.modal.modal-mini .modal-profile i {
    color: #0c7ce6;
    font-size: 21px
}

.modal.modal-mini .modal-profile[class*=modal-profile-] i {
    color: #fff
}

.modal.modal-mini .modal-profile.modal-profile-primary {
    background-color: #0c7ce6
}

.modal.modal-mini .modal-profile.modal-profile-danger {
    background-color: #010043
}

.modal.modal-mini .modal-profile.modal-profile-warning {
    background-color: #ff9948
}

.modal.modal-mini .modal-profile.modal-profile-success {
    background-color: #04be5b
}

.modal.modal-mini .modal-profile.modal-profile-info {
    background-color: #1cbfd0
}

.modal.modal-mini .modal-footer button {
    text-transform: uppercase
}

.modal.modal-mini .modal-footer button:first-child {
    opacity: .5
}

.modal.modal-default .modal-content {
    background-color: #fff;
    color: #2c2c2c
}

.modal.modal-default .modal-header .close {
    color: #2c2c2c
}

.modal.modal-primary .modal-content {
    background-color: #0c7ce6;
    color: #fff
}

.modal.modal-primary .modal-header .close {
    color: #fff
}

.modal.modal-danger .modal-content {
    background-color: #010043;
    color: #fff
}

.modal.modal-danger .modal-header .close {
    color: #fff
}

.modal.modal-warning .modal-content {
    background-color: #ff9948;
    color: #fff
}

.modal.modal-warning .modal-header .close {
    color: #fff
}

.modal.modal-success .modal-content {
    background-color: #04be5b;
    color: #fff
}

.modal.modal-success .modal-header .close {
    color: #fff
}

.modal.modal-info .modal-content {
    background-color: #1cbfd0;
    color: #fff
}

.modal.modal-info .modal-header .close {
    color: #fff
}

.modal.show.modal-mini .modal-dialog {
    -webkit-transform: translate(0, 30%);
    -o-transform: translate(0, 30%);
    transform: translate(0, 30%)
}

.modal .modal-header .close {
    color: #010043;
    text-shadow: none
}

.modal .modal-header .close:focus,
.modal .modal-header .close:hover {
    opacity: 1
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.carousel .carousel-inner {
    box-shadow: 0 10px 25px 0 rgba(41, 42, 51, .3)
}

.carousel .now-ui-icons {
    font-size: 2em
}

.card .card-body {
    min-height: 190px
}

.card[data-background-color=orange] {
    background-color: #0c7ce6
}

.card[data-background-color=red] {
    background-color: #010043
}

.card[data-background-color=yellow] {
    background-color: #ff9948
}

.card[data-background-color=blue] {
    background-color: #1cbfd0
}

.card[data-background-color=green] {
    background-color: #04be5b
}

.card-signup {
    max-width: 350px;
    margin: 0 auto
}

.card-signup .header {
    margin-left: 20px;
    margin-right: 20px;
    padding: 30px 0
}

.card-signup .text-divider {
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center
}

.card-signup .card-body {
    padding-top: 0;
    padding-bottom: 0;
    min-height: auto
}

.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: 20px;
    text-align: center
}

.card-signup .social-line .btn.btn-icon,
.card-signup .social-line .btn.btn-icon .btn-icon -mini {
    margin-left: 5px;
    margin-right: 5px;
    box-shadow: 0 5px 50px 0 rgba(0, 0, 0, .2)
}

.card-signup .footer {
    margin-bottom: 10px;
    margin-top: 24px
}

.card-plain {
    background: rgba(0, 0, 0, 0);
    box-shadow: none
}

.card-plain .header {
    margin-left: 0;
    margin-right: 0
}

.card-plain .content {
    padding-left: 0;
    padding-right: 0
}

.footer {
    padding: 20px 0
}

.footer.footer-default {
    background-color: #f7f7f7
}

.footer nav {
    display: inline-block
}

.footer ul {
    padding: 0;
    list-style: none
}

.footer ul li {
    display: inline-block
}

.footer ul li a {
    padding: .5rem;
    font-size: .8171em;
    text-transform: uppercase;
    text-decoration: none;
    color: inherit
}

.footer ul li a:hover {
    text-decoration: none
}

.footer:after {
    display: table;
    clear: both;
    content: " "
}

.copyright {
    font-size: .8171em
}

@media only screen and (max-width:992px) {
    .navbar-nav .nav-link.profile-photo {
        padding: 0;
        margin: 7px .7rem
    }

    .navbar-nav .nav-link.btn:not(.btn-sm) {
        margin: 0
    }

    .navbar-nav .nav-item:not(:last-child) {
        margin-right: 5px
    }

    .dropdown-menu .dropdown-item {
        color: inherit
    }
}

@media only screen and (max-width:991px) {
    .button-dropdown {
        display: none
    }

    .navbar-nav .nav-link i.fa,
    .navbar-nav .nav-link i.now-ui-icons {
        opacity: .5
    }
}

@media only screen and (max-width:768px) {
    .nav-tabs {
        width: 100%;
        text-align: center
    }

    .nav-tabs .nav-item>.nav-link {
        margin-bottom: 5px
    }
}

@media only screen and (max-width:576px) {
    .navbar[class*=navbar-expand-] .container {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (max-width:580px) {
    .alert button.close {
        position: absolute;
        right: 11px;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media only screen and (max-width:517px) {
    .alert .alert-icon {
        margin-top: 10px
    }
}



.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;
    /* color: #010043; */
}

.zmdi-hc-lg {
    font-size: 1.33333333em;
    line-height: .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: .14285714em;
    text-align: center
}

.zmdi-hc-li.zmdi-hc-lg {
    left: -1.85714286em
}

.zmdi-hc-border {
    padding: .1em .25em;
    border: solid .1em #9e9e9e;
    border-radius: 2px
}

.zmdi-hc-border-circle {
    padding: .1em .25em;
    border: solid .1em #9e9e9e;
    border-radius: 50%
}

.zmdi.pull-left {
    float: left;
    margin-right: .15em
}

.zmdi.pull-right {
    float: right;
    margin-left: .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(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes zmdi-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes zmdi-spin-reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg)
    }
}

@keyframes zmdi-spin-reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    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"
}


[class*=" ti-"],
[class^=ti-] {
    font-family: 'DIN Pro', sans-serif;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ti-wand:before {
    content: "\e600"
}

.ti-volume:before {
    content: "\e601"
}

.ti-user:before {
    content: "\e602"
}

.ti-unlock:before {
    content: "\e603"
}

.ti-unlink:before {
    content: "\e604"
}

.ti-trash:before {
    content: "\e605"
}

.ti-thought:before {
    content: "\e606"
}

.ti-target:before {
    content: "\e607"
}

.ti-tag:before {
    content: "\e608"
}

.ti-tablet:before {
    content: "\e609"
}

.ti-star:before {
    content: "\e60a"
}

.ti-spray:before {
    content: "\e60b"
}

.ti-signal:before {
    content: "\e60c"
}

.ti-shopping-cart:before {
    content: "\e60d"
}

.ti-shopping-cart-full:before {
    content: "\e60e"
}

.ti-settings:before {
    content: "\e60f"
}

.ti-search:before {
    content: "\e610"
}

.ti-zoom-in:before {
    content: "\e611"
}

.ti-zoom-out:before {
    content: "\e612"
}

.ti-cut:before {
    content: "\e613"
}

.ti-ruler:before {
    content: "\e614"
}

.ti-ruler-pencil:before {
    content: "\e615"
}

.ti-ruler-alt:before {
    content: "\e616"
}

.ti-bookmark:before {
    content: "\e617"
}

.ti-bookmark-alt:before {
    content: "\e618"
}

.ti-reload:before {
    content: "\e619"
}

.ti-plus:before {
    content: "\e61a"
}

.ti-pin:before {
    content: "\e61b"
}

.ti-pencil:before {
    content: "\e61c"
}

.ti-pencil-alt:before {
    content: "\e61d"
}

.ti-paint-roller:before {
    content: "\e61e"
}

.ti-paint-bucket:before {
    content: "\e61f"
}

.ti-na:before {
    content: "\e620"
}

.ti-mobile:before {
    content: "\e621"
}

.ti-minus:before {
    content: "\e622"
}

.ti-medall:before {
    content: "\e623"
}

.ti-medall-alt:before {
    content: "\e624"
}

.ti-marker:before {
    content: "\e625"
}

.ti-marker-alt:before {
    content: "\e626"
}

.ti-arrow-up:before {
    content: "\e627"
}

.ti-arrow-right:before {
    content: "\e628"
}

.ti-arrow-left:before {
    content: "\e629"
}

.ti-arrow-down:before {
    content: "\e62a"
}

.ti-lock:before {
    content: "\e62b"
}

.ti-location-arrow:before {
    content: "\e62c"
}

.ti-link:before {
    content: "\e62d"
}

.ti-layout:before {
    content: "\e62e"
}

.ti-layers:before {
    content: "\e62f"
}

.ti-layers-alt:before {
    content: "\e630"
}

.ti-key:before {
    content: "\e631"
}

.ti-import:before {
    content: "\e632"
}

.ti-image:before {
    content: "\e633"
}

.ti-heart:before {
    content: "\e634"
}

.ti-heart-broken:before {
    content: "\e635"
}

.ti-hand-stop:before {
    content: "\e636"
}

.ti-hand-open:before {
    content: "\e637"
}

.ti-hand-drag:before {
    content: "\e638"
}

.ti-folder:before {
    content: "\e639"
}

.ti-flag:before {
    content: "\e63a"
}

.ti-flag-alt:before {
    content: "\e63b"
}

.ti-flag-alt-2:before {
    content: "\e63c"
}

.ti-eye:before {
    content: "\e63d"
}

.ti-export:before {
    content: "\e63e"
}

.ti-exchange-vertical:before {
    content: "\e63f"
}

.ti-desktop:before {
    content: "\e640"
}

.ti-cup:before {
    content: "\e641"
}

.ti-crown:before {
    content: "\e642"
}

.ti-comments:before {
    content: "\e643"
}

.ti-comment:before {
    content: "\e644"
}

.ti-comment-alt:before {
    content: "\e645"
}

.ti-close:before {
    content: "\e646"
}

.ti-clip:before {
    content: "\e647"
}

.ti-angle-up:before {
    content: "\e648"
}

.ti-angle-right:before {
    content: "\e649"
}

.ti-angle-left:before {
    content: "\e64a"
}

.ti-angle-down:before {
    content: "\e64b"
}

.ti-check:before {
    content: "\e64c"
}

.ti-check-box:before {
    content: "\e64d"
}

.ti-camera:before {
    content: "\e64e"
}

.ti-announcement:before {
    content: "\e64f"
}

.ti-brush:before {
    content: "\e650"
}

.ti-briefcase:before {
    content: "\e651"
}

.ti-bolt:before {
    content: "\e652"
}

.ti-bolt-alt:before {
    content: "\e653"
}

.ti-blackboard:before {
    content: "\e654"
}

.ti-bag:before {
    content: "\e655"
}

.ti-move:before {
    content: "\e656"
}

.ti-arrows-vertical:before {
    content: "\e657"
}

.ti-arrows-horizontal:before {
    content: "\e658"
}

.ti-fullscreen:before {
    content: "\e659"
}

.ti-arrow-top-right:before {
    content: "\e65a"
}

.ti-arrow-top-left:before {
    content: "\e65b"
}

.ti-arrow-circle-up:before {
    content: "\e65c"
}

.ti-arrow-circle-right:before {
    content: "\e65d"
}

.ti-arrow-circle-left:before {
    content: "\e65e"
}

.ti-arrow-circle-down:before {
    content: "\e65f"
}

.ti-angle-double-up:before {
    content: "\e660"
}

.ti-angle-double-right:before {
    content: "\e661"
}

.ti-angle-double-left:before {
    content: "\e662"
}

.ti-angle-double-down:before {
    content: "\e663"
}

.ti-zip:before {
    content: "\e664"
}

.ti-world:before {
    content: "\e665"
}

.ti-wheelchair:before {
    content: "\e666"
}

.ti-view-list:before {
    content: "\e667"
}

.ti-view-list-alt:before {
    content: "\e668"
}

.ti-view-grid:before {
    content: "\e669"
}

.ti-uppercase:before {
    content: "\e66a"
}

.ti-upload:before {
    content: "\e66b"
}

.ti-underline:before {
    content: "\e66c"
}

.ti-truck:before {
    content: "\e66d"
}

.ti-timer:before {
    content: "\e66e"
}

.ti-ticket:before {
    content: "\e66f"
}

.ti-thumb-up:before {
    content: "\e670"
}

.ti-thumb-down:before {
    content: "\e671"
}

.ti-text:before {
    content: "\e672"
}

.ti-stats-up:before {
    content: "\e673"
}

.ti-stats-down:before {
    content: "\e674"
}

.ti-split-v:before {
    content: "\e675"
}

.ti-split-h:before {
    content: "\e676"
}

.ti-smallcap:before {
    content: "\e677"
}

.ti-shine:before {
    content: "\e678"
}

.ti-shift-right:before {
    content: "\e679"
}

.ti-shift-left:before {
    content: "\e67a"
}

.ti-shield:before {
    content: "\e67b"
}

.ti-notepad:before {
    content: "\e67c"
}

.ti-server:before {
    content: "\e67d"
}

.ti-quote-right:before {
    content: "\e67e"
}

.ti-quote-left:before {
    content: "\e67f"
}

.ti-pulse:before {
    content: "\e680"
}

.ti-printer:before {
    content: "\e681"
}

.ti-power-off:before {
    content: "\e682"
}

.ti-plug:before {
    content: "\e683"
}

.ti-pie-chart:before {
    content: "\e684"
}

.ti-paragraph:before {
    content: "\e685"
}

.ti-panel:before {
    content: "\e686"
}

.ti-package:before {
    content: "\e687"
}

.ti-music:before {
    content: "\e688"
}

.ti-music-alt:before {
    content: "\e689"
}

.ti-mouse:before {
    content: "\e68a"
}

.ti-mouse-alt:before {
    content: "\e68b"
}

.ti-money:before {
    content: "\e68c"
}

.ti-microphone:before {
    content: "\e68d"
}

.ti-menu:before {
    content: "\e68e"
}

.ti-menu-alt:before {
    content: "\e68f"
}

.ti-map:before {
    content: "\e690"
}

.ti-map-alt:before {
    content: "\e691"
}

.ti-loop:before {
    content: "\e692"
}

.ti-location-pin:before {
    content: "\e693"
}

.ti-list:before {
    content: "\e694"
}

.ti-light-bulb:before {
    content: "\e695"
}

.ti-Italic:before {
    content: "\e696"
}

.ti-info:before {
    content: "\e697"
}

.ti-infinite:before {
    content: "\e698"
}

.ti-id-badge:before {
    content: "\e699"
}

.ti-hummer:before {
    content: "\e69a"
}

.ti-home:before {
    content: "\e69b"
}

.ti-help:before {
    content: "\e69c"
}

.ti-headphone:before {
    content: "\e69d"
}

.ti-harddrives:before {
    content: "\e69e"
}

.ti-harddrive:before {
    content: "\e69f"
}

.ti-gift:before {
    content: "\e6a0"
}

.ti-game:before {
    content: "\e6a1"
}

.ti-filter:before {
    content: "\e6a2"
}

.ti-files:before {
    content: "\e6a3"
}

.ti-file:before {
    content: "\e6a4"
}

.ti-eraser:before {
    content: "\e6a5"
}

.ti-envelope:before {
    content: "\e6a6"
}

.ti-download:before {
    content: "\e6a7"
}

.ti-direction:before {
    content: "\e6a8"
}

.ti-direction-alt:before {
    content: "\e6a9"
}

.ti-dashboard:before {
    content: "\e6aa"
}

.ti-control-stop:before {
    content: "\e6ab"
}

.ti-control-shuffle:before {
    content: "\e6ac"
}

.ti-control-play:before {
    content: "\e6ad"
}

.ti-control-pause:before {
    content: "\e6ae"
}

.ti-control-forward:before {
    content: "\e6af"
}

.ti-control-backward:before {
    content: "\e6b0"
}

.ti-cloud:before {
    content: "\e6b1"
}

.ti-cloud-up:before {
    content: "\e6b2"
}

.ti-cloud-down:before {
    content: "\e6b3"
}

.ti-clipboard:before {
    content: "\e6b4"
}

.ti-car:before {
    content: "\e6b5"
}

.ti-calendar:before {
    content: "\e6b6"
}

.ti-book:before {
    content: "\e6b7"
}

.ti-bell:before {
    content: "\e6b8"
}

.ti-basketball:before {
    content: "\e6b9"
}

.ti-bar-chart:before {
    content: "\e6ba"
}

.ti-bar-chart-alt:before {
    content: "\e6bb"
}

.ti-back-right:before {
    content: "\e6bc"
}

.ti-back-left:before {
    content: "\e6bd"
}

.ti-arrows-corner:before {
    content: "\e6be"
}

.ti-archive:before {
    content: "\e6bf"
}

.ti-anchor:before {
    content: "\e6c0"
}

.ti-align-right:before {
    content: "\e6c1"
}

.ti-align-left:before {
    content: "\e6c2"
}

.ti-align-justify:before {
    content: "\e6c3"
}

.ti-align-center:before {
    content: "\e6c4"
}

.ti-alert:before {
    content: "\e6c5"
}

.ti-alarm-clock:before {
    content: "\e6c6"
}

.ti-agenda:before {
    content: "\e6c7"
}

.ti-write:before {
    content: "\e6c8"
}

.ti-window:before {
    content: "\e6c9"
}

.ti-widgetized:before {
    content: "\e6ca"
}

.ti-widget:before {
    content: "\e6cb"
}

.ti-widget-alt:before {
    content: "\e6cc"
}

.ti-wallet:before {
    content: "\e6cd"
}

.ti-video-clapper:before {
    content: "\e6ce"
}

.ti-video-camera:before {
    content: "\e6cf"
}

.ti-vector:before {
    content: "\e6d0"
}

.ti-themify-logo:before {
    content: "\e6d1"
}

.ti-themify-favicon:before {
    content: "\e6d2"
}

.ti-themify-favicon-alt:before {
    content: "\e6d3"
}

.ti-support:before {
    content: "\e6d4"
}

.ti-stamp:before {
    content: "\e6d5"
}

.ti-split-v-alt:before {
    content: "\e6d6"
}

.ti-slice:before {
    content: "\e6d7"
}

.ti-shortcode:before {
    content: "\e6d8"
}

.ti-shift-right-alt:before {
    content: "\e6d9"
}

.ti-shift-left-alt:before {
    content: "\e6da"
}

.ti-ruler-alt-2:before {
    content: "\e6db"
}

.ti-receipt:before {
    content: "\e6dc"
}

.ti-pin2:before {
    content: "\e6dd"
}

.ti-pin-alt:before {
    content: "\e6de"
}

.ti-pencil-alt2:before {
    content: "\e6df"
}

.ti-palette:before {
    content: "\e6e0"
}

.ti-more:before {
    content: "\e6e1"
}

.ti-more-alt:before {
    content: "\e6e2"
}

.ti-microphone-alt:before {
    content: "\e6e3"
}

.ti-magnet:before {
    content: "\e6e4"
}

.ti-line-double:before {
    content: "\e6e5"
}

.ti-line-dotted:before {
    content: "\e6e6"
}

.ti-line-dashed:before {
    content: "\e6e7"
}

.ti-layout-width-full:before {
    content: "\e6e8"
}

.ti-layout-width-default:before {
    content: "\e6e9"
}

.ti-layout-width-default-alt:before {
    content: "\e6ea"
}

.ti-layout-tab:before {
    content: "\e6eb"
}

.ti-layout-tab-window:before {
    content: "\e6ec"
}

.ti-layout-tab-v:before {
    content: "\e6ed"
}

.ti-layout-tab-min:before {
    content: "\e6ee"
}

.ti-layout-slider:before {
    content: "\e6ef"
}

.ti-layout-slider-alt:before {
    content: "\e6f0"
}

.ti-layout-sidebar-right:before {
    content: "\e6f1"
}

.ti-layout-sidebar-none:before {
    content: "\e6f2"
}

.ti-layout-sidebar-left:before {
    content: "\e6f3"
}

.ti-layout-placeholder:before {
    content: "\e6f4"
}

.ti-layout-menu:before {
    content: "\e6f5"
}

.ti-layout-menu-v:before {
    content: "\e6f6"
}

.ti-layout-menu-separated:before {
    content: "\e6f7"
}

.ti-layout-menu-full:before {
    content: "\e6f8"
}

.ti-layout-media-right-alt:before {
    content: "\e6f9"
}

.ti-layout-media-right:before {
    content: "\e6fa"
}

.ti-layout-media-overlay:before {
    content: "\e6fb"
}

.ti-layout-media-overlay-alt:before {
    content: "\e6fc"
}

.ti-layout-media-overlay-alt-2:before {
    content: "\e6fd"
}

.ti-layout-media-left-alt:before {
    content: "\e6fe"
}

.ti-layout-media-left:before {
    content: "\e6ff"
}

.ti-layout-media-center-alt:before {
    content: "\e700"
}

.ti-layout-media-center:before {
    content: "\e701"
}

.ti-layout-list-thumb:before {
    content: "\e702"
}

.ti-layout-list-thumb-alt:before {
    content: "\e703"
}

.ti-layout-list-post:before {
    content: "\e704"
}

.ti-layout-list-large-image:before {
    content: "\e705"
}

.ti-layout-line-solid:before {
    content: "\e706"
}

.ti-layout-grid4:before {
    content: "\e707"
}

.ti-layout-grid3:before {
    content: "\e708"
}

.ti-layout-grid2:before {
    content: "\e709"
}

.ti-layout-grid2-thumb:before {
    content: "\e70a"
}

.ti-layout-cta-right:before {
    content: "\e70b"
}

.ti-layout-cta-left:before {
    content: "\e70c"
}

.ti-layout-cta-center:before {
    content: "\e70d"
}

.ti-layout-cta-btn-right:before {
    content: "\e70e"
}

.ti-layout-cta-btn-left:before {
    content: "\e70f"
}

.ti-layout-column4:before {
    content: "\e710"
}

.ti-layout-column3:before {
    content: "\e711"
}

.ti-layout-column2:before {
    content: "\e712"
}

.ti-layout-accordion-separated:before {
    content: "\e713"
}

.ti-layout-accordion-merged:before {
    content: "\e714"
}

.ti-layout-accordion-list:before {
    content: "\e715"
}

.ti-ink-pen:before {
    content: "\e716"
}

.ti-info-alt:before {
    content: "\e717"
}

.ti-help-alt:before {
    content: "\e718"
}

.ti-headphone-alt:before {
    content: "\e719"
}

.ti-hand-point-up:before {
    content: "\e71a"
}

.ti-hand-point-right:before {
    content: "\e71b"
}

.ti-hand-point-left:before {
    content: "\e71c"
}

.ti-hand-point-down:before {
    content: "\e71d"
}

.ti-gallery:before {
    content: "\e71e"
}

.ti-face-smile:before {
    content: "\e71f"
}

.ti-face-sad:before {
    content: "\e720"
}

.ti-credit-card:before {
    content: "\e721"
}

.ti-control-skip-forward:before {
    content: "\e722"
}

.ti-control-skip-backward:before {
    content: "\e723"
}

.ti-control-record:before {
    content: "\e724"
}

.ti-control-eject:before {
    content: "\e725"
}

.ti-comments-smiley:before {
    content: "\e726"
}

.ti-brush-alt:before {
    content: "\e727"
}

.ti-youtube:before {
    content: "\e728"
}

.ti-vimeo:before {
    content: "\e729"
}

.ti-twitter:before {
    content: "\e72a"
}

.ti-time:before {
    content: "\e72b"
}

.ti-tumblr:before {
    content: "\e72c"
}

.ti-skype:before {
    content: "\e72d"
}

.ti-share:before {
    content: "\e72e"
}

.ti-share-alt:before {
    content: "\e72f"
}

.ti-rocket:before {
    content: "\e730"
}

.ti-pinterest:before {
    content: "\e731"
}

.ti-new-window:before {
    content: "\e732"
}

.ti-microsoft:before {
    content: "\e733"
}

.ti-list-ol:before {
    content: "\e734"
}

.ti-linkedin:before {
    content: "\e735"
}

.ti-layout-sidebar-2:before {
    content: "\e736"
}

.ti-layout-grid4-alt:before {
    content: "\e737"
}

.ti-layout-grid3-alt:before {
    content: "\e738"
}

.ti-layout-grid2-alt:before {
    content: "\e739"
}

.ti-layout-column4-alt:before {
    content: "\e73a"
}

.ti-layout-column3-alt:before {
    content: "\e73b"
}

.ti-layout-column2-alt:before {
    content: "\e73c"
}

.ti-instagram:before {
    content: "\e73d"
}

.ti-google:before {
    content: "\e73e"
}

.ti-github:before {
    content: "\e73f"
}

.ti-flickr:before {
    content: "\e740"
}

.ti-facebook:before {
    content: "\e741"
}

.ti-dropbox:before {
    content: "\e742"
}

.ti-dribbble:before {
    content: "\e743"
}

.ti-apple:before {
    content: "\e744"
}

.ti-android:before {
    content: "\e745"
}

.ti-save:before {
    content: "\e746"
}

.ti-save-alt:before {
    content: "\e747"
}

.ti-yahoo:before {
    content: "\e748"
}

.ti-wordpress:before {
    content: "\e749"
}

.ti-vimeo-alt:before {
    content: "\e74a"
}

.ti-twitter-alt:before {
    content: "\e74b"
}

.ti-tumblr-alt:before {
    content: "\e74c"
}

.ti-trello:before {
    content: "\e74d"
}

.ti-stack-overflow:before {
    content: "\e74e"
}

.ti-soundcloud:before {
    content: "\e74f"
}

.ti-sharethis:before {
    content: "\e750"
}

.ti-sharethis-alt:before {
    content: "\e751"
}

.ti-reddit:before {
    content: "\e752"
}

.ti-pinterest-alt:before {
    content: "\e753"
}

.ti-microsoft-alt:before {
    content: "\e754"
}

.ti-linux:before {
    content: "\e755"
}

.ti-jsfiddle:before {
    content: "\e756"
}

.ti-joomla:before {
    content: "\e757"
}

.ti-html5:before {
    content: "\e758"
}

.ti-flickr-alt:before {
    content: "\e759"
}

.ti-email:before {
    content: "\e75a"
}

.ti-drupal:before {
    content: "\e75b"
}

.ti-dropbox-alt:before {
    content: "\e75c"
}

.ti-css3:before {
    content: "\e75d"
}

.ti-rss:before {
    content: "\e75e"
}

.ti-rss-alt:before {
    content: "\e75f"
}

body {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-family: 'DIN Pro', sans-serif;
    background-color: #fff;
    font-weight: 400;
}

a,
button,
input,
select {
    outline: 0 !important
}

a:hover,
button:hover,
input:hover,
select:hover {
    text-decoration: none
}

section.content {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    border: 5px solid #fff;
    padding: 0 !important;
    position: -webkit-sticky;
    margin: 60px 0 0 250px;
    padding: 10px  15px !important;
}

.ls-toggle-menu .slimScrollDiv {
    overflow: visible !important
}

.ls-toggle-menu .slimScrollDiv .list {
    overflow: visible !important
}

.ls-toggle-menu .navbar-brand a {
    display: none
}

.ls-toggle-menu .sidebar {
    width: 50px
}

/* .ls-toggle-menu .sidebar .user-info .image {
    padding: 8px !important
} */

.ls-toggle-menu .sidebar .user-info .image img {
    box-shadow: none
}

.ls-toggle-menu .sidebar .user-info .detail {
    display: none
}


.ls-toggle-menu .sidebar .menu .list a {
    padding: 10px 3px;
    text-align: center
}

@media only screen and (max-width:768px) {
    .ls-toggle-menu .sidebar .menu .list a {
        padding: 8px 0
    }
}

.ls-toggle-menu .sidebar .menu .list a span {
    display: none
}

.ls-toggle-menu .sidebar .menu .list li {
    position: relative
}

.ls-toggle-menu .sidebar .menu .list li:hover .ml-menu {
    display: block !important
}

.ls-toggle-menu .sidebar .menu .list li.open_top .ml-menu {
    bottom: 0;
    top: auto
}

.ls-toggle-menu .sidebar .menu .list .menu-toggle:after,
.ls-toggle-menu .sidebar .menu .list .menu-toggle:before,
.ls-toggle-menu .sidebar .menu .list .progress-container {
    display: none
}

.ls-toggle-menu .sidebar .menu .list .ml-menu {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    min-width: 240px;
    display: none !important;
    position: absolute;
    top: 0;
    left: 50px;
    padding: 15px 15px 15px 5px;
    text-align: left;
    box-shadow: 0 10px 50px 0 rgba(41, 42, 51, .2);
}

.ls-toggle-menu .sidebar .menu .list .ml-menu li a {
    text-align: left
}

.ls-toggle-menu section.content {
    margin-left: 50px
}

.right_icon_toggle .right_icon_toggle_btn i::before {
    content: "\f2ea"
}

.right_icon_toggle .navbar-right .navbar-nav {
    right: -70px
}

.right_icon_toggle section.content {
    margin-right: 20px
}

.ls-closed .sidebar {
    background: #fff;
    position: fixed
}

.ls-closed section.content {
    margin-left: 60px;
    margin-right: 40px
}

@media only screen and (max-width:768px) {
    .ls-closed section.content {
        margin-right: 10px;
        padding: 0;
        overflow: visible !important;
        height: 100%
    }

    .ls-closed section.content>.slimScrollDiv {
        height: auto !important;
        overflow: visible !important
    }

    .ls-closed section.content>.slimScrollDiv .body_scroll {
        height: auto !important;
        overflow: visible !important
    }
}

@media only screen and (max-width:767px) {
    .ls-closed section.content {
        margin: 60px 0 0 0;
        padding: 0 !important;
    }
}

.ls-closed .navbar-right .navbar-nav {
    width: 30px;
    margin: 0 5px
}

@media only screen and (max-width:768px) {
    .ls-closed .navbar-right .navbar-nav {
        right: -40px
    }
}

.ls-closed .navbar-right .navbar-nav>li>a {
    width: 30px
}

.ls-closed.right_icon_toggle section.content {
    margin-right: 20px
}

#search {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: translate(0, -100%) scale(0, 0);
    -ms-transform: translate(0, -100%) scale(0, 0);
    -o-transform: translate(0, -100%) scale(0, 0);
    -webkit-transform: translate(0, -100%) scale(0, 0);
    transform: translate(0, -100%) scale(0, 0);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9999
}

#search input[type=search] {
    color: #fff;
    background: rgba(41, 42, 51, 0);
    font-weight: 300;
    position: absolute;
    top: 50%;
    width: 100%;
    font-size: 60px;
    text-align: center;
    border: 0;
    margin: 0 auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: 0
}

#search input[type=search]::placeholder {
    color: rgba(255, 255, 255, .6)
}

#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px
}

#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    left: auto;
    margin: 0;
    opacity: 1
}

#search .close:hover {
    background: #fff
}

#search .close i {
    width: 38px;
    line-height: 38px;
    text-shadow: none
}

#search.open {
    -moz-transform: translate(0, 0) scale(1, 1);
    -ms-transform: translate(0, 0) scale(1, 1);
    -o-transform: translate(0, 0) scale(1, 1);
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 1
}

.mobile_menu {
    display: none;
    position: fixed !important;
    top: 10px;
    right: 20px;
    z-index: 9999
}

@media only screen and (max-width:767px) {
    .mobile_menu {
        display: block
    }
}

.table.c_table {
    border-collapse: separate !important;
    border-spacing: 0 5px !important;
    font-size: 14px
}

.table.c_table tr {
    background: #fff
}

.table.c_table tr td,
.table.c_table tr th {
    border: 0;
    vertical-align: middle;
    white-space: nowrap
}

.table.c_table tr td:first-child,
.table.c_table tr th:first-child {
    border-radius: .2875rem 0 0 .2875rem
}

.table.c_table tr td:last-child,
.table.c_table tr th:last-child {
    border-radius: 0 .2875rem .2875rem 0
}

.table.c_table tr td .checkbox,
.table.c_table tr th .checkbox {
    position: relative;
    height: 24px;
    width: 24px
}

.table.c_table tr td .checkbox label,
.table.c_table tr th .checkbox label {
    position: unset;
    padding: 0
}

.table.theme-color thead td,
.table.theme-color thead th {
    color: #fff
}

.search_page {
    table-layout: fixed
}

@media only screen and (max-width:767px) {
    .search_page {
        table-layout: auto
    }
}

.search_page td,
.search_page th {
    white-space: nowrap;
    vertical-align: middle
}

.search_page .title {
    font-size: 16px
}

.search_page .link {
    font-size: 13px;
    color: #1cbfd0;
    display: block
}

.search_page .max_ellipsis {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.blockquote {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 10px rgba(41, 42, 51, .1);
    -moz-box-shadow: 0 0 10px rgba(41, 42, 51, .1);
    -ms-box-shadow: 0 0 10px rgba(41, 42, 51, .1);
    box-shadow: 0 0 10px rgba(41, 42, 51, .1);
    font-size: 18px;
    border-left: 5px solid #5cc5cd !important;
    border-color: transparent;
    line-height: 27px;
    padding: 40px;
    position: relative;
    z-index: 1
}

.checkbox.simple {
    position: relative;
    margin: 0;
    width: 24px;
    height: 24px
}

.checkbox.simple label {
    position: unset
}

@media only screen and (max-width:992px) {
    .hidden-md-down {
        display: none
    }
}

.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, .2);
    background: -webkit-radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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, .4);
    background: -webkit-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%)
}

.waves-effect.waves-classic .waves-ripple {
    background: rgba(0, 0, 0, .2)
}

.waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255, 255, 255, .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-input,
.waves-button:hover,
.waves-button:visited {
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: 0;
    color: inherit;
    background-color: rgba(0, 0, 0, 0);
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    z-index: 1
}

.waves-button {
    padding: .85em 1.1em;
    border-radius: .2em
}

.waves-button-input {
    margin: 0;
    padding: .85em 1.1em
}

.waves-input-wrapper {
    border-radius: .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: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.waves-float:active {
    -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3)
}

.waves-block {
    display: block
}

.slideDown {
    animation-name: slideDown;
    -webkit-animation-name: slideDown;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%)
    }

    50% {
        transform: translateY(8%)
    }

    65% {
        transform: translateY(-4%)
    }

    80% {
        transform: translateY(4%)
    }

    95% {
        transform: translateY(-2%)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%)
    }

    50% {
        -webkit-transform: translateY(8%)
    }

    65% {
        -webkit-transform: translateY(-4%)
    }

    80% {
        -webkit-transform: translateY(4%)
    }

    95% {
        -webkit-transform: translateY(-2%)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

.slideUp {
    animation-name: slideUp;
    -webkit-animation-name: slideUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important
}

@keyframes slideUp {
    0% {
        transform: translateY(100%)
    }

    50% {
        transform: translateY(-8%)
    }

    65% {
        transform: translateY(4%)
    }

    80% {
        transform: translateY(-4%)
    }

    95% {
        transform: translateY(2%)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%)
    }

    50% {
        -webkit-transform: translateY(-8%)
    }

    65% {
        -webkit-transform: translateY(4%)
    }

    80% {
        -webkit-transform: translateY(-4%)
    }

    95% {
        -webkit-transform: translateY(2%)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

.slideUp2 {
    animation-name: slideUp2;
    -webkit-animation-name: slideUp2;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important
}

@keyframes slideUp2 {
    0% {
        transform: translateY(10%)
    }

    50% {
        transform: translateY(-1%)
    }

    65% {
        transform: translateY(5%)
    }

    80% {
        transform: translateY(-2%)
    }

    95% {
        transform: translateY(2%)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes slideUp2 {
    0% {
        transform: translateY(10%)
    }

    50% {
        transform: translateY(-1%)
    }

    65% {
        transform: translateY(4%)
    }

    80% {
        transform: translateY(-2%)
    }

    95% {
        transform: translateY(2%)
    }

    100% {
        transform: translateY(0)
    }
}

.slideLeft {
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important
}

@keyframes slideLeft {
    0% {
        transform: translateX(150%)
    }

    50% {
        transform: translateX(-8%)
    }

    65% {
        transform: translateX(4%)
    }

    80% {
        transform: translateX(-4%)
    }

    95% {
        transform: translateX(2%)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translateX(150%)
    }

    50% {
        -webkit-transform: translateX(-8%)
    }

    65% {
        -webkit-transform: translateX(4%)
    }

    80% {
        -webkit-transform: translateX(-4%)
    }

    95% {
        -webkit-transform: translateX(2%)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

.slideRight {
    animation-name: slideRight;
    -webkit-animation-name: slideRight;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important
}

@keyframes slideRight {
    0% {
        transform: translateX(-150%)
    }

    50% {
        transform: translateX(8%)
    }

    65% {
        transform: translateX(-4%)
    }

    80% {
        transform: translateX(4%)
    }

    95% {
        transform: translateX(-2%)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-150%)
    }

    50% {
        -webkit-transform: translateX(8%)
    }

    65% {
        -webkit-transform: translateX(-4%)
    }

    80% {
        -webkit-transform: translateX(4%)
    }

    95% {
        -webkit-transform: translateX(-2%)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

.slideExpandUp {
    animation-name: slideExpandUp;
    -webkit-animation-name: slideExpandUp;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease -out;
    visibility: visible !important
}

@keyframes slideExpandUp {
    0% {
        transform: translateY(100%) scaleX(.5)
    }

    30% {
        transform: translateY(-8%) scaleX(.5)
    }

    40% {
        transform: translateY(2%) scaleX(.5)
    }

    50% {
        transform: translateY(0) scaleX(1.1)
    }

    60% {
        transform: translateY(0) scaleX(.9)
    }

    70% {
        transform: translateY(0) scaleX(1.05)
    }

    80% {
        transform: translateY(0) scaleX(.95)
    }

    90% {
        transform: translateY(0) scaleX(1.02)
    }

    100% {
        transform: translateY(0) scaleX(1)
    }
}

@-webkit-keyframes slideExpandUp {
    0% {
        -webkit-transform: translateY(100%) scaleX(.5)
    }

    30% {
        -webkit-transform: translateY(-8%) scaleX(.5)
    }

    40% {
        -webkit-transform: translateY(2%) scaleX(.5)
    }

    50% {
        -webkit-transform: translateY(0) scaleX(1.1)
    }

    60% {
        -webkit-transform: translateY(0) scaleX(.9)
    }

    70% {
        -webkit-transform: translateY(0) scaleX(1.05)
    }

    80% {
        -webkit-transform: translateY(0) scaleX(.95)
    }

    90% {
        -webkit-transform: translateY(0) scaleX(1.02)
    }

    100% {
        -webkit-transform: translateY(0) scaleX(1)
    }
}

.expandUp {
    animation-name: expandUp;
    -webkit-animation-name: expandUp;
    animation-duration: .7s;
    -webkit-animation-duration: .7s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important
}

@keyframes expandUp {
    0% {
        transform: translateY(100%) scale(.6) scaleY(.5)
    }

    60% {
        transform: translateY(-7%) scaleY(1.12)
    }

    75% {
        transform: translateY(3%)
    }

    100% {
        transform: translateY(0) scale(1) scaleY(1)
    }
}

@-webkit-keyframes expandUp {
    0% {
        -webkit-transform: translateY(100%) scale(.6) scaleY(.5)
    }

    60% {
        -webkit-transform: translateY(-7%) scaleY(1.12)
    }

    75% {
        -webkit-transform: translateY(3%)
    }

    100% {
        -webkit-transform: translateY(0) scale(1) scaleY(1)
    }
}

.fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important
}

@keyframes fadeIn {
    0% {
        transform: scale(0);
        opacity: 0
    }

    60% {
        transform: scale(1.1);
        opacity: .3
    }

    80% {
        transform: scale(.9);
        opacity: .7
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(1.1)
    }

    80% {
        -webkit-transform: scale(.9);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

.expandOpen {
    animation-name: expandOpen;
    -webkit-animation-name: expandOpen;
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible !important
}

@keyframes expandOpen {
    0% {
        transform: scale(1.8)
    }

    50% {
        transform: scale(.95)
    }

    80% {
        transform: scale(1.05)
    }

    90% {
        transform: scale(.98)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes expandOpen {
    0% {
        -webkit-transform: scale(1.8)
    }

    50% {
        -webkit-transform: scale(.95)
    }

    80% {
        -webkit-transform: scale(1.05)
    }

    90% {
        -webkit-transform: scale(.98)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

.bigEntrance {
    animation-name: bigEntrance;
    -webkit-animation-name: bigEntrance;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible !important
}

@keyframes bigEntrance {
    0% {
        transform: scale(.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: .2
    }

    30% {
        transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1
    }

    45% {
        transform: scale(.98) rotate(1deg) translateX(0) translateY(0);
        opacity: 1
    }

    60% {
        transform: scale(1.01) rotate(-1deg) translateX(0) translateY(0);
        opacity: 1
    }

    75% {
        transform: scale(.99) rotate(1deg) translateX(0) translateY(0);
        opacity: 1
    }

    90% {
        transform: scale(1.01) rotate(0) translateX(0) translateY(0);
        opacity: 1
    }

    100% {
        transform: scale(1) rotate(0) translateX(0) translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes bigEntrance {
    0% {
        -webkit-transform: scale(.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: .2
    }

    30% {
        -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1
    }

    45% {
        -webkit-transform: scale(.98) rotate(1deg) translateX(0) translateY(0);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(1.01) rotate(-1deg) translateX(0) translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(.99) rotate(1deg) translateX(0) translateY(0);
        opacity: 1
    }

    90% {
        -webkit-transform: scale(1.01) rotate(0) translateX(0) translateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1) rotate(0) translateX(0) translateY(0);
        opacity: 1
    }
}

.hatch {
    animation-name: hatch;
    -webkit-animation-name: hatch;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    visibility: visible !important
}

@keyframes hatch {
    0% {
        transform: rotate(0) scaleY(.6)
    }

    20% {
        transform: rotate(-2deg) scaleY(1.05)
    }

    35% {
        transform: rotate(2deg) scaleY(1)
    }

    50% {
        transform: rotate(-2deg)
    }

    65% {
        transform: rotate(1deg)
    }

    80% {
        transform: rotate(-1deg)
    }

    100% {
        transform: rotate(0)
    }
}

@-webkit-keyframes hatch {
    0% {
        -webkit-transform: rotate(0) scaleY(.6)
    }

    20% {
        -webkit-transform: rotate(-2deg) scaleY(1.05)
    }

    35% {
        -webkit-transform: rotate(2deg) scaleY(1)
    }

    50% {
        -webkit-transform: rotate(-2deg)
    }

    65% {
        -webkit-transform: rotate(1deg)
    }

    80% {
        -webkit-transform: rotate(-1deg)
    }

    100% {
        -webkit-transform: rotate(0)
    }
}

.bounce {
    animation-name: bounce;
    -webkit-animation-name: bounce;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%
}

@keyframes bounce {
    0% {
        transform: translateY(0) scaleY(.6)
    }

    60% {
        transform: translateY(-100%) scaleY(1.1)
    }

    70% {
        transform: translateY(0) scaleY(.95) scaleX(1.05)
    }

    80% {
        transform: translateY(0) scaleY(1.05) scaleX(1)
    }

    90% {
        transform: translateY(0) scaleY(.95) scaleX(1)
    }

    100% {
        transform: translateY(0) scaleY(1) scaleX(1)
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0) scaleY(.6)
    }

    60% {
        -webkit-transform: translateY(-100%) scaleY(1.1)
    }

    70% {
        -webkit-transform: translateY(0) scaleY(.95) scaleX(1.05)
    }

    80% {
        -webkit-transform: translateY(0) scaleY(1.05) scaleX(1)
    }

    90% {
        -webkit-transform: translateY(0) scaleY(.95) scaleX(1)
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1)
    }
}

.pulse {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes pulse {
    0% {
        transform: scale(.9);
        opacity: .7
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.9);
        opacity: .7
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.95);
        opacity: .7
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.95);
        opacity: .7
    }
}

.floating {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes floating {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(8%)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(8%)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

.tossing {
    animation-name: tossing;
    -webkit-animation-name: tossing;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes tossing {
    0% {
        transform: rotate(-4deg)
    }

    50% {
        transform: rotate(4deg)
    }

    100% {
        transform: rotate(-4deg)
    }
}

@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-4deg)
    }

    50% {
        -webkit-transform: rotate(4deg)
    }

    100% {
        -webkit-transform: rotate(-4deg)
    }
}

.pullUp {
    animation-name: pullUp;
    -webkit-animation-name: pullUp;
    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%
}

@keyframes pullUp {
    0% {
        transform: scaleY(.1)
    }

    40% {
        transform: scaleY(1.02)
    }

    60% {
        transform: scaleY(.98)
    }

    80% {
        transform: scaleY(1.01)
    }

    100% {
        transform: scaleY(.98)
    }

    80% {
        transform: scaleY(1.01)
    }

    100% {
        transform: scaleY(1)
    }
}

@-webkit-keyframes pullUp {
    0% {
        -webkit-transform: scaleY(.1)
    }

    40% {
        -webkit-transform: scaleY(1.02)
    }

    60% {
        -webkit-transform: scaleY(.98)
    }

    80% {
        -webkit-transform: scaleY(1.01)
    }

    100% {
        -webkit-transform: scaleY(.98)
    }

    80% {
        -webkit-transform: scaleY(1.01)
    }

    100% {
        -webkit-transform: scaleY(1)
    }
}

.pullDown {
    animation-name: pullDown;
    -webkit-animation-name: pullDown;
    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0
}

@keyframes pullDown {
    0% {
        transform: scaleY(.1)
    }

    40% {
        transform: scaleY(1.02)
    }

    60% {
        transform: scaleY(.98)
    }

    80% {
        transform: scaleY(1.01)
    }

    100% {
        transform: scaleY(.98)
    }

    80% {
        transform: scaleY(1.01)
    }

    100% {
        transform: scaleY(1)
    }
}

@-webkit-keyframes pullDown {
    0% {
        -webkit-transform: scaleY(.1)
    }

    40% {
        -webkit-transform: scaleY(1.02)
    }

    60% {
        -webkit-transform: scaleY(.98)
    }

    80% {
        -webkit-transform: scaleY(1.01)
    }

    100% {
        -webkit-transform: scaleY(.98)
    }

    80% {
        -webkit-transform: scaleY(1.01)
    }

    100% {
        -webkit-transform: scaleY(1)
    }
}

.stretchLeft {
    animation-name: stretchLeft;
    -webkit-animation-name: stretchLeft;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0
}

@keyframes stretchLeft {
    0% {
        transform: scaleX(.3)
    }

    40% {
        transform: scaleX(1.02)
    }

    60% {
        transform: scaleX(.98)
    }

    80% {
        transform: scaleX(1.01)
    }

    100% {
        transform: scaleX(.98)
    }

    80% {
        transform: scaleX(1.01)
    }

    100% {
        transform: scaleX(1)
    }
}

@-webkit-keyframes stretchLeft {
    0% {
        -webkit-transform: scaleX(.3)
    }

    40% {
        -webkit-transform: scaleX(1.02)
    }

    60% {
        -webkit-transform: scaleX(.98)
    }

    80% {
        -webkit-transform: scaleX(1.01)
    }

    100% {
        -webkit-transform: scaleX(.98)
    }

    80% {
        -webkit-transform: scaleX(1.01)
    }

    100% {
        -webkit-transform: scaleX(1)
    }
}

.stretchRight {
    animation-name: stretchRight;
    -webkit-animation-name: stretchRight;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

@keyframes stretchRight {
    0% {
        transform: scaleX(.3)
    }

    40% {
        transform: scaleX(1.02)
    }

    60% {
        transform: scaleX(.98)
    }

    80% {
        transform: scaleX(1.01)
    }

    100% {
        transform: scaleX(.98)
    }

    80% {
        transform: scaleX(1.01)
    }

    100% {
        transform: scaleX(1)
    }
}

@-webkit-keyframes stretchRight {
    0% {
        -webkit-transform: scaleX(.3)
    }

    40% {
        -webkit-transform: scaleX(1.02)
    }

    60% {
        -webkit-transform: scaleX(.98)
    }

    80% {
        -webkit-transform: scaleX(1.01)
    }

    100% {
        -webkit-transform: scaleX(.98)
    }

    80% {
        -webkit-transform: scaleX(1.01)
    }

    100% {
        -webkit-transform: scaleX(1)
    }
}

.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;
    font-weight: 700;
    color: #777;
    margin-top: 10px
}

.page-loader-wrapper .loader {
    position: relative;
    top: calc(40% - 30px)
}

.navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    font-family: 'DIN Pro', sans-serif;;
    border: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%
}

.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: 'DIN Pro', sans-serif;
    font-size: 26px
}

.navbar .navbar-collapse.in {
    overflow: visible
}

.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-right .navbar-nav {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: fixed;
    right: 0;
    width: 50px;
    margin: 0 10px;
    z-index: 999
}

.navbar-right .navbar-nav>li>a {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #222;
    line-height: 50px;
    text-align: center;
    width: 50px
}

.navbar-right .navbar-nav>li>a:hover {
    color: #fff !important
}

.navbar-right .navbar-nav>li>a i {
    font-size: 20px;
    vertical-align: middle
}

.navbar-right .navbar-nav .dropdown-menu {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: absolute;
    right: 60px;
    left: auto !important;
    transform: none !important
}

.navbar-right .navbar-nav .dropdown-menu:before {
    color: #fff;
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    vertical-align: middle;
    content: "";
    top: 15px;
    left: auto;
    right: -10px;
    border-left: .6em solid;
    border-top: .6em solid transparent;
    border-bottom: .6em solid transparent
}

.navbar-right .navbar-nav .app_sortcut {
    padding: 15px;
    text-align: center
}

.navbar-right .navbar-nav .app_sortcut li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 100px;
    width: 120px
}

.navbar-right .navbar-nav .app_sortcut li a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #444;
    display: block
}

.navbar-right .navbar-nav .app_sortcut li a p {
    font-size: 14px
}

.navbar-right .navbar-nav .tasks {
    padding: 20px
}

.navbar-right .navbar-nav .tasks li {
    margin-bottom: 15px
}

.label-count {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    font-size: 10px;
    position: absolute;
    top: 2px;
    right: 6px;
    line-height: 15px;
    padding: 0 4px
}

@media only screen and (max-width:1169px) {
    .navbar-header {
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .navbar .navbar-toggle {
        position: relative;
        margin-right: 12px;
        margin-top: 10px
    }

    .navbar .navbar-toggle:before {
        position: absolute;
        top: 0;
        left: 0
    }
}

.overlay {
    position: fixed;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(41, 42, 51, .5);
    display: none;
    z-index: 999
}

.navbar-brand {
    display: flex;
    align-items: center;
    height: 60px;
    background: transparent linear-gradient(180deg,#010043 0%, #AFA1F6 100%) 0% 0% no-repeat padding-box;
    /* margin: 10px 10px 0 10px; */
    /* padding: 10px 0 15px 0; */
    /* border-bottom: 1px solid #eee */
}

.header {
    width: calc(100% - 250px);
    position: relative;
    display: flex;
    align-items: center;
    height: 60px;
    margin-left: 250px;
    background: transparent linear-gradient(180deg,#010043 0%, #AFA1F6 100%) 0% 0% no-repeat padding-box;
    z-index: 99;
    top: 0;
    transition: 0.35s all;
}

@media only screen and (max-width:767px) {
.header {
    width: 100%;
    margin-left: 0;
}
}

.ls-toggle-menu .header {
    width: calc(100% - 50px);
    margin-left: 50px;
}

.navbar-brand .btn-menu {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    border: 0;
    background: rgba(49, 113, 156, 0);
    line-height: 15px;
    opacity: .6;
    /* padding: 6px */
}

.navbar-brand .btn-menu:hover {
    opacity: 1;
    cursor: pointer
}

.navbar-brand a {
    margin-left: 10px;
    width: 100%
}

.navbar-brand span {
    font-size: 16px;
    color: #444
}

.sidebar {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-family: 'DIN Pro', sans-serif;
    width: 250px;
    height: calc(100vh - 0px);
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: none;
    z-index: 10
}

@media only screen and (max-width:767px) {
    .sidebar {
        left: -250px
    }
}

.sidebar .legal {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #f0f0f0;
    padding: 15px;
    overflow: hidden
}

.sidebar .user-info {
    position: relative;
    display: flex;
    align-items: center;
    /* border-bottom: 1px solid #eee */
}

.sidebar .user-info .image img {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    width: 65px;
    vertical-align: bottom !important;
    /* box-shadow: 0 5px 5px 0 rgba(41, 42, 51, .2) */
}

.sidebar .user-info .detail h4 {
    font-size: 18px
}

.sidebar .menu {
    position: relative
}

.sidebar .menu .list {
    list-style: none;
    margin: 0 10px
}

.sidebar .menu .list .active {
    background :#001D9C;
    color: white !important;
    border-radius: 6px;
}

.sidebar .menu .list li.active>:first-child span {
    font-weight: 700
}

.sidebar .menu .list .menu-toggle:after,
.sidebar .menu .list .menu-toggle:before {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-size: 14px;
    position: absolute;
    top: calc(50% - 11px);
    right: 17px;
    font-family: 'DIN Pro', sans-serif;
}

.sidebar .menu .list .menu-toggle:before {
    content: url("/assets/images/icons/down-arrow.svg");


    -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: url("/assets/images/icons/down-arrow.svg");
    -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 {
    content: url('assets/images/icons/down-arrow.svg');
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    /* font-family: 'DIN Pro', sans-serif; */
}

.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: #9B9B9B;
    position: relative;
    padding: 12px 10px;
    font-size: 16px;
}

.sidebar .menu .list .active a span {
    color: #FFF !important;
}

#p-m-c {
    color: #508F9A;
}

#p-t-d {
    color: #7C43A9;
}

.sidebar .menu .list a:active,
.sidebar .menu .list a:focus,
.sidebar .menu .list a:hover {
    text-decoration: none !important
}

.sidebar .menu .list a:active i,
.sidebar .menu .list a:focus i,
.sidebar .menu .list a:hover i {
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.sidebar .menu .list a i {
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 16px
}

.sidebar .menu .list a small {
    position: absolute;
    top: calc(50% - 7.5px);
    right: 15px
}

.sidebar .menu .list a span {
    margin: 0 0 0 6px
}

.sidebar .menu .list .ml-menu {
    list-style: none;
    display: none
}

.sidebar .menu .list .ml-menu span {
    font-weight: 400;
    margin: 3px 0 1px 6px
}

.sidebar .menu .list .ml-menu li a {
    font-size: 14px;
    padding-left: 40px;
    padding-top: 7px;
    padding-bottom: 7px
}

.sidebar .menu .list .ml-menu li a:before {
    font-size: 12px;
    color: #8CC3B7;
    /* content: "\f26c"; */
    position: absolute;
    left: 14px;
    font-family: 'DIN Pro', sans-serif;
    top: 8px
}

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {
    font-weight: 700
}

.sidebar .menu .progress-container {
    margin: 12px
}

.sidebar.open {
    left: 0;
    -webkit-box-shadow: 0 5px 15px rgba(41, 42, 51, .3);
    -moz-box-shadow: 0 5px 15px rgba(41, 42, 51, .3);
    -ms-box-shadow: 0 5px 15px rgba(41, 42, 51, .3);
    box-shadow: 0 5px 15px rgba(41, 42, 51, .3)
}

.right-sidebar {
    -webkit-box-shadow: -2px 2px 5px rgba(41, 42, 51, .1);
    -moz-box-shadow: -2px 2px 5px rgba(41, 42, 51, .1);
    -ms-box-shadow: -2px 2px 5px rgba(41, 42, 51, .1);
    box-shadow: -2px 2px 5px rgba(41, 42, 51, .1);
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    width: 280px;
    height: calc(100vh - 40px);
    position: fixed;
    right: -300px;
    top: 20px;
    z-index: 999;
    overflow: hidden
}

@media only screen and (max-width:768px) {
    .right-sidebar {
        width: 280px
    }
}

.right-sidebar.open {
    right: 20px
}

.right-sidebar .card {
    padding: 10px 20px
}

.right-sidebar .card h6 {
    font-size: 12px
}

.right-sidebar .nav-tabs {
    padding: 10px 20px;
    border-bottom: 1px solid #f0f0f0
}

@media only screen and (max-width:1024px) {
    .right-sidebar .nav-tabs {
        padding: 7px 15px
    }

    .right-sidebar .nav-tabs li {
        display: inline-block
    }

    .right-sidebar .nav-tabs li a {
        margin: 0 !important
    }
}

.right-sidebar .bg_color,
.right-sidebar .choose-skin {
    display: flex;
    justify-content: space-between;
    font-size: 0
}

.right-sidebar .bg_color li,
.right-sidebar .choose-skin li {
    position: relative;
    cursor: pointer
}

.right-sidebar .bg_color li.active:after,
.right-sidebar .choose-skin li.active:after {
    color: #fff;
    font-family: 'DIN Pro', sans-serif;
    position: absolute;
    top: 0;
    right: 9px;
    content: "\f26b";
    font-size: 16px
}

.right-sidebar .bg_color li div,
.right-sidebar .choose-skin li div {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    width: 33px;
    height: 25px
}

.right-sidebar .bg_color li span,
.right-sidebar .choose-skin li span {
    position: relative;
    bottom: 7px;
    left: 5px
}

.right-sidebar .bg_color .red,
.right-sidebar .choose-skin .red {
    background-color: #010043
}

.right-sidebar .bg_color .pink,
.right-sidebar .choose-skin .pink {
    background-color: #ff4dab
}

.right-sidebar .bg_color .purple,
.right-sidebar .choose-skin .purple {
    background-color: #6f42c1
}

.right-sidebar .bg_color .deep-purple,
.right-sidebar .choose-skin .deep-purple {
    background-color: #673ab7
}

.right-sidebar .bg_color .blue,
.right-sidebar .choose-skin .blue {
    background-color: #46b6fe
}

.right-sidebar .bg_color .cyan,
.right-sidebar .choose-skin .cyan {
    background-color: #5cc5cd
}

.right-sidebar .bg_color .green,
.right-sidebar .choose-skin .green {
    background-color: #04be5b
}

.right-sidebar .bg_color .light-green,
.right-sidebar .choose-skin .light-green {
    background-color: #8bc34a
}

.right-sidebar .bg_color .yellow,
.right-sidebar .choose-skin .yellow {
    background-color: #fdd932
}

.right-sidebar .bg_color .orange,
.right-sidebar .choose-skin .orange {
    background-color: #ff9948
}

.right-sidebar .bg_color .deep-orange,
.right-sidebar .choose-skin .deep-orange {
    background-color: #f83600
}

.right-sidebar .bg_color .grey,
.right-sidebar .choose-skin .grey {
    background-color: #9e9e9e
}

.right-sidebar .bg_color .blue-grey,
.right-sidebar .choose-skin .blue-grey {
    background-color: #607d8b
}

.right-sidebar .bg_color .indigo,
.right-sidebar .choose-skin .indigo {
    background-color: #98f
}

.right-sidebar .bg_color .light-blue,
.right-sidebar .choose-skin .light-blue {
    background-color: #03a9f4
}

.right-sidebar .bg_color .teal,
.right-sidebar .choose-skin .teal {
    background-color: #009688
}

.right-sidebar .bg_color .lime,
.right-sidebar .choose-skin .lime {
    background-color: #82c885
}

.right-sidebar .bg_color .amber,
.right-sidebar .choose-skin .amber {
    background-color: #ffc107
}

.right-sidebar .bg_color .brown,
.right-sidebar .choose-skin .brown {
    background-color: #795548
}

.right-sidebar .bg_color .blush,
.right-sidebar .choose-skin .blush {
    background-color: #506D85
}

.right-sidebar .bg_color .black,
.right-sidebar .choose-skin .black {
    background-color: #000
}

.right-sidebar .bg_color .white,
.right-sidebar .choose-skin .white {
    background-color: #fff
}

.right-sidebar .right_chat li {
    position: relative
}

.right-sidebar .right_chat li.offline .status {
    background: #ff9948
}

.right-sidebar .right_chat li.online .status {
    background: #04be5b
}

.right-sidebar .right_chat li.me .status {
    background: #46b6fe
}

.right-sidebar .right_chat .media {
    border-bottom: 1px dotted #eee
}

.right-sidebar .right_chat .media .media-object {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    width: 30px
}

.right-sidebar .right_chat .media .name {
    color: #222;
    font-size: 15px;
    display: block
}

.right-sidebar .right_chat .media .name small {
    color: #999
}

.right-sidebar .right_chat .media .message {
    font-size: 13px
}

.right-sidebar .right_chat .media .status {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    left: 23px;
    top: 0;
    width: 9px;
    height: 9px;
    padding: 0;
    min-width: inherit;
    border: 2px solid #fff
}

.l-green {
    background: linear-gradient(0deg, #04be5b, rgba(4, 190, 91, .7)) !important;
    color: #fff !important
}

.l-blue {
    background: linear-gradient(0deg, #46b6fe, rgba(70, 182, 254, .7)) !important;
    color: #fff !important
}

.l-amber {
    background: linear-gradient(0deg, #f9bd65, rgba(249, 189, 101, .7)) !important;
    color: #fff !important
}

.l-purple {
    background: linear-gradient(0deg, #6f42c1, rgba(111, 66, 193, .7)) !important;
    color: #fff !important
}

.l-cyan {
    background: linear-gradient(0deg, #5cc5cd, rgba(92, 197, 205, .7)) !important;
    color: #fff !important
}

.l-blush {
    background: linear-gradient(0deg, #506D85, rgba(228, 114, 151, .7)) !important;
    color: #fff !important
}

.l-pink {
    background: linear-gradient(0deg, #ff4dab, rgba(255, 77, 171, .7)) !important;
    color: #fff !important
}

.l-khaki {
    background: linear-gradient(0deg, #fdd932, rgba(253, 217, 50, .7)) !important;
    color: #fff !important
}

.l-slategray {
    background: linear-gradient(0deg, #777, rgba(119, 119, 119, .7)) !important;
    color: #fff !important
}

.xl-green {
    background: rgba(4, 190, 91, .5) !important
}

.xl-blue {
    background: rgba(70, 182, 254, .5) !important
}

.xl-amber {
    background: rgba(249, 189, 101, .5) !important
}

.xl-purple {
    background: rgba(111, 66, 193, .5) !important
}

.xl-cyan {
    background: rgba(92, 197, 205, .5) !important
}

.xl-blush {
    background: rgba(228, 114, 151, .5) !important
}

.xl-pink {
    background: rgba(255, 77, 171, .5) !important
}

.xl-khaki {
    background: rgba(253, 217, 50, .5) !important
}

.text-green {
    color: #04be5b
}

.text-blue {
    color: #46b6fe
}

.text-amber {
    color: #f9bd65
}

.text-purple {
    color: #6f42c1
}

.text-cyan {
    color: #5cc5cd
}

.text-blush {
    color: #506D85
}

.text-pink {
    color: #ff4dab
}

.text-khaki {
    color: #fdd932
}

.align-left,
.dropdown-menu .header {
    text-align: left
}

.align-center,
.dropdown-menu ul.menu .icon-circle,
.file_folder .icon,
.mcard_3,
.product-report .icon,
.profile_state li,
.sidebar .menu .list a i,
.sidebar .user-info,
.social_icon {
    text-align: center
}

.align-right,
.wizard .actions {
    text-align: right
}

.align-justify {
    text-align: justify
}

.no-resize {
    resize: none
}

.font-bold {
    font-weight: 700
}

.font-italic {
    font-style: italic
}

.font-underline {
    text-decoration: underline
}

.font-line-through {
    text-decoration: line-through
}

.font-overline {
    text-decoration: overline
}

.card,
.card .header .header-dropdown li,
.contact .c_list .c_name,
.contact .c_list .checkbox,
.dropdown-menu ul.menu .icon-circle,
.inlineblock,
.mcard_3 .social-links li,
.mcard_4 .social-links li,
.navbar-right .navbar-nav>li,
.navbar-right .navbar-nav>li>a,
.right-sidebar .bg_color li div,
.right-sidebar .choose-skin li div,
.right-sidebar .right_chat .media .message,
.right-sidebar .right_chat .media .status,
.right-sidebar .theme-light-dark li,
.sidebar,
.social_icon,
.team-info li,
.wizard .actions ul {
    display: inline-block
}

.card .card-inside-title,
.card .card-inside-title small,
.card .header .header-dropdown li a,
.card .header h2 small,
.displayblock,
.dropdown-menu .footer a,
.dropdown-menu ul.menu li a,
.dropdown-menu>li>a,
.file_manager .file .file-name small,
.mcard_3 .text-pink,
.sidebar .menu .list a,
.social_media_table .list-name,
.wizard .actions,
.wizard .actions a,
.wizard .actions a:active,
.wizard .actions a:hover,
.wizard .steps,
.wizard .steps a,
.wizard .steps a:active,
.wizard .steps a:hover {
    display: block
}

.z-index {
    z-index: 9999
}

.w25 {
    width: 25px
}

.w34 {
    width: 34px
}

.w40 {
    width: 40px
}

.w50 {
    width: 50px
}

.w70 {
    width: 70px
}

.w100 {
    width: 100px
}

.w150 {
    width: 150px
}

.w200 {
    width: 200px
}

.w250 {
    width: 250px
}

.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: 0
}

.activity li h4,
.card .card-inside-title:first-child,
.contact .c_list .checkbox,
.m-t-0,
.product-report .counter,
.sidebar .user-info .detail h4 {
    margin-top: 0
}

.m-r-0 {
    margin-right: 0
}

.activity,
.activity li h4,
.block-header .breadcrumb,
.card .header,
.checkbox label,
.contact .c_list .c_name,
.contact .c_list .checkbox,
.contact .c_list address,
.inbox_widget,
.m-b-0,
.media p:last-child,
.members_profiles .table,
.profile-page #timeline .timeline .timeline-item,
.profile_state li h4,
.project_list .table,
.radio label,
.right-sidebar .card ul,
.search_page .title,
.sidebar .user-info .detail h4,
.social_media_table .table,
.table.c_table tr td .checkbox,
.table.c_table tr th .checkbox {
    margin-bottom: 0
}

.blogitem .blogitem-share li,
.m-l-5,
.wizard .actions a {
    margin-left: 5px
}

.card .card-inside-title small,
.card .header h2 small,
.m-t-5,
.team-info {
    margin-top: 5px
}

.blogitem .blogitem-meta span i,
.m-r-5 {
    margin-right: 5px
}

.inbox.left .mail-side .nav li,
.m-b-5,
.taskboard .dd-item {
    margin-bottom: 5px
}

.contact .c_list .c_name,
.dropdown-menu ul.menu .menu-info,
.m-l-10,
.mcard_2 .user .details {
    margin-left: 10px
}

.m-t-10,
.mcard_3 .social-links,
.product_item .product_details .product_price,
.profile_state li h4 {
    margin-top: 10px
}

.chat-widget ul,
.file_folder .icon,
.m-r-10,
.right-sidebar .right_chat .media .media-object {
    margin-right: 10px
}

.block-header,
.m-b-10,
.search_page .link,
.state_w1 h5 {
    margin-bottom: 10px
}

.m-l-15 {
    margin-left: 15px
}

.m-t-15 {
    margin-top: 15px
}

.inbox_widget .inbox-img,
.m-r-15,
.product-report .icon,
.small_mcard_1 .user img {
    margin-right: 15px
}

.sidebar .user-info {
    margin-top: 15px;
}

.blogitem .blogitem-image,
.card .card-inside-title,
.feed .user,
.m-b-15,
.right-sidebar .card h6,
.sidebar .user-info,
.widget_2 h2 {
    margin-bottom: 15px
}

.m-l-20,
.media.mright .media-right {
    margin-left: 20px
}

.event_list .e_list,
.m-t-20,
.mcard_4 .social-links,
.product_item .product_details {
    margin-top: 20px
}

.m-r-20,
.media .media-left,
.media.mleft .media-left {
    margin-right: 20px
}

.chat-widget ul li,
.chat_list .nav-tabs,
.m-b-20,
.mcard_2 .user,
.media {
    margin-bottom: 20px
}

.activity li,
.m-l-25 {
    margin-left: 25px
}

.card .card-inside-title,
.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
}

.card,
.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,
.mcard_2 .user .details {
    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
}

.card .header .header-dropdown,
.card .header h2,
.dropdown-menu ul.menu .menu-info h4,
.dropdown-menu ul.menu .menu-info p,
.margin-0,
.media .media-body .media-heading,
.profile_state,
.wizard .content,
.wizard .content .body label.error {
    margin: 0 !important
}

.dropdown-menu ul.menu,
.invoice .nav-tabs,
.p-l-0,
.sidebar .menu .list,
.sidebar .menu .list .ml-menu {
    padding-left: 0
}

.p-t-0 {
    padding-top: 0
}

.invoice .nav-tabs,
.p-r-0 {
    padding-right: 0
}

.activity li:last-child,
.p-b-0,
.sidebar .user-info {
    padding-bottom: 0
}

.p-l-5 {
    padding-left: 5px
}

.p-t-5 {
    padding-top: 5px
}

.p-r-5,
.wizard.vertical>.steps {
    padding-right: 5px
}

.p-b-5,
.right-sidebar .card h6 {
    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,
.right-sidebar .slim_scroll {
    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,
.right-sidebar .right_chat .media {
    padding-bottom: 20px
}

.p-l-25 {
    padding-left: 25px
}

.p-t-25 {
    padding-top: 25px
}

.p-r-25 {
    padding-right: 25px
}

.activity li,
.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
}

.block-header .breadcrumb,
.card .header .header-dropdown,
.chat-widget ul,
.file_manager .file,
.navbar,
.navbar-right .navbar-nav>li>a,
.padding-0,
.profile_state,
.profile_state li {
    padding: 0 !important
}

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

.block-header h2 small,
.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
}

.block-header {
    padding: 10px 15px
}

@media only screen and (max-width:767px) {
    .block-header .col-lg-5.col-md-6.col-sm-12 {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .block-header .right_icon_toggle_btn {
        display: none
    }
}

.block-header h2 {
    font-size: 22px;
    margin: 0 !important;
    font-weight: 700
}

@media only screen and (max-width:768px) {
    .block-header h2 {
        font-size: 18px
    }
}

.block-header h2 small {
    color: #666;
    display: block;
    margin-top: 8px
}

.block-header h2 small a {
    font-weight: 700;
    color: #777
}

.block-header .breadcrumb {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0);
    font-size: 14px
}

@media only screen and (max-width:768px) {
    .block-header .breadcrumb {
        font-size: 12px
    }

    .block-header .breadcrumb i {
        font-size: 14px
    }
}

.bg-red {
    background-color: #010043 !important;
    color: #fff
}

.bg-red .content .number,
.bg-red .content .text {
    color: #fff !important
}

.bg-pink {
    background-color: #ff4dab !important;
    color: #fff
}

.bg-pink .content .number,
.bg-pink .content .text {
    color: #fff !important
}

.bg-purple {
    background-color: #6f42c1 !important;
    color: #fff
}

.bg-purple .content .number,
.bg-purple .content .text {
    color: #fff !important
}

.bg-deep-purple {
    background-color: #673ab7 !important;
    color: #fff
}

.bg-deep-purple .content .number,
.bg-deep-purple .content .text {
    color: #fff !important
}

.bg-blue {
    background-color: #46b6fe !important;
    color: #fff
}

.bg-blue .content .number,
.bg-blue .content .text {
    color: #fff !important
}

.bg-cyan {
    background-color: #5cc5cd !important;
    color: #fff
}

.bg-cyan .content .number,
.bg-cyan .content .text {
    color: #fff !important
}

.bg-green {
    background-color: #04be5b !important;
    color: #fff
}

.bg-green .content .number,
.bg-green .content .text {
    color: #fff !important
}

.bg-light-green {
    background-color: #8bc34a !important;
    color: #fff
}

.bg-light-green .content .number,
.bg-light-green .content .text {
    color: #fff !important
}

.bg-yellow {
    background-color: #fdd932 !important;
    color: #fff
}

.bg-yellow .content .number,
.bg-yellow .content .text {
    color: #fff !important
}

.bg-orange {
    background-color: #ff9948 !important;
    color: #fff
}

.bg-orange .content .number,
.bg-orange .content .text {
    color: #fff !important
}

.bg-deep-orange {
    background-color: #f83600 !important;
    color: #fff
}

.bg-deep-orange .content .number,
.bg-deep-orange .content .text {
    color: #fff !important
}

.bg-grey {
    background-color: #9e9e9e !important;
    color: #fff
}

.bg-grey .content .number,
.bg-grey .content .text {
    color: #fff !important
}

.bg-blue-grey {
    background-color: #607d8b !important;
    color: #fff
}

.bg-blue-grey .content .number,
.bg-blue-grey .content .text {
    color: #fff !important
}

.bg-indigo {
    background-color: #98f !important;
    color: #fff
}

.bg-indigo .content .number,
.bg-indigo .content .text {
    color: #fff !important
}

.bg-light-blue {
    background-color: #03a9f4 !important;
    color: #fff
}

.bg-light-blue .content .number,
.bg-light-blue .content .text {
    color: #fff !important
}

.bg-teal {
    background-color: #009688 !important;
    color: #fff
}

.bg-teal .content .number,
.bg-teal .content .text {
    color: #fff !important
}

.bg-lime {
    background-color: #82c885 !important;
    color: #fff
}

.bg-lime .content .number,
.bg-lime .content .text {
    color: #fff !important
}

.bg-amber {
    background-color: #ffc107 !important;
    color: #fff
}

.bg-amber .content .number,
.bg-amber .content .text {
    color: #fff !important
}

.bg-brown {
    background-color: #795548 !important;
    color: #fff
}

.bg-brown .content .number,
.bg-brown .content .text {
    color: #fff !important
}

.bg-blush {
    background-color: #506D85 !important;
    color: #fff
}

.bg-blush .content .number,
.bg-blush .content .text {
    color: #fff !important
}

.bg-black {
    background-color: #000 !important;
    color: #fff
}

.bg-black .content .number,
.bg-black .content .text {
    color: #fff !important
}

.bg-white {
    background-color: #fff !important;
    color: #fff
}

.bg-white .content .number,
.bg-white .content .text {
    color: #fff !important
}

.col-red {
    color: #010043 !important
}

.col-pink {
    color: #ff4dab !important
}

.col-purple {
    color: #6f42c1 !important
}

.col-deep-purple {
    color: #673ab7 !important
}

.col-blue {
    color: #46b6fe !important
}

.col-cyan {
    color: #5cc5cd !important
}

.col-green {
    color: #04be5b !important
}

.col-light-green {
    color: #8bc34a !important
}

.col-yellow {
    color: #fdd932 !important
}

.col-orange {
    color: #ff9948 !important
}

.col-deep-orange {
    color: #f83600 !important
}

.col-grey {
    color: #9e9e9e !important
}

.col-blue-grey {
    color: #607d8b !important
}

.col-indigo {
    color: #98f !important
}

.col-light-blue {
    color: #03a9f4 !important
}

.col-teal {
    color: #009688 !important
}

.col-lime {
    color: #82c885 !important
}

.col-amber {
    color: #ffc107 !important
}

.col-brown {
    color: #795548 !important
}

.col-blush {
    color: #506D85 !important
}

.col-black {
    color: #000 !important
}

.col-white {
    color: #fff !important
}

.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-color-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 15px 0;
    text-align: center
}

.demo-color-box .color-name {
    font-size: 16px;
    margin-bottom: 5px
}

.demo-color-box .color-class-name,
.demo-color-box .color-code {
    font-size: 13px
}

.irs-demo {
    margin-bottom: 40px
}

.irs-demo .irs {
    margin-top: 15px
}

@media only screen and (max-width:767px) {
    .navbar .nav>li {
        display: inline-block
    }

    .navbar .navbar-nav .open .dropdown-menu {
        background-color: #fff;
        position: absolute
    }

    .navbar .dropdown-menu {
        right: -85px
    }

    .navbar .dropdown-menu::before {
        display: none
    }

    .dt-buttons {
        float: none !important;
        text-align: center;
        margin-bottom: 15px
    }
}

.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 {
    box-shadow: none;
    border: none;
    -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-target .noUi-active.noUi-handle {
    -webkit-box-shadow: 0 0 20px rgba(41, 42, 51, .5);
    -moz-box-shadow: 0 0 20px rgba(41, 42, 51, .5);
    -ms-box-shadow: 0 0 20px rgba(41, 42, 51, .5);
    box-shadow: 0 0 20px rgba(41, 42, 51, .5)
}

.noUi-target .range-label {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #0c7ce6;
    position: absolute;
    height: 30px;
    width: 30px;
    top: -17px;
    left: -2px;
    transition: border-radius .25s cubic-bezier(.215, .61, .355, 1), transform .25s cubic-bezier(.215, .61, .355, 1);
    transform: scale(.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)
}

.noUi-base {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    height: 15px;
    top: -6px
}

.noUi-origin {
    border-radius: 2px;
    position: absolute;
    right: 0;
    top: 6px;
    left: 0;
    bottom: 0
}

.noUi-handle {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    background: #0c7ce6;
    cursor: default;
    position: relative;
    z-index: 1;
    box-shadow: none
}

.noUi-handle:before {
    background: #bdbdbd;
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    background: #bdbdbd;
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    left: 14px;
    top: 6px;
    left: 17px
}

.noUi-handle:after,
.noUi-handle:before {
    content: none
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left .25s, top .25s;
    transition: left .25s, top .25s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal .noUi-handle {
    width: 15px;
    height: 15px;
    left: -10px;
    top: -7px;
    border: 0
}

.noUi-background {
    background: #eee;
    box-shadow: inset 0 1px 1px #eee
}

.noUi-connect {
    background: #0c7ce6;
    background-color: #0c7ce6;
    height: 1px;
    top: 6px;
    box-shadow: none;
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

[disabled] .noUi-connect,
[disabled].noUi-connect {
    background: #bdbdbd
}

[disabled] .noUi-handle,
[disabled].noUi-origin {
    cursor: not-allowed
}

.noUi-background {
    background-color: #bdbdbd;
    height: 1px;
    top: 6px;
    box-shadow: none
}

.range-label span {
    font-size: 12px;
    color: #fff;
    width: 100%;
    text-align: center;
    transform: rotate(45deg);
    opacity: 0;
    position: absolute;
    top: 7px;
    left: -1px;
    transition: opacity .25s cubic-bezier(.215, .61, .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: #292a33 !important;
    background-color: #eee !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
}

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

    .ms-container .ms-selectable,
    .ms-container .ms-selection {
        width: 100%
    }
}

.ms-container .ms-optgroup-label {
    padding: 5px 0 0 8px !important
}

.card {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    border: 0;
    position: relative;
    width: 100%;
    box-shadow: none;
    background: rgba(0, 0, 0, 0)
}

.card .card-inside-title {
    font-size: 15px;
    color: #000
}

.card .card-inside-title small {
    color: #999;
    font-size: 11px
}

.card .card-inside-title small a {
    color: #777;
    font-weight: 700
}

.card .bg-amber,
.card .bg-black,
.card .bg-blue,
.card .bg-blue-grey,
.card .bg-blush,
.card .bg-brown,
.card .bg-cyan,
.card .bg-deep-orange,
.card .bg-deep-purple,
.card .bg-green,
.card .bg-grey,
.card .bg-indigo,
.card .bg-light-blue,
.card .bg-light-green,
.card .bg-lime,
.card .bg-orange,
.card .bg-pink,
.card .bg-purple,
.card .bg-red,
.card .bg-teal,
.card .bg-yellow {
    border-bottom: none !important;
    color: #fff !important
}

.card .bg-amber .badge,
.card .bg-amber h2,
.card .bg-amber small,
.card .bg-black .badge,
.card .bg-black h2,
.card .bg-black small,
.card .bg-blue .badge,
.card .bg-blue h2,
.card .bg-blue small,
.card .bg-blue-grey .badge,
.card .bg-blue-grey h2,
.card .bg-blue-grey small,
.card .bg-blush .badge,
.card .bg-blush h2,
.card .bg-blush small,
.card .bg-brown .badge,
.card .bg-brown h2,
.card .bg-brown small,
.card .bg-cyan .badge,
.card .bg-cyan h2,
.card .bg-cyan small,
.card .bg-deep-orange .badge,
.card .bg-deep-orange h2,
.card .bg-deep-orange small,
.card .bg-deep-purple .badge,
.card .bg-deep-purple h2,
.card .bg-deep-purple small,
.card .bg-green .badge,
.card .bg-green h2,
.card .bg-green small,
.card .bg-grey .badge,
.card .bg-grey h2,
.card .bg-grey small,
.card .bg-indigo .badge,
.card .bg-indigo h2,
.card .bg-indigo small,
.card .bg-light-blue .badge,
.card .bg-light-blue h2,
.card .bg-light-blue small,
.card .bg-light-green .badge,
.card .bg-light-green h2,
.card .bg-light-green small,
.card .bg-lime .badge,
.card .bg-lime h2,
.card .bg-lime small,
.card .bg-orange .badge,
.card .bg-orange h2,
.card .bg-orange small,
.card .bg-pink .badge,
.card .bg-pink h2,
.card .bg-pink small,
.card .bg-purple .badge,
.card .bg-purple h2,
.card .bg-purple small,
.card .bg-red .badge,
.card .bg-red h2,
.card .bg-red small,
.card .bg-teal .badge,
.card .bg-teal h2,
.card .bg-teal small,
.card .bg-yellow .badge,
.card .bg-yellow h2,
.card .bg-yellow small {
    background-color: #fff;
    color: #444
}

.card .header {
    color: #444;
    padding: 0 0 10px 0;
    position: relative;
    box-shadow: none
}

.card .header .header-dropdown {
    position: absolute;
    top: 14px;
    right: 0;
    list-style: none
}

.card .header .header-dropdown li a {
    padding: 5px 10px
}

.card .header .header-dropdown li .dropdown-menu {
    padding: 5px;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    top: 30px !important
}

.card .header .header-dropdown li .dropdown-menu li {
    display: block !important
}

.card .header .header-dropdown li .dropdown-menu li a {
    padding: 5px 10px
}

.card .header .header-dropdown i {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-size: 20px;
    color: #999
}

.card .header .header-dropdown i:hover {
    color: #000
}

.card .header h2 {
    font-size: 15px;
    color: #777;
    text-transform: uppercase;
    position: relative
}

@media only screen and (max-width:640px) {
    .card .header h2 {
        max-width: 80%
    }
}

.card .header h2 small {
    font-size: 13px;
    color: #999;
    text-transform: initial;
    line-height: 15px
}

.card .header h2 small a {
    font-weight: 700;
    color: #777
}

.card .p-15 {
    padding: 15px !important
}

.card .body {
    font-weight: 400;
    border-radius: .35rem;
    background: #fff;
    font-size: 14px;
    color: #222;
    padding: 20px;
}

@media only screen and (max-width:767px) {
    .card .body {
        padding: 15px
    }
}

.info-box {
    background-color: #fff;
    height: 80px;
    display: flex;
    cursor: default;
    position: relative;
    overflow: hidden
}

.info-box .icon {
    display: inline-block;
    text-align: center;
    background-color: rgba(41, 42, 51, .12);
    width: 80px
}

.info-box .icon i {
    color: #fff;
    font-size: 30px;
    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: 13px;
    color: #444;
    margin-top: 11px
}

.info-box .content .number {
    font-size: 26px;
    font-weight: 400;
    color: #444
}

.info-box.hover-zoom-effect .icon {
    overflow: hidden
}

.info-box.hover-zoom-effect .icon i {
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.info-box.hover-zoom-effect:hover .icon i {
    opacity: .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 {
    -moz-transition: all .95s;
    -o-transition: all .95s;
    -webkit-transition: all .95s;
    transition: all .95s;
    background-color: rgba(41, 42, 51, .05);
    content: ".";
    position: absolute;
    left: 80px;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent
}

.info-box.hover-expand-effect:hover:after {
    width: 100%
}

.info-box-2 {
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    text-align: center;
    min-height: 150px
}

.info-box-2 .icon {
    display: inline-block
}

.info-box-2 .icon i {
    font-size: 30px;
    color: #fff;
    line-height: 70px
}

.info-box-2 .chart.chart-bar,
.info-box-2 .chart.chart-line,
.info-box-2 .chart.chart-pie {
    height: 100%
}

.info-box-2 .chart.chart-bar canvas,
.info-box-2 .chart.chart-line canvas,
.info-box-2 .chart.chart-pie canvas {
    vertical-align: baseline !important
}

.info-box-2 .content {
    display: inline-block;
    padding: 7px 10px
}

.info-box-2 .content .text {
    font-size: 14px;
    color: #444
}

.info-box-2 .content .number {
    font-size: 26px;
    font-weight: 400;
    color: #444
}

.info-box-2.hover-zoom-effect .icon {
    overflow: hidden
}

.info-box-2.hover-zoom-effect .icon i {
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.info-box-2.hover-zoom-effect:hover .icon i {
    opacity: .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 {
    -moz-transition: all .95s;
    -o-transition: all .95s;
    -webkit-transition: all .95s;
    transition: all .95s;
    background-color: rgba(41, 42, 51, .05);
    content: ".";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent
}

.info-box-2.hover-expand-effect:hover:after {
    width: 100%
}

.notify {
    position: absolute;
    top: 20px;
    right: 18px
}

.notify .heartbit {
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    border-radius: 70px;
    position: absolute;
    top: -20px;
    right: -16px;
    height: 25px;
    width: 25px;
    z-index: 10;
    border: 4px solid;
    border-color: #3d4c5a;
    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 {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    width: 6px;
    height: 6px;
    background-color: #3d4c5a;
    position: absolute;
    right: -6px;
    top: -10px
}

@-moz-keyframes heartbit {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }

    25% {
        -moz-transform: scale(.1);
        opacity: .1
    }

    50% {
        -moz-transform: scale(.5);
        opacity: .3
    }

    75% {
        -moz-transform: scale(.8);
        opacity: .5
    }

    100% {
        -moz-transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes heartbit {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(.1);
        opacity: .1
    }

    50% {
        -webkit-transform: scale(.5);
        opacity: .3
    }

    75% {
        -webkit-transform: scale(.8);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@-ms-keyframes heartbit {
    0% {
        -ms-transform: scale(0);
        opacity: 0
    }

    25% {
        -ms-transform: scale(.1);
        opacity: .1
    }

    50% {
        -ms-transform: scale(.5);
        opacity: .3
    }

    75% {
        -ms-transform: scale(.8);
        opacity: .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 {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    padding: 5px 20px !important
}

.dtp div.dtp-date,
.dtp div.dtp-time {
    background: #1cbfd0
}

.dtp>.dtp-content {
    border-radius: .35rem;
    overflow: hidden
}

.dtp>.dtp-content>.dtp-date-view>header.dtp-header {
    background: #1cbfd0
}

.dtp .dtp-buttons {
    text-align: center
}

.dtp .dtp-buttons .dtp-btn-ok {
    margin-left: 10px
}

.dtp .dtp-buttons .dtp-btn-clear {
    margin-right: 10px !important
}

.dtp .p10>a {
    color: #fff !important
}

.dtp div.dtp-actual-year {
    font-size: 1.5em;
    color: #fff
}

.dtp table.dtp-picker-days tr td a.selected {
    background: #1cbfd0;
    color: #fff
}

.dtp .dtp-close a {
    color: #fff !important
}

.bootstrap-select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    box-shadow: none !important
}

.bootstrap-select>.dropdown-toggle {
    border: 1px solid #ced4da;
    padding: .375rem .75rem;
    height: calc(2.25rem + 2px);
    font-size: 15px;
    line-height: 26px;
    margin: 0
}

.bootstrap-select>.dropdown-toggle:after {
    right: 10px;
    position: absolute;
    top: 17px
}

.bootstrap-select .dropdown-menu.show .dropdown-menu.inner {
    display: block
}

.bootstrap-select .dropdown-menu.show .hidden {
    display: none
}

.bootstrap-select .dropdown-toggle:active,
.bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important
}

.bootstrap-select .btn.btn-round.btn-simple .filter-option {
    font-size: 14px
}

.bootstrap-select .bs-actionsbox,
.bootstrap-select .bs-donebutton,
.bootstrap-select .bs-searchbox {
    padding: 0 0 5px 0;
    border-bottom: 1px solid #eee
}

.bootstrap-select .bs-searchbox {
    position: relative;
    padding: 10px
}

.bootstrap-select .bs-searchbox:after {
    font-size: 20px;
    content: "\f1c3";
    font-family: 'DIN Pro', sans-serif;
    position: absolute;
    top: 14px;
    right: 20px
}

.bootstrap-select ul.dropdown-menu {
    margin-top: 0 !important
}

.bootstrap-select .dropdown-menu li.selected a {
    background-color: #eee !important;
    color: #777 !important
}

.bootstrap-select .dropdown-menu .active a {
    background-color: rgba(0, 0, 0, 0);
    color: #444 !important
}

.bootstrap-select .dropdown-menu .notify {
    background-color: #010043 !important;
    color: #fff !important;
    border: none !important
}

.select2-container .select2-choice {
    border: none;
    background-image: none;
    box-shadow: none;
    padding: 0;
    margin: 0
}

.select2-container .select2-choice:active,
.select2-container .select2-choice:focus,
.select2-container .select2-choice:hover {
    box-shadow: none !important;
    border: 0 !important
}

.select2-container .select2-choice .select2-arrow {
    border-left: none;
    background-image: none;
    background: 0 0
}

.select2-container.select2-dropdown-open .select2-choice {
    background: 0 0;
    box-shadow: none !important
}

.select2-drop {
    border-radius: 0;
    border: 0 !important
}

.select2-container-multi .select2-choices {
    border: 0 !important;
    padding: 0;
    margin: 0;
    background-image: none;
    box-shadow: none !important
}

.select2-container-multi .select2-choices:active,
.select2-container-multi .select2-choices:focus,
.select2-container-multi .select2-choices:hover {
    box-shadow: none !important;
    border: none;
    border: 0 !important
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 0
}

.rating {
    display: inline-block;
    position: relative
}

.rating label {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    cursor: pointer
}

.rating label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.rating label input:focus:not(:checked)~.icon:last-child {
    color: #292a33;
    text-shadow: 0 0 5px #0c7ce6
}

.rating label .icon {
    color: transparent
}

.rating label .icon i {
    font-size: 32px
}

.rating label:last-child {
    position: static
}

.rating label:last-child .icon {
    color: #292a33
}

.rating label:nth-child(1) {
    z-index: 5
}

.rating label:nth-child(2) {
    z-index: 4
}

.rating label:nth-child(3) {
    z-index: 3
}

.rating label:nth-child(4) {
    z-index: 2
}

.rating label:nth-child(5) {
    z-index: 1
}

.rating:hover label:hover input~.icon,
.rating:not(:hover) label input:checked~.icon {
    color: #0c7ce6
}

.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(41, 42, 51, .08)
}

.popover .popover-title {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    font-weight: 700;
    background-color: #eee;
    border-bottom: 1px solid #bdbdbd
}

.popover .popover-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    font-size: 13px;
    color: #777
}

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

@media only screen and (min-width:993px) {

    .collapse.collapse-sm,
    .collapse.collapse-xs {
        display: block
    }
}

.panel-group .panel-col-red {
    border: 1px solid #010043
}

.panel-group .panel-col-red .panel-title {
    background-color: #010043 !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-red .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-pink {
    border: 1px solid #ff4dab
}

.panel-group .panel-col-pink .panel-title {
    background-color: #ff4dab !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-pink .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-purple {
    border: 1px solid #6f42c1
}

.panel-group .panel-col-purple .panel-title {
    background-color: #6f42c1 !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-purple .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-deep-purple {
    border: 1px solid #673ab7
}

.panel-group .panel-col-deep-purple .panel-title {
    background-color: #673ab7 !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-deep-purple .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-blue {
    border: 1px solid #46b6fe
}

.panel-group .panel-col-blue .panel-title {
    background-color: #46b6fe !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-blue .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-cyan {
    border: 1px solid #5cc5cd
}

.panel-group .panel-col-cyan .panel-title {
    background-color: #5cc5cd !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-cyan .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-green {
    border: 1px solid #04be5b
}

.panel-group .panel-col-green .panel-title {
    background-color: #04be5b !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-green .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-light-green {
    border: 1px solid #8bc34a
}

.panel-group .panel-col-light-green .panel-title {
    background-color: #8bc34a !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-light-green .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-yellow {
    border: 1px solid #fdd932
}

.panel-group .panel-col-yellow .panel-title {
    background-color: #fdd932 !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-yellow .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-orange {
    border: 1px solid #ff9948
}

.panel-group .panel-col-orange .panel-title {
    background-color: #ff9948 !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-orange .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-deep-orange {
    border: 1px solid #f83600
}

.panel-group .panel-col-deep-orange .panel-title {
    background-color: #f83600 !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-deep-orange .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-grey {
    border: 1px solid #9e9e9e
}

.panel-group .panel-col-grey .panel-title {
    background-color: #9e9e9e !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-grey .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-blue-grey {
    border: 1px solid #607d8b
}

.panel-group .panel-col-blue-grey .panel-title {
    background-color: #607d8b !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-blue-grey .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-indigo {
    border: 1px solid #98f
}

.panel-group .panel-col-indigo .panel-title {
    background-color: #98f !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-indigo .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-light-blue {
    border: 1px solid #03a9f4
}

.panel-group .panel-col-light-blue .panel-title {
    background-color: #03a9f4 !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-light-blue .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-teal {
    border: 1px solid #009688
}

.panel-group .panel-col-teal .panel-title {
    background-color: #009688 !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-teal .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-lime {
    border: 1px solid #82c885
}

.panel-group .panel-col-lime .panel-title {
    background-color: #82c885 !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-lime .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-amber {
    border: 1px solid #ffc107
}

.panel-group .panel-col-amber .panel-title {
    background-color: #ffc107 !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-amber .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-brown {
    border: 1px solid #795548
}

.panel-group .panel-col-brown .panel-title {
    background-color: #795548 !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-brown .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-blush {
    border: 1px solid #506D85
}

.panel-group .panel-col-blush .panel-title {
    background-color: #506D85 !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-blush .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-black {
    border: 1px solid #000
}

.panel-group .panel-col-black .panel-title {
    background-color: #000 !important;
    color: #fff;
    margin: 0
}

.panel-group .panel-col-black .panel-body {
    border-top-color: transparent !important
}

.panel-group .panel-col-white {
    border: 1px solid #fff
}

.panel-group .panel-col-white .panel-title {
    background-color: #fff !important;
    color: #fff;
    margin: 0
}

.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: 1px
}

.panel-group .panel .panel-title {
    font-size: 16px;
    font-weight: 400;
    margin: 0
}

.panel-group .panel .panel-title a {
    color: inherit
}

.panel-group .panel .panel-heading {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding: 0
}

.panel-group .panel .panel-heading a {
    display: block;
    padding: 10px;
}

.panel-group .panel .panel-heading a:active,
.panel-group .panel .panel-heading a:focus,
.panel-group .panel .panel-heading a:hover {
    text-decoration: none
}

.panel-group .panel .panel-body {
    padding: 20px
}

.panel-group .panel-primary .panel-title {
    background-color: #f7f7f7;
    font-size: 16px;
    border-bottom: 1px solid #f0f0f0;
    color: #777;
    font-weight: 400;
    margin: 0
}

.panel-group .panel-success .panel-title {
    background-color: #04be5b;
    color: #fff
}

.panel-group .panel-warning .panel-title {
    background-color: #ff9948;
    color: #fff
}

.panel-group .panel-danger .panel-title {
    background-color: #010043;
    color: #fff
}

.full-body .panel-col-red .panel-body {
    border-top-color: #fff !important;
    background-color: #010043;
    color: #fff
}

.full-body .panel-col-pink .panel-body {
    border-top-color: #fff !important;
    background-color: #ff4dab;
    color: #fff
}

.full-body .panel-col-purple .panel-body {
    border-top-color: #fff !important;
    background-color: #6f42c1;
    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: #46b6fe;
    color: #fff
}

.full-body .panel-col-cyan .panel-body {
    border-top-color: #fff !important;
    background-color: #5cc5cd;
    color: #fff
}

.full-body .panel-col-green .panel-body {
    border-top-color: #fff !important;
    background-color: #04be5b;
    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: #fdd932;
    color: #fff
}

.full-body .panel-col-orange .panel-body {
    border-top-color: #fff !important;
    background-color: #ff9948;
    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: #98f;
    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: #82c885;
    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: #506D85;
    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: #46b6fe;
    color: #fff
}

.full-body .panel-success .panel-body {
    border-top-color: #fff !important;
    background-color: #04be5b;
    color: #fff
}

.full-body .panel-warning .panel-body {
    border-top-color: #fff !important;
    background-color: #ff9948;
    color: #fff
}

.full-body .panel-danger .panel-body {
    border-top-color: #fff !important;
    background-color: #010043;
    color: #fff
}

.progress {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    background: #f7f7f7;
    height: auto;
    overflow: visible
}

.progress .progress-bar {
    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
    background-color: #46b6fe;
    line-height: 8px;
    height: 8px
}

.progress .progress-bar.lg {
    height: 15px;
    line-height: 15px;
    font-size: 10px
}

.progress .progress-bar.sm {
    height: 5px
}

.progress .progress-bar.xsm {
    height: 2px
}

.progress .progress-bar-success {
    background-color: #04be5b
}

.progress .progress-bar-info {
    background-color: #1cbfd0
}

.progress .progress-bar-warning {
    background-color: #ff9948
}

.progress .progress-bar-danger {
    background-color: #010043
}

.irs .irs-from,
.irs .irs-max,
.irs .irs-min,
.irs .irs-single,
.irs .irs-to {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.colorpicker {
    z-index: 99
}

.colorpicker:after,
.colorpicker:before {
    display: none !important
}

.colorpicker.colorpicker-with-alpha {
    max-width: max-content
}

.dropzone {
    border: 2px solid transparent !important;
    background-color: #eee !important
}

.dz-drag-hover {
    border: 2px dashed #999 !important
}

.badge {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-size: 10px;
    background-color: rgba(0, 0, 0, 0);
    border: #f0f0f0;
    padding: 3px 7px;
    margin-bottom: 3px;
    line-height: 11px
}

.badge-icon {
    padding: .4em .55em
}

.badge-icon i {
    font-size: .8em
}

.badge-default {
    background: #888;
    color: #fff
}

.badge-primary {
    background: #0c7ce6;
    color: #fff
}

.badge-info {
    background: #1cbfd0;
    color: #fff
}

.badge-success {
    background: #04be5b;
    color: #fff
}

.badge-warning {
    background: #ff9948;
    color: #fff
}

.badge-danger {
    background: #010043;
    color: #fff
}

.badge-neutral {
    background: #fff;
    color: #fff
}

.list-group-item {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 0
}

.list-group .active {
    background-color: #0c7ce6;
    border-color: #0c7ce6
}

.list-group .active:active,
.list-group .active:focus,
.list-group .active:hover {
    background-color: #0c7ce6;
    border-color: #0c7ce6
}

.list-group .active .list-group-item-text {
    font-size: 13px;
    color: #cfd8dc
}

.list-group .active .list-group-item-text:active,
.list-group .active .list-group-item-text:focus,
.list-group .active .list-group-item-text:hover {
    color: #cfd8dc
}

.list-group .list-group-item.active:active .list-group-item-text,
.list-group .list-group-item.active:focus .list-group-item-text,
.list-group .list-group-item.active:hover .list-group-item-text {
    color: #cfd8dc
}

.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-size: 17px;
    font-weight: 700
}

.list-group .list-group-item-success {
    background-color: #04be5b;
    color: #fff;
    border: none
}

.list-group .list-group-item-success:focus,
.list-group .list-group-item-success:hover {
    background-color: #04be5b;
    color: #fff;
    opacity: .8
}

.list-group .list-group-item-info {
    background-color: #1cbfd0;
    color: #fff;
    border: none
}

.list-group .list-group-item-info:focus,
.list-group .list-group-item-info:hover {
    background-color: #1cbfd0;
    color: #fff;
    opacity: .8
}

.list-group .list-group-item-warning {
    background-color: #ff9948;
    color: #fff;
    border: none
}

.list-group .list-group-item-warning:focus,
.list-group .list-group-item-warning:hover {
    background-color: #ff9948;
    color: #fff;
    opacity: .8
}

.list-group .list-group-item-danger {
    background-color: #010043;
    color: #fff;
    border: none
}

.list-group .list-group-item-danger:focus,
.list-group .list-group-item-danger:hover {
    background-color: #010043;
    color: #fff;
    opacity: .8
}

.list-group .pl-red {
    stroke: #010043
}

.list-group .list-group-bg-red {
    background-color: #010043 !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-red:focus,
.list-group .list-group-bg-red:hover {
    background-color: #010043 !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-pink {
    stroke: #ff4dab
}

.list-group .list-group-bg-pink {
    background-color: #ff4dab !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-pink:focus,
.list-group .list-group-bg-pink:hover {
    background-color: #ff4dab !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-purple {
    stroke: #6f42c1
}

.list-group .list-group-bg-purple {
    background-color: #6f42c1 !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-purple:focus,
.list-group .list-group-bg-purple:hover {
    background-color: #6f42c1 !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-deep-purple {
    stroke: #673ab7
}

.list-group .list-group-bg-deep-purple {
    background-color: #673ab7 !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-deep-purple:focus,
.list-group .list-group-bg-deep-purple:hover {
    background-color: #673ab7 !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-blue {
    stroke: #46b6fe
}

.list-group .list-group-bg-blue {
    background-color: #46b6fe !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-blue:focus,
.list-group .list-group-bg-blue:hover {
    background-color: #46b6fe !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-cyan {
    stroke: #5cc5cd
}

.list-group .list-group-bg-cyan {
    background-color: #5cc5cd !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-cyan:focus,
.list-group .list-group-bg-cyan:hover {
    background-color: #5cc5cd !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-green {
    stroke: #04be5b
}

.list-group .list-group-bg-green {
    background-color: #04be5b !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-green:focus,
.list-group .list-group-bg-green:hover {
    background-color: #04be5b !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-light-green {
    stroke: #8bc34a
}

.list-group .list-group-bg-light-green {
    background-color: #8bc34a !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-light-green:focus,
.list-group .list-group-bg-light-green:hover {
    background-color: #8bc34a !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-yellow {
    stroke: #fdd932
}

.list-group .list-group-bg-yellow {
    background-color: #fdd932 !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-yellow:focus,
.list-group .list-group-bg-yellow:hover {
    background-color: #fdd932 !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-orange {
    stroke: #ff9948
}

.list-group .list-group-bg-orange {
    background-color: #ff9948 !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-orange:focus,
.list-group .list-group-bg-orange:hover {
    background-color: #ff9948 !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-deep-orange {
    stroke: #f83600
}

.list-group .list-group-bg-deep-orange {
    background-color: #f83600 !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-deep-orange:focus,
.list-group .list-group-bg-deep-orange:hover {
    background-color: #f83600 !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-grey {
    stroke: #9e9e9e
}

.list-group .list-group-bg-grey {
    background-color: #9e9e9e !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-grey:focus,
.list-group .list-group-bg-grey:hover {
    background-color: #9e9e9e !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-blue-grey {
    stroke: #607d8b
}

.list-group .list-group-bg-blue-grey {
    background-color: #607d8b !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-blue-grey:focus,
.list-group .list-group-bg-blue-grey:hover {
    background-color: #607d8b !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-indigo {
    stroke: #98f
}

.list-group .list-group-bg-indigo {
    background-color: #98f !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-indigo:focus,
.list-group .list-group-bg-indigo:hover {
    background-color: #98f !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-light-blue {
    stroke: #03a9f4
}

.list-group .list-group-bg-light-blue {
    background-color: #03a9f4 !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-light-blue:focus,
.list-group .list-group-bg-light-blue:hover {
    background-color: #03a9f4 !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-teal {
    stroke: #009688
}

.list-group .list-group-bg-teal {
    background-color: #009688 !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-teal:focus,
.list-group .list-group-bg-teal:hover {
    background-color: #009688 !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-lime {
    stroke: #82c885
}

.list-group .list-group-bg-lime {
    background-color: #82c885 !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-lime:focus,
.list-group .list-group-bg-lime:hover {
    background-color: #82c885 !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-amber {
    stroke: #ffc107
}

.list-group .list-group-bg-amber {
    background-color: #ffc107 !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-amber:focus,
.list-group .list-group-bg-amber:hover {
    background-color: #ffc107 !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-brown {
    stroke: #795548
}

.list-group .list-group-bg-brown {
    background-color: #795548 !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-brown:focus,
.list-group .list-group-bg-brown:hover {
    background-color: #795548 !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-blush {
    stroke: #506D85
}

.list-group .list-group-bg-blush {
    background-color: #506D85 !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-blush:focus,
.list-group .list-group-bg-blush:hover {
    background-color: #506D85 !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-black {
    stroke: #000
}

.list-group .list-group-bg-black {
    background-color: #000 !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-black:focus,
.list-group .list-group-bg-black:hover {
    background-color: #000 !important;
    color: #fff;
    opacity: .8
}

.list-group .pl-white {
    stroke: #fff
}

.list-group .list-group-bg-white {
    background-color: #fff !important;
    border: none;
    color: #fff
}

.list-group .list-group-bg-white:focus,
.list-group .list-group-bg-white:hover {
    background-color: #fff !important;
    color: #fff;
    opacity: .8
}

.media .media-body {
    color: #666;
    font-size: 14px
}

.media .media-body .media-heading {
    font-size: 16px;
    font-weight: 700;
    color: #222
}

.media.mright .media-body {
    text-align: right
}

.media.media-middle {
    align-items: center
}

.media.media-bottom {
    align-items: flex-end
}

.wizard .content {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    min-height: 245px;
    overflow-y: auto;
    background: 0 0;
    border: 1px solid #f0f0f0
}

.wizard .content .body {
    padding: 15px
}

.wizard .content .body label.error {
    font-size: 12px;
    color: #010043
}

.wizard .content .body input[type=checkbox] {
    display: none
}

.wizard .actions {
    position: relative;
    width: 100%;
    margin-top: 10px !important
}

.wizard .actions ul>li {
    float: left;
    margin: 0 !important
}

.wizard .actions a {
    background: #0c7ce6;
    color: #fff;
    text-decoration: none
}

.wizard .actions a:active,
.wizard .actions a:hover {
    color: #fff;
    text-decoration: none
}

.wizard .actions .disabled a {
    background: #f0f0f0;
    color: #bdbdbd
}

.wizard .actions .disabled a:active,
.wizard .actions .disabled a:hover {
    background: #f0f0f0;
    color: #bdbdbd
}

.wizard .steps {
    position: relative;
    width: 100%;
    margin-bottom: 2px
}

.wizard .steps a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    width: auto;
    margin: 0 2px 0 0;
    padding: 10px;
    text-decoration: none
}

.wizard .steps a:active,
.wizard .steps a:hover {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    width: auto;
    margin: 0 2px 0 0;
    padding: 10px;
    text-decoration: none
}

.wizard .steps .number {
    font-size: 15px
}

.wizard .steps .disabled a {
    background: #f0f0f0;
    color: #bdbdbd;
    cursor: default
}

.wizard .steps .disabled a:active,
.wizard .steps .disabled a:hover {
    background: #f0f0f0;
    color: #bdbdbd;
    cursor: default
}

.wizard .steps .current a {
    background: #1cbfd0;
    color: #fff;
    cursor: default
}

.wizard .steps .current a:active,
.wizard .steps .current a:hover {
    color: #fff;
    cursor: default
}

.wizard .steps .done a {
    background: #1cbfd0;
    color: #fff;
    opacity: .5
}

.wizard .steps .done a:active,
.wizard .steps .done a:hover {
    color: #fff;
    opacity: .7
}

.wizard .steps>ul>li {
    width: 25%;
    float: left
}

.wizard .steps>ul>li:last-child a {
    margin: 0
}

.wizard.vertical>.steps {
    float: left;
    width: 30%
}

.wizard.vertical>.steps>ul>li {
    float: none;
    width: 100%
}

.wizard.vertical>.steps>ul>li a {
    margin: 0 0 2px 0
}

.wizard.vertical>.content {
    float: left;
    width: 70%;
    margin: 0
}

.wizard.vertical>.actions {
    float: right;
    width: 100%;
    margin: 0
}

.wizard_validation .wizard .steps>ul>li {
    width: auto !important
}

@media screen and (max-width:767px) {
    .wizard>.steps>ul>li {
        width: 100%;
        margin-bottom: 2px
    }

    .wizard>.steps a {
        margin: 0
    }

    .wizard.wizard.vertical>.content,
    .wizard.wizard.vertical>.steps {
        width: 100%;
        padding: 0
    }

    .wizard_validation .wizard .steps>ul>li {
        width: 100% !important
    }
}

.waves-effect.waves-red .waves-ripple {
    background: rgba(238, 37, 88, .5)
}

.waves-effect.waves-pink .waves-ripple {
    background: rgba(255, 77, 171, .5)
}

.waves-effect.waves-purple .waves-ripple {
    background: rgba(111, 66, 193, .5)
}

.waves-effect.waves-deep-purple .waves-ripple {
    background: rgba(103, 58, 183, .5)
}

.waves-effect.waves-blue .waves-ripple {
    background: rgba(70, 182, 254, .5)
}

.waves-effect.waves-cyan .waves-ripple {
    background: rgba(92, 197, 205, .5)
}

.waves-effect.waves-green .waves-ripple {
    background: rgba(4, 190, 91, .5)
}

.waves-effect.waves-light-green .waves-ripple {
    background: rgba(139, 195, 74, .5)
}

.waves-effect.waves-yellow .waves-ripple {
    background: rgba(253, 217, 50, .5)
}

.waves-effect.waves-orange .waves-ripple {
    background: rgba(255, 153, 72, .5)
}

.waves-effect.waves-deep-orange .waves-ripple {
    background: rgba(248, 54, 0, .5)
}

.waves-effect.waves-grey .waves-ripple {
    background: rgba(158, 158, 158, .5)
}

.waves-effect.waves-blue-grey .waves-ripple {
    background: rgba(96, 125, 139, .5)
}

.waves-effect.waves-indigo .waves-ripple {
    background: rgba(153, 136, 255, .5)
}

.waves-effect.waves-light-blue .waves-ripple {
    background: rgba(3, 169, 244, .5)
}

.waves-effect.waves-teal .waves-ripple {
    background: rgba(0, 150, 136, .5)
}

.waves-effect.waves-lime .waves-ripple {
    background: rgba(130, 200, 133, .5)
}

.waves-effect.waves-amber .waves-ripple {
    background: rgba(255, 193, 7, .5)
}

.waves-effect.waves-brown .waves-ripple {
    background: rgba(121, 85, 72, .5)
}

.waves-effect.waves-blush .waves-ripple {
    background: rgba(228, 114, 151, .5)
}

.waves-effect.waves-black .waves-ripple {
    background: rgba(0, 0, 0, .5)
}

.waves-effect.waves-white .waves-ripple {
    background: rgba(255, 255, 255, .5)
}

.dropdown-menu {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 10px 50px 0 rgba(41, 42, 51, .2);
    border: none;
    top: 50px;
    right: 0;
    left: auto;
    padding: 0;
    margin: 0
}

.dropdown-menu .dropdown-item {
    font-size: 14px;
    padding: 8px 18px
}

.dropdown-menu .divider {
    margin: 1px 0;
    border-bottom: 1px solid #eee
}

.dropdown-menu .header {
    font-weight: 600;
    /* border-bottom: 1px solid #eee; */
    min-width: 280px;
    padding: 15px
}

.dropdown-menu ul.menu .icon-circle {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    width: 36px;
    height: 36px
}

.dropdown-menu ul.menu .icon-circle i {
    line-height: 36px
}

.dropdown-menu ul.menu li a {
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    display: flex;
    padding: 13px 15px;
    text-decoration: none
}

.dropdown-menu ul.menu li a:hover {
    background-color: #eee
}

.dropdown-menu ul.menu .menu-info h4 {
    font-size: 14px;
    color: #444
}

.dropdown-menu ul.menu .menu-info p {
    font-size: 11px
}

.dropdown-menu ul.menu .menu-info p i {
    font-size: 12px;
    position: relative
}

.dropdown-menu .footer {
    padding: 0
}

.dropdown-menu .footer a {
    /* border-top: 1px solid #eee */
}

.dropdown-menu>li>a {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #777;
    font-size: 14px;
    padding: 7px 18px;
    line-height: 25px
}

.dropdown-menu>li>a:hover {
    background-color: rgba(41, 42, 51, .1);
    color: #222;
    text-decoration: none
}

.dropdown .dropdown-toggle:after {
    display: none
}

.dd {
    font-size: 13px;
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 20px
}

.dd .dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none
}

.dd .dd-list .dd-list {
    padding-left: 30px
}

.dd-item {
    font-size: 13px;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    line-height: 20px
}

.dd-item button[data-action=collapse]:before {
    content: "-"
}

.dd-item>button {
    font-size: 18px;
    font-weight: 700;
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 26px;
    margin: 6px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: 0 0;
    line-height: 1;
    text-align: center
}

.dd-item>button:before {
    content: "+";
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0
}

.dd-collapsed .dd-list {
    display: none
}

.dd-handle {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #444;
    font-weight: 700;
    border: 1px solid #f0f0f0;
    display: block;
    margin: 5px 0;
    padding: 8px 15px;
    text-decoration: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dd-handle:hover {
    border-color: #0c7ce6;
    color: #0c7ce6
}

.dd-handle.dd3-handle {
    background: #0c7ce6;
    position: absolute;
    margin: 0;
    left: 1px;
    top: 1px;
    height: 34px;
    width: 34px;
    cursor: move;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.dd-handle.dd3-handle:before {
    content: "≡";
    color: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    width: 100%;
    text-align: center;
    text-indent: 0;
    font-weight: 400
}

.dd-handle.dd3-handle:hover {
    background: #fff
}

.dd-empty,
.dd-placeholder {
    font-size: 13px;
    display: block;
    position: relative;
    margin: 5px 0;
    padding: 0;
    min-height: 20px;
    line-height: 20px;
    background: #f7f7f7;
    border: 1px dashed #90a4ae;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    -ms-background-size: 60px 60px;
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999
}

.dd-dragel>.dd-item .dd-handle {
    margin-top: 0
}

.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(41, 42, 51, .1);
    -moz-box-shadow: 2px 4px 6px 0 rgba(41, 42, 51, .1);
    -ms-box-shadow: 2px 4px 6px 0 rgba(41, 42, 51, .1);
    box-shadow: 2px 4px 6px 0 rgba(41, 42, 51, .1)
}

.dd-dragel>.dd3-item>.dd3-content {
    margin: 0
}

.nestable-lists {
    display: block;
    clear: both;
    padding: 30px 0;
    width: 100%;
    border: 0;
    border-top: 2px solid #bdbdbd;
    border-bottom: 2px solid #bdbdbd
}

#nestable-menu {
    padding: 0;
    margin: 20px 0
}

.dd-hover>.dd-handle {
    background: #2ea8e5 !important
}

.dd3-item .dd3-content {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    display: block;
    margin: 7px 0;
    padding: 7px 10px 7px 40px;
    text-decoration: none;
    font-weight: 700;
    border: 1px solid #eee;
    background: #f0f0f0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default
}

.dd3-item .dd3-content:hover {
    border-color: #0c7ce6
}

.dd3-item>button {
    margin-left: 36px
}

.nestable-dark-theme .dd-handle {
    color: #fff;
    background: #292a33
}

.nestable-dark-theme .dd-handle:hover {
    border-color: #0c7ce6;
    background: #0c7ce6
}

.nestable-dark-theme .dd-item>button:before {
    color: #fff
}

.event_list .e_list {
    border-bottom: 1px solid #eee;
    display: inline-block;
    width: 100%
}

.event_list .e_list .e_name {
    font-size: 17px;
    line-height: 18px
}

.event_list .e_list address {
    font-size: 13px;
    color: #999;
    margin: 0
}

.event_list .e_list address i {
    font-size: 14px
}

.event-control {
    background-color: #f0f0f0;
    font-size: 13px;
    cursor: pointer
}

.event-control:hover {
    background-color: #fff
}

.event-control a {
    color: #000;
    cursor: pointer;
    opacity: .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 .fc-button {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: none;
    box-shadow: none;
    text-shadow: none;
    margin: 0
}

.fc .fc-toolbar .fc-button.fc-state-active,
.fc .fc-toolbar .fc-button:hover {
    background: #46b6fe;
    color: #fff
}

.fc .fc-toolbar h2 {
    margin: 0;
    font-size: 18px
}

@media only screen and (max-width:767px) {
    .fc .fc-toolbar .fc-left {
        margin-bottom: 10px
    }

    .fc .fc-toolbar .fc-right {
        width: 100%
    }
}

.fc .fc-view-container .fc-view.fc-agenda>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-basic-view>table>thead tr td.fc-widget-header,
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header {
    font-size: 12px;
    background-color: #eee;
    color: #000;
    padding: 10px;
    border: 0
}

.fc .fc-view-container .fc-view.fc-agenda>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-basic-view>table>thead tr td.fc-agenda-gutter,
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-agenda-gutter {
    padding: 0
}

.fc .fc-view-container .fc-view.fc-agenda>table>thead tr td.fc-widget-header,
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr td.fc-widget-header {
    padding: 2px
}

.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-widget-content,
.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-widget-content {
    border: 0;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0
}

.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-widget-content.fc-state-highlight,
.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-widget-content.fc-state-highlight {
    background: #fff
}

.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td .fc-day-number,
.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td .fc-day-number {
    font-size: 14px;
    padding: 5px 10px;
    margin: 5px;
    color: #000
}

.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td .fc-day-number.fc-state-highlight,
.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td .fc-day-number.fc-state-highlight {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #010043;
    color: #fff;
    padding: 4px 6px;
    float: right
}

.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td:first-child.fc-widget-content,
.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td:first-child.fc-widget-content {
    border-left: 1px solid #f0f0f0
}

.fc .fc-view-container .fc-view.fc-agenda .fc-body .fc-row .fc-bg,
.fc .fc-view-container .fc-view.fc-basic-view .fc-body .fc-row .fc-bg {
    border-bottom: 1px solid #f0f0f0
}

.fc .fc-view-container .fc-view.fc-agenda .fc-body .fc-row:last-of-type .fc-bg,
.fc .fc-view-container .fc-view.fc-basic-view .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 {
    font-size: 12px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    background-color: #f0f0f0;
    color: #000;
    font-weight: 300;
    padding: 10px 5px
}

.fc .fc-view-container .fc-view.fc-agenda>table>tbody>tr>td.fc-state-highlight {
    background: #f0f0f0
}

.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 {
    font-size: 12px;
    font-weight: 300;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    background-color: #f0f0f0;
    color: #000;
    padding-top: 10px;
    border: 0
}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content {
    border-bottom: 1px solid #eee;
    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 #eee
}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-divider {
    border: 1px solid #eee
}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-divider .fc-agenda-divider-inner {
    background-color: #f0f0f0;
    height: 3px
}

@media only screen and (max-width:767px) {
    .fc .fc-view-container .fc-view .fc-scroller {
        height: 100% !important
    }
}

.fc .fc-view-container .badge {
    color: #fff !important
}

.fc .fc-more-popover {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    width: 250px;
    box-shadow: 0 1px 15px rgba(41, 42, 51, .2)
}

.fc .fc-more-popover .fc-header {
    padding: 10px;
    background: rgba(0, 0, 0, 0)
}

.fc .fc-event {
    border: 0;
    color: #000
}

.gmap {
    width: 100%;
    height: 400px
}

.jvector-map {
    width: 100%;
    height: 370px
}

.c3_chart {
    height: 20rem;
    filter: drop-shadow(-4px 4px 2px rgba(41, 42, 51, .2))
}

.c3_chart .c3-line {
    stroke-width: 1px
}

.c3_chart .c3-grid line {
    stroke: #292a33
}

.c3_chart.d_sales {
    height: 22rem;
    width: auto
}

.c3_chart.d_browser {
    height: 16rem
}

.c3_chart.d_traffic {
    height: 12rem
}

.c3_chart.d_distribution {
    height: 18rem
}

@media only screen and (max-width:668px) {
    .c3_chart .c3-axis-x {
        display: none
    }

    .c3_chart .c3-legend-item text {
        font-size: 12px
    }
}

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

#multiple_axis_chart .legendLabel {
    width: 160px !important
}

.sparkline {
    text-align: center
}

.chartjs_graph {
    height: 150px
}

.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]:active,
.dataTables_wrapper input[type=search]:focus {
    border-bottom: 2px solid #1f91f3
} */

.dataTables_wrapper .dt-buttons {
    float: right
}

.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, .16), 0 2px 10px rgba(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: 0
}

.dataTables_wrapper .dt-buttons a.dt-button:active {
    opacity: .8
}

table.dataTable thead td,
table.dataTable thead th {
    padding: 10px 18px;
    border-bottom: 1px solid #111;
    text-align: center;
    font-weight: 700
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #fff !important;
    border: 1px solid transparent;
    border-radius: 2px
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    cursor: default;
    color: #fff !important;
    border: 1px solid transparent;
    background: 0 0;
    box-shadow: none
}

.pagination .page-item .page-link {
    color: #2c2c2c;
    font-size: 14px;
    border: 0;
    border-radius: 4px !important;
    padding: 0 11px;
    margin: 0 3px;
    min-width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    background: #506D85
}

.dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: right;
    /* margin-top: 10px; */
    /* background-color: #eceff1; */
    border-radius: 10px;
    padding-left: 4px;
    padding-right: 15px;
    padding-top: 8px;
    margin-bottom: 3px
}

a.dt-button,
button.dt-button,
div.dt-button,
input.dt-button {

    position: absolute;
    left: 2%;
    background-color: #039E8F;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding: 12px 1%;
    font-weight: 600;
    border-radius: 5px;
    z-index: 1 !important;
    border: none;
    cursor: pointer;
    color: #fff;

}

.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 400px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin-top: -100px;
    margin-left: -200px;
    z-index: 21
}

.dt-button-info h2 {
    color: #777
}

.dt-button-info div {
    color: #777;
    margin-bottom: 20px
}

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

.big_icon {
    overflow: hidden;
    position: relative
}

.big_icon:hover::before {
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.big_icon:before {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    font-family: 'DIN Pro', sans-serif;
    font-size: 82px;
    color: #f0f0f0;
    position: absolute;
    top: -20px;
    right: 40px;
    line-height: normal
}

.big_icon.storage::before {
    content: "\f297"
}

.big_icon.documents::before {
    content: "\f222"
}

.big_icon.images::before {
    content: "\f17f"
}

.big_icon.media_w::before {
    content: "\f3ab"
}

.big_icon.traffic::before {
    content: "\f1e2"
}

.big_icon.sales::before {
    content: "\f1cb"
}

.big_icon.email::before {
    content: "\f15a"
}

.big_icon.domains::before {
    content: "\f173"
}

.widget_2 h2 {
    color: #bdbdbd
}

.widget_2 h2 .info {
    font-size: 12px
}

.team-info li+li {
    margin-left: -10px
}

.team-info li:hover {
    z-index: 99;
    position: relative
}

.team-info li:hover img {
    -webkit-box-shadow: 0 2px 10px 0 rgba(41, 42, 51, .6);
    -moz-box-shadow: 0 2px 10px 0 rgba(41, 42, 51, .6);
    -ms-box-shadow: 0 2px 10px 0 rgba(41, 42, 51, .6);
    box-shadow: 0 2px 10px 0 rgba(41, 42, 51, .6);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.team-info li img {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    width: 30px;
    border: 2px solid #fff
}

.state_w1 h5 {
    font-size: 22px
}

.activity {
    position: relative
}

.activity::before {
    content: "";
    background: #f0f0f0;
    position: absolute;
    width: 2px;
    height: 100%
}

.activity li {
    position: relative
}

.activity li::before {
    content: "";
    height: 10px;
    width: 10px;
    background: #fff;
    border: 3px solid #292a33;
    position: absolute;
    left: -29px;
    top: 4px
}

.activity li.a_contact::before {
    border-color: #04be5b
}

.activity li.a_email::before {
    border-color: #46b6fe
}

.activity li.a_code::before {
    border-color: #ff9948
}

.activity li.a_birthday::before {
    border-color: #ff4dab
}

.activity li h4 {
    font-size: 16px;
    color: #222;
    font-weight: 700
}

.activity li code {
    display: block
}

.activity li small {
    color: #78909c
}

.inbox_widget .inbox-img {
    width: 50px
}

.inbox_widget .inbox-img img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.inbox_widget .inbox_info {
    width: calc(100% - 65px)
}

.inbox_widget .inbox_info a {
    font-size: 16px
}

.inbox_widget .inbox_info a small {
    float: right;
    color: #607d8b
}

.inbox_widget li:last-child p {
    margin: 0
}

.todo_list .badge-primary {
    background-color: #010043
}

.todo_list span {
    cursor: pointer
}

.todo_list span:hover {
    background: #999
}

.todo_list .list-group-item {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background: #f7f7f7;
    border: 0;
    margin-bottom: 3px
}

.chat-widget ul li {
    display: flex
}

.chat-widget ul li.left .message {
    background: #46b6fe
}

.chat-widget ul li.right {
    justify-content: flex-end
}

.chat-widget ul li.right .message {
    background: #f0f0f0
}

.chat-widget ul li.right .chat_info {
    text-align: right
}

.chat-widget ul li.right .chat_info li {
    justify-content: flex-end
}

.chat-widget ul li img {
    box-shadow: 0 5px 5px 0 rgba(41, 42, 51, .2);
    height: 40px;
    width: 40px
}

.chat-widget ul .message {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 15px
}

.chat-widget ul .chat_info {
    margin-left: 15px
}

.chat-widget ul .chat_info li {
    margin-bottom: 2px
}

.social-widget.facebook-widget i {
    color: #3b5998
}

.social-widget.google-widget i {
    color: #dd4b39
}

.social-widget.twitter-widget i {
    color: #55acee
}

.social-widget.instagram-widget i {
    color: #fb3958
}

.social-widget.linkedin-widget i {
    color: #0077b5
}

.social-widget.behance-widget i {
    color: #053eff
}

.feed::before {
    font-family: 'DIN Pro', sans-serif;
    color: #f0f0f0;
    font-size: 150px;
    position: absolute;
    top: -20px;
    left: 50%;
    line-height: normal;
    transform: translateX(-50%)
}

.feed .user img {
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -ms-border-radius: 45px;
    border-radius: 45px;
    -webkit-box-shadow: 0 5px 5px 0 rgba(41, 42, 51, .2);
    -moz-box-shadow: 0 5px 5px 0 rgba(41, 42, 51, .2);
    -ms-box-shadow: 0 5px 5px 0 rgba(41, 42, 51, .2);
    box-shadow: 0 5px 5px 0 rgba(41, 42, 51, .2);
    width: 45px
}

.feed .carousel-inner {
    box-shadow: none;
    min-height: 100px
}

.feed.twitter::before {
    content: "\f360"
}

.feed.facebook::before {
    content: "\f343"
}

.feed.dribbble::before {
    content: "\f33f"
}

.mcard_1 {
    text-align: center;
    overflow: hidden
}

.mcard_1 .img {
    position: relative;
    overflow: hidden;
    max-height: 170px
}

.mcard_1 .img::before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: 0;
    left: 0;
    opacity: .8;
    background-image: linear-gradient(45deg, #6f42c1, #fdd932)
}

.mcard_1 .user {
    position: relative;
    margin-top: -70px
}

.mcard_1 .user img {
    width: 80px;
    height: 80px;
    padding: 3px;
    background-image: linear-gradient(45deg, #fdd932, #6f42c1)
}

.mcard_2 {
    overflow: hidden
}

.mcard_2 .img {
    position: relative;
    overflow: hidden;
    max-height: 170px
}

.mcard_2 .img::before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: 0;
    left: 0;
    opacity: .8;
    background-image: linear-gradient(45deg, #1cbfd0, #98f)
}

.mcard_2 .user {
    position: relative;
    margin-top: -70px;
    display: flex
}

.mcard_2 .user img {
    width: 90px;
    height: 90px;
    padding: 3px;
    background-image: linear-gradient(45deg, #98f, #1cbfd0)
}

.mcard_3 {
    overflow: hidden
}

.mcard_3 .header {
    min-height: 170px
}

.mcard_3 .member-img {
    position: relative;
    margin-top: -70px
}

.mcard_3 .member-img img {
    border: 3px solid #fff
}

.mcard_3 .social-links li a {
    padding: 5px 10px
}

.mcard_4 {
    overflow: hidden;
    position: relative
}

.mcard_4 .header-dropdown .dropdown-toggle {
    padding: 10px
}

.mcard_4 .img {
    text-align: right
}

.mcard_4 .img img {
    margin-right: -80px;
    margin-top: -90px;
    max-width: 250px;
    max-height: 250px
}

@media only screen and (max-width:1024px) {
    .mcard_4 .img img {
        margin-right: -60px;
        margin-top: -80px
    }
}

@media only screen and (max-width:1024px) {
    .mcard_4 .img img {
        margin-right: -60px;
        margin-top: -80px
    }
}

@media only screen and (max-width:768px) {
    .mcard_4 .img img {
        margin-right: -80px;
        margin-top: -80px
    }
}

.mcard_4 .user {
    padding: 20px 10px
}

@media only screen and (max-width:768px) {
    .mcard_4 .user {
        padding: 20px 0
    }
}

.mcard_4 .social-links {
    text-align: right
}

.mcard_4 .social-links li a {
    padding: 20px
}

@media only screen and (max-width:1440px) {
    .mcard_4 .social-links li a {
        padding: 10px
    }
}

@media only screen and (max-width:1200px) {
    .mcard_4 .social-links li a {
        padding: 8px
    }
}

.mcard_4 .social-links li a:hover {
    background: #f7f7f7
}

@media only screen and (max-width:1200px) {
    .mcard_4 h5 {
        font-size: 16px
    }
}

.small_mcard_1 {
    border-radius: .35rem;
    background: #fff
}

.small_mcard_1 .user {
    display: flex;
    padding: 20px
}

.small_mcard_1 .user img {
    width: 90px;
    height: 90px
}

.small_mcard_1 .footer {
    background: #eceff1;
    padding: 20px
}

.project_list .table .avatar {
    width: 40px
}

.project_list .table tbody th td,
.project_list .table tbody tr td {
    vertical-align: middle
}

.product-report .counter {
    font-weight: 400
}

.product-report .icon {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    float: left;
    width: 50px;
    line-height: 50px
}

.members_profiles .table tbody th td,
.members_profiles .table tbody tr td {
    padding: 10px;
    vertical-align: middle
}

@media only screen and (max-width:767px) {
    .profile_state li {
        border-bottom: 1px solid #f0f0f0
    }

    .profile_state li:last-child {
        border: none
    }
}

.profile_state li i {
    font-size: 25px
}

.social_media_table .table tbody tr td {
    vertical-align: middle
}

.social_media_table .list-name {
    text-transform: uppercase
}

.social_icon {
    color: #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.social_icon.linkedin {
    background: #0077b5
}

.social_icon.twitter-table {
    background: #55acee
}

.social_icon.facebook {
    background: #3b5998
}

.social_icon.google {
    background: #dd4b39
}

.social_icon.youtube {
    background: #b00
}

.w_data_1 {
    text-align: center
}

.w_icon {
    -webkit-border-radius: 54px;
    -moz-border-radius: 54px;
    -ms-border-radius: 54px;
    border-radius: 54px;
    position: relative;
    margin: auto;
    height: 54px;
    width: 54px;
    line-height: 54px
}

.w_icon i {
    font-size: 24px;
    vertical-align: middle
}

.w_icon::after {
    -webkit-border-radius: 66px;
    -moz-border-radius: 66px;
    -ms-border-radius: 66px;
    border-radius: 66px;
    position: absolute;
    height: 66px;
    width: 66px;
    content: "";
    position: absolute;
    left: -6px;
    top: -6px
}

.w_icon.indigo {
    background: rgba(153, 136, 255, .3);
    color: #98f
}

.w_icon.indigo::after {
    background: rgba(153, 136, 255, .2)
}

.w_icon.pink {
    background: rgba(255, 77, 171, .3);
    color: #ff4dab
}

.w_icon.pink::after {
    background: rgba(255, 77, 171, .2)
}

.w_icon.orange {
    background: rgba(255, 153, 72, .3);
    color: #ff9948
}

.w_icon.orange::after {
    background: rgba(255, 153, 72, .2)
}

.w_icon.green {
    background: rgba(4, 190, 91, .3);
    color: #04be5b
}

.w_icon.green::after {
    background: rgba(4, 190, 91, .2)
}

.w_icon.cyan {
    background: rgba(92, 197, 205, .3);
    color: #5cc5cd
}

.w_icon.cyan::after {
    background: rgba(92, 197, 205, .2)
}

.w_icon.blush {
    background: rgba(228, 114, 151, .3);
    color: #506D85
}

.w_icon.blush::after {
    background: rgba(228, 114, 151, .2)
}

.w_icon.dark {
    background: rgba(41, 42, 51, .3);
    color: #292a33
}

.w_icon.dark::after {
    background: rgba(41, 42, 51, .2)
}

.w_icon.blue {
    background: rgba(70, 182, 254, .3);
    color: #46b6fe
}

.w_icon.blue::after {
    background: rgba(70, 182, 254, .2)
}

.avatar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.avatar.w30 {
    width: 30px;
    height: 30px
}

.avatar.w35 {
    width: 35px;
    height: 35px
}

.avatar.w40 {
    width: 40px;
    height: 40px
}

.taskboard.progress_task .badge-default {
    background: #ff9948
}

.taskboard.completed_task .badge-default {
    background: #04be5b
}

.taskboard .dd-item {
    border: 1px solid #f0f0f0
}

.taskboard .dd-item .dd-handle {
    border: 0;
    margin: 0
}

.taskboard .dd-item .action a {
    display: inline-block;
    line-height: normal;
    padding: 3px 6px
}

@media only screen and (max-width:1024px) {
    .taskboard .dd-item .action a {
        padding: 3px
    }
}

.taskboard .dd-item .action a:hover {
    background: #f0f0f0
}

.taskboard .dd-item .action a:hover i {
    color: #444
}

.taskboard .dd-item .action a i {
    color: #eee
}

.taskboard .dd-content i {
    font-size: 12px
}

.taskboard .badge {
    margin: 0
}

.chat_list {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 250px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px 20px 20px 0;
    z-index: 1
}

@media only screen and (max-width:767px) {
    .chat_list {
        -webkit-box-shadow: 0 0 10px rgba(41, 42, 51, .1);
        -moz-box-shadow: 0 0 10px rgba(41, 42, 51, .1);
        -ms-box-shadow: 0 0 10px rgba(41, 42, 51, .1);
        box-shadow: 0 0 10px rgba(41, 42, 51, .1);
        overflow-x: auto;
        background: #fff;
        padding: 15px;
        height: 100vh;
        width: 280px;
        position: fixed;
        top: 0;
        left: -400px
    }

    .chat_list.open {
        left: 0
    }
}

.chat_list .nav-tabs {
    padding: 0
}

.chat_list .user_list li {
    display: flex;
    padding: 10px 0
}

.chat_list .user_list li a {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    display: block;
    width: 100%;
    border-right: 2px solid transparent
}

.chat_list .user_list li a:hover {
    border-color: #999
}

.chat_list .user_list .name {
    font-size: 14px;
    color: #222
}

.chat_list .user_list img {
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
    width: 35px;
    float: left
}

.chat_list .user_list .about {
    float: left;
    padding-left: 8px
}

.chat_window {
    margin-left: 250px
}

@media only screen and (max-width:767px) {
    .chat_window {
        margin: 0
    }
}

.chat_window .chat-header {
    display: flex;
    justify-content: space-between
}

.chat_window .chat-header img {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    float: left;
    width: 40px;
    height: 40px
}

.chat_window .chat-header .chat-about {
    float: left;
    padding-left: 10px
}

.chat_window .chat-header .chat-with {
    font-weight: 700;
    font-size: 16px
}

.chat_window .chat-header .chat-num-messages {
    color: #444
}

.chat_window .chat-history {
    padding: 20px;
    border-bottom: 2px solid #fff
}

@media only screen and (max-width:1024px) {
    .chat_window .chat-history {
        height: calc(100vh - 340px);
        overflow-x: auto
    }
}

@media only screen and (max-width:992px) {
    .chat_window .chat-history {
        height: calc(100vh - 320px);
        overflow-x: auto
    }
}

@media only screen and (max-width:767px) {
    .chat_window .chat-history {
        height: calc(100vh - 280px);
        overflow-x: auto
    }
}

.chat_window .chat-history li {
    list-style: none
}

.chat_window .chat-history .message-data {
    margin-bottom: 15px
}

.chat_window .chat-history .message {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    color: #444;
    font-size: 15px;
    padding: 18px 20px;
    line-height: 26px;
    margin-bottom: 30px;
    width: 90%;
    position: relative
}

.chat_window .chat-history .message:after {
    bottom: 100%;
    left: 7%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #f0f0f0;
    border-width: 10px;
    margin-left: -10px
}

.chat_window .chat-history .message .attachment {
    display: flex
}

.chat_window .chat-history .my-message {
    background: #f0f0f0
}

.chat_window .chat-history .my-message:after {
    bottom: 100%;
    left: 7%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #f0f0f0;
    border-width: 10px;
    margin-left: -10px
}

.chat_window .chat-history .other-message {
    background: #eceff1
}

.chat_window .chat-history .other-message:after {
    border-bottom-color: #eceff1;
    left: 93%
}

.chat_window .list_btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    padding: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: none
}

@media only screen and (max-width:767px) {
    .chat_window .list_btn {
        display: block
    }
}

.status {
    font-size: 12px;
    color: #999
}

.status i {
    font-size: 10px
}

.status.online i {
    color: #04be5b
}

.status.offline i {
    color: #ff9948
}

.status.me i {
    color: #292a33
}

.status .name {
    color: #444;
    font-size: 16px;
    font-weight: 700
}

.status .time {
    color: #999;
    font-size: 12px;
    padding: 0 5px
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .chat_list {
        height: 650px;
        overflow-x: auto
    }

    .chat-history {
        height: 600px;
        overflow-x: auto
    }
}

.contact .c_list .c_name {
    font-weight: 600
}

.contact .c_list address i {
    font-size: 15px;
    width: 15px
}

.profile-page #timeline .timeline {
    border-left: 1px solid #dedede;
    font-size: 14px;
    position: relative
}

.profile-page #timeline .timeline .border-info {
    border-color: #1cbfd0
}

.profile-page #timeline .timeline .border-warning {
    border-color: #ff9948
}

.profile-page #timeline .timeline .border-danger {
    border-color: #010043
}

.profile-page #timeline .timeline .timeline-item {
    position: relative
}

.profile-page #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
}

.profile-page #timeline .timeline .timeline-item .item-content {
    margin-left: 24px;
    margin-top: 0
}

.profile-page #timeline .timeline .timeline-item .item-content p {
    font-weight: 400;
    color: #444
}

@media only screen and (max-width:992px) {
    .profile-page .nav-tabs {
        padding-left: 0;
        padding-right: 0
    }

    .profile-page .nav-tabs .nav-item {
        display: inline-block
    }
}

.pricing {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto 3em
}

.pricing-item {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center;
    -webkit-flex: 0 1 350px;
    flex: 0 1 350px
}

.pricing-action {
    color: inherit;
    border: none;
    background: 0 0
}

.pricing-action:focus {
    outline: 0
}

.pricing.pricing-item {
    cursor: default;
    background: #fff
}

.pricing.pricing-item:hover .deco-layer--1 {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0)
}

.pricing.pricing-item:hover .deco-layer--2 {
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0)
}

.pricing.pricing-item .pricing-deco {
    border-radius: .35rem .35rem 0 0;
    padding: 50px 0 100px;
    position: relative
}

.pricing.pricing-item .pricing-deco .pricing-deco-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px
}

.pricing.pricing-item .pricing-deco .deco-layer {
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

.pricing.pricing-item .pricing-deco .pricing-title {
    color: #fff;
    font-size: 18px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px
}

.pricing.pricing-item .pricing-deco .pricing-price {
    font-weight: 700;
    color: #fff;
    font-size: 4em;
    padding: 0;
    margin: 0 0 .25em 0;
    line-height: .75
}

.pricing.pricing-item .pricing-deco .pricing-price .pricing-currency {
    font-size: 15px;
    vertical-align: top
}

.pricing.pricing-item .pricing-deco .pricing-price .pricing-period {
    font-size: 15px;
    font-style: italic
}

.pricing.pricing-item .feature-list {
    padding: 0;
    margin: 0
}

.pricing.pricing-item .feature-list li {
    padding: 10px 0
}

.invoice .table tr td {
    vertical-align: middle
}

.product_item {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.product_item .label {
    color: #fff;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 10px;
    position: absolute;
    left: 0;
    top: 35px;
    z-index: 2
}

.product_item .label.onsale {
    background: #ff9948
}

.product_item .label.new {
    background: #ff4dab
}

.product_item .label.trending {
    background: #98f
}

.product_item .cp_img .hover {
    margin-top: 10px
}

.product_item .product_details>a {
    font-size: 16px;
    color: #444
}

.product_item .product_details>a:hover {
    text-decoration: none
}

.product_item .product_details .product_price {
    display: flex;
    justify-content: space-between
}

.product_item .product_details .product_price .new_price {
    font-weight: 700;
    color: #010043
}

.product_item_list td {
    vertical-align: middle
}

.product_item_list td h5 {
    font-size: 15px;
    font-weight: 700;
    margin: 0
}

.c_review {
    margin-bottom: 0
}

.c_review li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee
}

.c_review li:last-child {
    margin: 0;
    border: none
}

.c_review .avatar {
    float: left;
    width: 80px
}

.c_review .comment-action {
    float: left;
    width: calc(100% - 80px)
}

.c_review .comment-action .c_name {
    margin: 0
}

.c_review .comment-action .c_msg {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 95%
}

.preview.preview-pic {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.preview.thumbnail {
    margin-top: 15px
}

@media only screen and (max-width:767px) {
    .preview.thumbnail {
        margin-bottom: 15px;
        padding: 0;
        display: flex
    }
}

.preview.thumbnail li {
    width: 25%
}

.preview.thumbnail li a {
    padding: 0 !important;
    margin: 2px !important;
    border-radius: 0 !important
}

.preview.thumbnail li:last-of-type {
    margin-right: 0
}

.product.details .rating .stars {
    display: inline-block
}

.product.details .sizes .size {
    margin-right: 10px
}

.product.details .sizes .size:first-of-type {
    margin-left: 40px
}

.product.details .colors .color {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    height: 1.5em;
    width: 1.5em
}

.product.details .colors .color:first-of-type {
    margin-left: 20px
}

.product.details .colors .not-available {
    text-align: center;
    line-height: 2em
}

.product.details .colors .not-available:before {
    color: #fff;
    font-family: 'DIN Pro', sans-serif;
    content: "\f136"
}

.inbox_table {
    table-layout: fixed
}

@media only screen and (max-width:767px) {
    .inbox_table {
        table-layout: auto
    }
}

.inbox_table td,
.inbox_table th {
    white-space: nowrap;
    vertical-align: middle
}

.inbox_table .chb {
    width: 50px
}

.inbox_table .starred {
    width: 25px;
    padding: 1rem 5px
}

.inbox_table .starred a {
    color: #bdbdbd
}

.inbox_table .starred.active a {
    color: #ff9948
}

.inbox_table .u_image {
    width: 45px;
    padding: 1rem 5px
}

@media only screen and (max-width:767px) {
    .inbox_table .u_image {
        display: none
    }
}

.inbox_table .u_name {
    width: 130px;
    padding: 1rem 5px
}

.inbox_table .u_name h5 {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.inbox_table .max_ellipsis {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 1rem 5px
}

@media only screen and (max-width:767px) {
    .inbox_table .max_ellipsis {
        display: none
    }
}

.inbox_table .max_ellipsis a {
    color: #666;
    font-size: 14px
}

.inbox_table .max_ellipsis a:hover {
    color: #46b6fe
}

.inbox_table .max_ellipsis .badge {
    margin: 0
}

.inbox_table .clip {
    text-align: center;
    width: 25px;
    padding: 1rem 5px
}

@media only screen and (max-width:767px) {
    .inbox_table .clip {
        display: none
    }
}

.inbox_table .time {
    font-size: 13px;
    width: 80px;
    text-align: right;
    color: #bdbdbd
}

.inbox_table .unread .u_name h5 {
    font-weight: 700
}

.inbox.left {
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 240px;
    padding-right: 20px;
    display: block
}

@media only screen and (max-width:768px) {
    .inbox.left {
        background-color: #fff;
        position: fixed;
        left: 0;
        top: 0;
        padding: 20px;
        height: 100vh;
        z-index: 99
    }

    .inbox.left:not(.show) {
        display: none
    }

    .inbox.left:not(.show)+.right {
        width: 100%
    }
}

.inbox.left .mail-side .nav {
    flex-direction: column
}

.inbox.left .mail-side .nav li {
    padding: 0 10px;
    line-height: 40px
}

.inbox.left .mail-side .nav li a {
    color: #666;
    display: flex;
    align-items: center
}

.inbox.left .mail-side .nav li a i {
    font-size: 16px;
    width: 25px
}

.inbox.left .mail-side .nav li a .badge {
    margin-left: auto;
    margin-right: 0
}

.inbox.left .mail-side .nav li.active,
.inbox.left .mail-side .nav li:hover {
    background-color: #fff
}

.inbox.left .mail-side .nav li.active a,
.inbox.left .mail-side .nav li:hover a {
    color: #292a33
}

.inbox.left .mail-side h3 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 30px;
    line-height: 20px
}

.inbox.right {
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: calc(100% - 240px);
    position: relative
}

@media only screen and (max-width:768px) {
    .inbox.right {
        width: 100%
    }
}

.inbox.right .i_action {
    background: #fff;
    padding: .75rem
}

@media only screen and (max-width:767px) {
    .inbox.right .i_action {
        display: none !important
    }
}

.mobile-left {
    display: none;
    position: fixed;
    z-index: 9999;
    right: 20px;
    bottom: 20px
}

@media only screen and (max-width:768px) {
    .mobile-left {
        display: block
    }
}

.file_folder a {
    border-radius: .2875rem;
    border: 1px solid #f0f0f0;
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 220px
}

@media only screen and (max-width:550px) {
    .file_folder a {
        width: 100%
    }
}

.file_folder .icon {
    float: left;
    width: 60px
}

.file_folder .icon i {
    font-size: 29px;
    vertical-align: middle;
    line-height: 65px
}

.file_folder .file-name {
    padding: 10px
}

.file_folder .file-name .date {
    float: right
}

.cbp_tmtimeline {
    padding: 0;
    list-style: none;
    position: relative
}

.cbp_tmtimeline:before {
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5px;
    left: 30px;
    margin-left: -5px
}

@media only screen and (max-width:767px) {
    .cbp_tmtimeline:before {
        left: 25px
    }
}

.cbp_tmtimeline>li {
    position: relative
}

.cbp_tmtimeline>li .empty .note-editable.panel-body {
    height: 120px !important
}

.cbp_tmtimeline>li .cbp_tmtime {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background: #292a33;
    color: #fff;
    padding: 0 7px;
    position: absolute;
    top: -10px;
    right: 20px
}

@media only screen and (max-width:767px) {
    .cbp_tmtimeline>li .cbp_tmtime {
        left: 20px;
        right: auto
    }
}

.cbp_tmtimeline>li .cbp_tmtime span {
    font-size: 12px;
    color: #fff
}

.cbp_tmtimeline>li .cbp_tmlabel {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    font-weight: 300;
    margin: 0 0 30px 80px;
    padding: 20px;
    line-height: 1.4;
    position: relative
}

@media only screen and (max-width:767px) {
    .cbp_tmtimeline>li .cbp_tmlabel {
        margin: 0 0 30px 50px
    }
}

.cbp_tmtimeline>li .cbp_tmlabel:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #fff;
    border-width: 10px;
    top: 10px
}

.cbp_tmtimeline>li .cbp_tmlabel h5 {
    font-size: 17px
}

.cbp_tmtimeline>li .cbp_tmicon {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    color: #fff;
    background: #0c7ce6;
    box-shadow: 0 0 0 5px #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    left: 7px;
    top: 0
}

@media only screen and (max-width:767px) {
    .cbp_tmtimeline>li .cbp_tmicon {
        width: 30px;
        height: 30px;
        line-height: 32px
    }

    .cbp_tmtimeline>li .cbp_tmicon i {
        font-size: 16px
    }
}

.authentication {
    display: flex;
    align-items: center;
    height: 100vh
}

@media only screen and (max-width:992px) {
    .authentication {
        height: auto
    }

    .authentication .copyright {
        margin-bottom: 20px
    }
}

.authentication .auth_form {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background: #f5f5f5;
    border: 5px solid #fff;
    box-shadow: 0 0 16px rgba(41, 42, 51, .06), 0 6px 20px rgba(41, 42, 51, .02)
}

@media only screen and (max-width:992px) {
    .authentication .auth_form {
        margin: 20px 0
    }
}

.authentication .auth_form .header {
    text-align: center
}

.authentication .auth_form h5 {
    margin-top: 10px;
    margin-bottom: 0
}

.authentication .auth_form .body {
    background: 0 0
}

.authentication .auth_form .body .input-group-text {
    justify-content: center;
    min-width: 42px
}

.authentication .auth_form .checkbox label {
    font-size: 13px
}

.authentication .l_profile,
.authentication .logo {
    width: 100px
}

.authentication .signin_with {
    text-align: center
}

.btn.google {
    background: #d5472f
}

.btn.facebook {
    background: #3a579b
}

.btn.twitter {
    background: #3c94fe
}

.blogitem .blogitem-image {
    position: relative
}

.blogitem .blogitem-image a {
    border-radius: .35rem;
    overflow: hidden;
    display: block;
    max-height: 400px
}

.blogitem .blogitem-image a img {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.blogitem .blogitem-image a:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.blogitem .blogitem-image .blogitem-date {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: #fff;
    position: absolute;
    left: auto;
    top: auto;
    right: 10px;
    bottom: 10px;
    padding: 10px 15px
}

.blogitem .blogitem-header {
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center
}

.blogitem .blogitem-meta {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.blogitem .blogitem-meta span {
    display: inline-block;
    vertical-align: middle;
    line-height: 35px
}

.blogitem .blogitem-meta span i {
    font-size: 16px
}

.blogitem .blogitem-meta span a {
    color: #777
}

.blogitem .blogitem-meta span:after {
    content: "|";
    padding: 0 15px
}

.blogitem .blogitem-meta span:last-child::after {
    display: none
}

.blogitem .blogitem-share li {
    display: inline-block
}

.blogitem .blogitem-share li i {
    color: #777;
    font-size: 20px
}

.blogitem .blogitem-share li i:hover {
    color: #0c7ce6
}

.blogitem h5 {
    font-size: 17px;
    font-weight: 700
}

.blogitem .blockquote {
    margin-top: 30px;
    margin-bottom: 30px;
    background: #fff
}

.widget-categories li:last-child a {
    border: 0
}

.widget-categories li a {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eee;
    position: relative;
    color: #777
}

.widget-categories li a::before {
    content: "-";
    position: absolute;
    left: 0
}

.widget-categories li a:hover {
    margin-left: 10px;
    color: #0c7ce6;
    font-weight: 700
}

.popular-post li {
    margin-bottom: 15px
}

.popular-post li:last-child {
    margin-bottom: 0
}

.popular-post li h5 {
    font-size: 18px
}

.popular-post li h5 a {
    color: #444
}

.popular-post li .author-name,
.popular-post li .date {
    display: block
}

.tag-clouds li {
    display: inline-block;
    margin: 5px
}

.tag-clouds li .badge {
    padding: 7px 10px
}

.instagram-plugin {
    overflow: hidden
}

.instagram-plugin li {
    padding: 5px;
    float: left;
    overflow: hidden
}

@media only screen and (max-width:768px) {
    .instagram-plugin li {
        width: 70px
    }
}

.widget-recentpost li {
    display: flex;
    margin-bottom: 10px
}

.widget-recentpost li:last-child {
    margin: 0
}

.widget-recentpost li>a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    max-width: 70px;
    margin-right: 20px;
    position: relative;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.widget-recentpost li .recentpost-content a {
    display: block
}

.widget-recentpost li .recentpost-content span {
    font-size: 12px;
    color: #bdbdbd
}

.comment-reply li {
    display: flex;
    margin-bottom: 20px
}

.comment-reply li:last-child {
    margin-bottom: 0
}

.comment-reply li .icon-box {
    width: 120px
}

@media only screen and (max-width:768px) {
    .comment-reply li .icon-box {
        margin-right: 15px
    }
}

.comment-reply li .text-box {
    width: calc(100% - 120px)
}

.comment-reply li .text-box h5 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

.comment-reply li .text-box .comment-date {
    font-size: 12px;
    color: #777
}

.comment-reply li .text-box .replybutton {
    float: right
}

.comment-reply li .text-box p {
    margin-top: 10px;
    margin-bottom: 0
}

.file_manager .file {
    border-radius: .35rem;
    background: #fff;
    display: block;
    position: relative;
    overflow: hidden
}

.file_manager .file:hover {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 3px rgba(41, 42, 51, .1), 0 6px 20px rgba(41, 42, 51, .2)
}

.file_manager .file:hover .icon i {
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.file_manager .file .icon,
.file_manager .file .image {
    min-height: 140px;
    overflow: hidden;
    background-size: cover;
    background-position: top
}

.file_manager .file .hover {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: absolute;
    right: 10px;
    top: 10px;
    display: none
}

.file_manager .file:hover .hover {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    display: block
}

.file_manager .file .icon {
    padding: 15px 10px;
    display: table;
    width: 100%;
    text-align: center
}

.file_manager .file .icon i {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    font-size: 30px;
    display: table-cell;
    vertical-align: middle
}

.file_manager .file .file-name {
    padding: 10px 20px;
    border-top: 1px solid #eceff1
}

.file_manager .file .file-name small .date {
    color: #bdbdbd;
    float: right
}

.file_manager .file .zmdi-collection-pdf {
    color: #506D85
}

.file_manager .file .zmdi-chart {
    color: #04be5b
}

.file_manager .file .zmdi-collection-folder-image {
    color: #98f
}

.file_manager .file .zmdi-playlist-audio {
    color: #1cbfd0
}

.file_manager .file .zmdi-file-text {
    color: #ff9948
}

.file_manager .table tr td:first-child {
    width: 60%
}

@media only screen and (max-width:992px) {
    .file_manager .nav-tabs {
        padding-left: 0;
        padding-right: 0
    }

    .file_manager .nav-tabs .nav-item {
        display: inline-block
    }
}

.rtl {
    direction: rtl
}

.rtl.ls-toggle-menu section.content {
    margin-right: 50px
}

.rtl.right_icon_toggle section.content {
    margin-left: 20px
}

.rtl.right_icon_toggle .navbar-right .navbar-nav {
    left: -70px
}

.rtl.ls-closed section.content {
    margin-right: 60px;
    margin-left: 40px
}

@media only screen and (max-width:767px) {
    .rtl.ls-closed section.content {
        margin: 0;
    }
}

.rtl.ls-closed .navbar-right .navbar-nav {
    left: -50px
}

.rtl .mobile-left,
.rtl .mobile_menu {
    left: 20px;
    right: auto
}

.rtl ul {
    padding-right: 0
}

.rtl .sidebar {
    left: auto;
    right: 0;
    text-align: right
}

@media only screen and (max-width:767px) {
    .rtl .sidebar {
        right: -250px
    }

    .rtl .sidebar.open {
        right: 0
    }
}

.rtl .sidebar .menu .list a span {
    margin: 0 12px 0 0
}

.rtl .sidebar .menu .list .menu-toggle:after,
.rtl .sidebar .menu .list .menu-toggle:before {
    right: auto;
    left: 17px
}

.rtl .sidebar .menu .list .ml-menu li a {
    padding: 7px 40px 7px 7px
}

.rtl .sidebar .menu .list .ml-menu li a:before {
    right: 14px;
    left: auto;
    transform: scale(-1, 1)
}

.rtl .sidebar .menu .list li:hover .ml-menu {
    right: 50px;
    left: 0
}

.rtl .right-sidebar {
    left: -300px;
    right: auto;
    text-align: right
}

.rtl .right-sidebar.open {
    left: 20px
}

.rtl .navbar-right .navbar-nav {
    right: auto;
    left: 0
}

.rtl section.content {
    margin: 20px 260px 20px 70px
}

.rtl .navbar-right .navbar-nav .dropdown-menu {
    left: 60px !important;
    right: auto !important;
    text-align: right
}

.rtl .navbar-right .navbar-nav .dropdown-menu:before {
    right: auto;
    left: -10px;
    border-right: .6em solid;
    border-left: 0
}

.rtl .navbar-right .menu-info {
    margin-left: 0;
    margin-right: 15px
}

.rtl .float-right {
    float: left !important
}

.rtl .float-left {
    float: right !important
}

.rtl .text-right {
    text-align: left !important
}

.rtl .btn-group>.btn:first-child {
    -webkit-border-radius: 0 .2875rem .2875rem 0;
    -moz-border-radius: 0 .2875rem .2875rem 0;
    -ms-border-radius: 0 .2875rem .2875rem 0;
    border-radius: 0 .2875rem .2875rem 0;
    margin-left: 0
}

.rtl .btn-group>.btn:last-child {
    -webkit-border-radius: .2875rem 0 0 .2875rem;
    -moz-border-radius: .2875rem 0 0 .2875rem;
    -ms-border-radius: .2875rem 0 0 .2875rem;
    border-radius: .2875rem 0 0 .2875rem
}

.rtl .btn-group>.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-right: 0
}

.rtl .btn-group>.btn.dropdown-toggle {
    -webkit-border-radius: .2875rem;
    -moz-border-radius: .2875rem;
    -ms-border-radius: .2875rem;
    border-radius: .2875rem
}

.rtl .ml-3 {
    margin-right: 1rem !important
}

.rtl .mr-2 {
    margin-left: .5rem !important
}

.blogitem .blogitem-meta span .rtl i,
.rtl .blogitem .blogitem-meta span i,
.rtl .m-r-5 {
    margin-left: 5px;
    margin-right: 0
}

.rtl .block-header h2 {
    text-align: right
}

.rtl .progress-container .progress .progress-value {
    right: auto;
    left: 0
}

.rtl .checkbox label,
.rtl .radio label {
    padding-right: 33px;
    padding-left: 0
}

.rtl .checkbox label::after,
.rtl .checkbox label::before,
.rtl .radio label::after,
.rtl .radio label::before {
    right: 3px;
    left: auto
}

.rtl .radio input[type=radio]:checked+label::after {
    right: 11px;
    left: auto
}

.chat-widget .rtl ul,
.file_folder .rtl .icon,
.right-sidebar .right_chat .media .rtl .media-object,
.rtl .chat-widget ul,
.rtl .file_folder .icon,
.rtl .m-r-10,
.rtl .right-sidebar .right_chat .media .media-object {
    margin-left: 10px;
    margin-right: 0
}

.rtl .right-sidebar .right_chat .media .status {
    right: 23px;
    left: auto
}

.rtl .chat-widget ul {
    margin-right: 10px;
    margin-left: 0
}

.rtl .card {
    text-align: right
}

.rtl .card .header h2 {
    text-align: right
}

.rtl .card .header .header-dropdown {
    left: 0;
    right: auto
}

.rtl .card .header .header-dropdown li .dropdown-menu {
    left: 0 !important;
    right: auto !important
}

.rtl .mcard_4 .header-dropdown {
    text-align: left
}

.rtl .big_icon:before {
    left: 40px;
    right: auto
}

.rtl .info-box-2,
.rtl .mcard_3,
.rtl .pricing-item,
.rtl .w_data_1 {
    text-align: center
}

.rtl .c3,
.rtl .c3_chart {
    direction: ltr
}

.rtl .inbox.left {
    padding-left: 20px;
    padding-right: 0
}

.rtl .inbox.left .mail-side .nav li a i {
    text-align: right
}

.rtl .inbox.left .mail-side .nav li a .badge {
    margin-right: auto;
    margin-left: 0
}

.rtl .inbox_table {
    text-align: right
}

.rtl .chat_list .user_list img {
    float: right
}

.rtl .chat_list .user_list .about {
    float: right;
    padding-right: 8px;
    padding-left: 0
}

.rtl .chat_window .chat-header .chat-about {
    float: right;
    padding-right: 10px
}

.rtl .chat_window .chat-header img {
    float: right
}

.rtl .chat_window .chat-history .message-data,
.rtl .chat_window .chat-history .my-message {
    text-align: left;
    width: auto
}

.rtl .chat_window .chat-history .other-message {
    float: right !important
}

.rtl .contact .c_list .c_name {
    margin-right: 10px;
    margin-left: 0
}

.rtl .table.c_table tr td:first-child,
.rtl .table.c_table tr th:first-child {
    -webkit-border-radius: 0 .2875rem .2875rem 0;
    -moz-border-radius: 0 .2875rem .2875rem 0;
    -ms-border-radius: 0 .2875rem .2875rem 0;
    border-radius: 0 .2875rem .2875rem 0
}

.rtl .table.c_table tr td:last-child,
.rtl .table.c_table tr th:last-child {
    -webkit-border-radius: .2875rem 0 0 .2875rem;
    -moz-border-radius: .2875rem 0 0 .2875rem;
    -ms-border-radius: .2875rem 0 0 .2875rem;
    border-radius: .2875rem 0 0 .2875rem
}

.rtl .comment-reply li .text-box .replybutton,
.rtl .file_manager .file .file-name small .date {
    float: left
}

.rtl .widget-recentpost li>a {
    margin-left: 20px;
    margin-right: 0
}

.rtl .c_review .avatar {
    float: right
}

.rtl .comment-action .comment-date {
    float: left !important
}

.rtl .media .media-left {
    margin-left: 20px;
    margin-right: 0
}

.rtl .inbox_widget .inbox-img {
    margin-left: 15px;
    margin-right: 0
}

.rtl .inbox_widget a small {
    float: left
}

.rtl .activity li {
    margin-right: 25px;
    margin-left: 0
}

.rtl .activity li::before {
    left: auto;
    right: -29px
}

.rtl .small_mcard_1 .user img {
    margin-right: 0;
    margin-left: 15px
}

.theme-purple #search {
    background-color: rgba(111, 66, 193, .9)
}

.theme-purple .checkbox input[type=checkbox]:checked+label::after {
    background: #6f42c1;
    color: #fff
}

.theme-purple .radio input[type=radio]:checked+label::before {
    background: #6f42c1;
    color: #fff;
    border-color: #6f42c1
}

.theme-purple .radio input[type=radio]:checked+label::after {
    background-color: #fff;
    border-color: #fff
}

.theme-purple .right-sidebar .nav-tabs {
    background: #6f42c1
}

.theme-purple .right-sidebar .nav-tabs li a.nav-link {
    color: #fff
}

.theme-purple .right-sidebar .nav-tabs li a.nav-link.active,
.theme-purple .right-sidebar .nav-tabs li a.nav-link:hover {
    background: #fff;
    color: #6f42c1
}

.theme-purple .sidebar .menu .list li.active {
    background-color: rgba(0, 0, 0, 0)
}

.theme-purple .sidebar .menu .list li.active>:first-child i,
.theme-purple .sidebar .menu .list li.active>:first-child span {
    color: #6f42c1
}

.theme-purple .sidebar .menu .list a:hover {
    color: #6f42c1
}

.theme-purple .table.theme-color thead td,
.theme-purple .table.theme-color thead th {
    background: #6f42c1
}

.theme-purple .navbar-right .navbar-nav>li>a:hover {
    background: #6f42c1
}

.theme-purple .nav-tabs .nav-link.active {
    border: 1px solid #6f42c1;
    color: #6f42c1
}

.theme-purple .card .header h2:before {
    background: #6f42c1
}

.theme-purple .card .header h2 strong {
    color: #6f42c1
}

.theme-purple .inbox-widget .inbox-inner:hover .inbox-img img {
    border: 2px solid #6f42c1;
    transition: all 150ms linear
}

.theme-blue #search {
    background-color: rgba(70, 182, 254, .9)
}

.theme-blue .checkbox input[type=checkbox]:checked+label::after {
    background: #46b6fe;
    color: #fff
}

.theme-blue .radio input[type=radio]:checked+label::before {
    background: #46b6fe;
    color: #fff;
    border-color: #46b6fe
}

.theme-blue .radio input[type=radio]:checked+label::after {
    background-color: #fff;
    border-color: #fff
}

.theme-blue .right-sidebar .nav-tabs {
    background: #46b6fe
}

.theme-blue .right-sidebar .nav-tabs li a.nav-link {
    color: #fff
}

.theme-blue .right-sidebar .nav-tabs li a.nav-link.active,
.theme-blue .right-sidebar .nav-tabs li a.nav-link:hover {
    background: #fff;
    color: #46b6fe
}

.theme-blue .sidebar .menu .list li.active {
    background-color: rgba(0, 0, 0, 0)
}

.theme-blue .sidebar .menu .list li.active>:first-child i,
.theme-blue .sidebar .menu .list li.active>:first-child span {
    color: #46b6fe
}

.theme-blue .sidebar .menu .list a:hover {
    color: #46b6fe
}

.theme-blue .table.theme-color thead td,
.theme-blue .table.theme-color thead th {
    background: #46b6fe
}

.theme-blue .navbar-right .navbar-nav>li>a:hover {
    background: #46b6fe
}

.theme-blue .nav-tabs .nav-link.active {
    border: 1px solid #46b6fe;
    color: #46b6fe
}

.theme-blue .card .header h2:before {
    background: #46b6fe
}

.theme-blue .card .header h2 strong {
    color: #46b6fe
}

.theme-blue .inbox-widget .inbox-inner:hover .inbox-img img {
    border: 2px solid #46b6fe;
    transition: all 150ms linear
}

.theme-cyan #search {
    background-color: rgba(92, 197, 205, .9)
}

.theme-cyan .checkbox input[type=checkbox]:checked+label::after {
    background: #5cc5cd;
    color: #fff
}

.theme-cyan .radio input[type=radio]:checked+label::before {
    background: #5cc5cd;
    color: #fff;
    border-color: #5cc5cd
}

.theme-cyan .radio input[type=radio]:checked+label::after {
    background-color: #fff;
    border-color: #fff
}

.theme-cyan .right-sidebar .nav-tabs {
    background: #5cc5cd
}

.theme-cyan .right-sidebar .nav-tabs li a.nav-link {
    color: #fff
}

.theme-cyan .right-sidebar .nav-tabs li a.nav-link.active,
.theme-cyan .right-sidebar .nav-tabs li a.nav-link:hover {
    background: #fff;
    color: #5cc5cd
}

.theme-cyan .sidebar .menu .list li.active {
    background-color: rgba(0, 0, 0, 0)
}

.theme-cyan .sidebar .menu .list li.active>:first-child i,
.theme-cyan .sidebar .menu .list li.active>:first-child span {
    color: #5cc5cd
}

.theme-cyan .sidebar .menu .list a:hover {
    color: #5cc5cd
}

.theme-cyan .table.theme-color thead td,
.theme-cyan .table.theme-color thead th {
    background: #5cc5cd
}

.theme-cyan .navbar-right .navbar-nav>li>a:hover {
    background: #5cc5cd
}

.theme-cyan .nav-tabs .nav-link.active {
    border: 1px solid #5cc5cd;
    color: #5cc5cd
}

.theme-cyan .card .header h2:before {
    background: #5cc5cd
}

.theme-cyan .card .header h2 strong {
    color: #5cc5cd
}

.theme-cyan .inbox-widget .inbox-inner:hover .inbox-img img {
    border: 2px solid #5cc5cd;
    transition: all 150ms linear
}

.theme-green #search {
    background-color: rgba(4, 190, 91, .9)
}

.theme-green .checkbox input[type=checkbox]:checked+label::after {
    background: #04be5b;
    color: #fff
}

.theme-green .radio input[type=radio]:checked+label::before {
    background: #04be5b;
    color: #fff;
    border-color: #04be5b
}

.theme-green .radio input[type=radio]:checked+label::after {
    background-color: #fff;
    border-color: #fff
}

.theme-green .right-sidebar .nav-tabs {
    background: #04be5b
}

.theme-green .right-sidebar .nav-tabs li a.nav-link {
    color: #fff
}

.theme-green .right-sidebar .nav-tabs li a.nav-link.active,
.theme-green .right-sidebar .nav-tabs li a.nav-link:hover {
    background: #fff;
    color: #04be5b
}

.theme-green .sidebar .menu .list li.active {
    background-color: rgba(0, 0, 0, 0)
}

.theme-green .sidebar .menu .list li.active>:first-child i,
.theme-green .sidebar .menu .list li.active>:first-child span {
    color: #04be5b
}

.theme-green .sidebar .menu .list a:hover {
    color: #04be5b
}

.theme-green .table.theme-color thead td,
.theme-green .table.theme-color thead th {
    background: #04be5b
}

.theme-green .navbar-right .navbar-nav>li>a:hover {
    background: #04be5b
}

.theme-green .nav-tabs .nav-link.active {
    border: 1px solid #04be5b;
    color: #04be5b
}

.theme-green .card .header h2:before {
    background: #04be5b
}

.theme-green .card .header h2 strong {
    color: #04be5b
}

.theme-green .inbox-widget .inbox-inner:hover .inbox-img img {
    border: 2px solid #04be5b;
    transition: all 150ms linear
}

.theme-orange #search {
    background-color: rgba(255, 153, 72, .9)
}

.theme-orange .checkbox input[type=checkbox]:checked+label::after {
    background: #ff9948;
    color: #fff
}

.theme-orange .radio input[type=radio]:checked+label::before {
    background: #ff9948;
    color: #fff;
    border-color: #ff9948
}

.theme-orange .radio input[type=radio]:checked+label::after {
    background-color: #fff;
    border-color: #fff
}

.theme-orange .right-sidebar .nav-tabs {
    background: #ff9948
}

.theme-orange .right-sidebar .nav-tabs li a.nav-link {
    color: #fff
}

.theme-orange .right-sidebar .nav-tabs li a.nav-link.active,
.theme-orange .right-sidebar .nav-tabs li a.nav-link:hover {
    background: #fff;
    color: #ff9948
}

.theme-orange .sidebar .menu .list li.active {
    background-color: rgba(0, 0, 0, 0)
}

.theme-orange .sidebar .menu .list li.active>:first-child i,
.theme-orange .sidebar .menu .list li.active>:first-child span {
    color: #ff9948
}

.theme-orange .sidebar .menu .list a:hover {
    color: #ff9948
}

.theme-orange .table.theme-color thead td,
.theme-orange .table.theme-color thead th {
    background: #ff9948
}

.theme-orange .navbar-right .navbar-nav>li>a:hover {
    background: #ff9948
}

.theme-orange .nav-tabs .nav-link.active {
    border: 1px solid #ff9948;
    color: #ff9948
}

.theme-orange .card .header h2:before {
    background: #ff9948
}

.theme-orange .card .header h2 strong {
    color: #ff9948
}

.theme-orange .inbox-widget .inbox-inner:hover .inbox-img img {
    border: 2px solid #ff9948;
    transition: all 150ms linear
}

.theme-blush #search {
    background-color: rgba(228, 114, 151, .9)
}

.theme-blush .checkbox input[type=checkbox]:checked+label::after {
    background: #506D85;
    color: #fff
}

.theme-blush .radio input[type=radio]:checked+label::before {
    background: #506D85;
    color: #fff;
    border-color: #506D85
}

.theme-blush .radio input[type=radio]:checked+label::after {
    background-color: #fff;
    border-color: #fff
}

.theme-blush .right-sidebar .nav-tabs {
    background: #506D85
}

.theme-blush .right-sidebar .nav-tabs li a.nav-link {
    color: #fff
}

.theme-blush .right-sidebar .nav-tabs li a.nav-link.active,
.theme-blush .right-sidebar .nav-tabs li a.nav-link:hover {
    background: #fff;
    color: #506D85
}

.theme-blush .sidebar .menu .list li.active {
    background-color: rgba(0, 0, 0, 0)
}

.theme-blush .sidebar .menu .list li.active>:first-child i,
.theme-blush .sidebar .menu .list li.active>:first-child span {
    color: #506D85
}

.theme-blush .sidebar .menu .list a:hover {
    color: #506D85
}

.theme-blush .table.theme-color thead td,
.theme-blush .table.theme-color thead th {
    background: #506D85
}

.theme-blush .navbar-right .navbar-nav>li>a:hover {
    background: #506D85
}

.theme-blush .inbox-widget .inbox-inner:hover .inbox-img img {
    border: 2px solid #506D85;
    transition: all 150ms linear
}

.theme-blush .nav-tabs .nav-link.active {
    border: 1px solid #506D85;
    color: #506D85
}

.theme-blush .card .header h2:before {
    background: #506D85
}

.theme-blush .card .header h2 strong {
    color: #253746
}

.theme-blush .input-group .input-group-append .btn-outline-secondary,
.theme-blush .input-group .input-group-prepend .btn-outline-secondary {
    border-color: #506D85;
    background: #506D85
}

.theme-blush.bbg-blush {
    background: #506D85
}

.theme-blush.bbg-blush .navbar-right .navbar-nav>li>a {
    color: #fff
}

.theme-blush.bbg-blush .navbar-right .navbar-nav>li>a:hover {
    background: rgba(255, 255, 255, .1)
}

.theme-blush.bbg-blush .navbar-brand {
    border-color: rgba(255, 255, 255, .05)
}

.theme-blush.bbg-blush .navbar-brand span {
    color: #fff
}

.theme-blush.bbg-blush .sidebar .user-info {
    color: #fff
}

.theme-blush.bbg-blush .sidebar .menu .list a {
    color: rgba(255, 255, 255, .7)
}

.theme-blush.bbg-blush .sidebar .menu .list li.active>:first-child i,
.theme-blush.bbg-blush .sidebar .menu .list li.active>:first-child span {
    color: #fff
}

.theme-dark {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: #313131;
    color: #8c8c8c
}

.theme-dark.ls-toggle-menu .sidebar .menu .list .ml-menu li a {
    color: #292a33
}

.theme-dark.ls-closed .sidebar {
    background: #313131
}

.theme-dark.ls-closed .sidebar.open {
    -webkit-box-shadow: 0 2px 20px 0 rgba(255, 255, 255, .1);
    -moz-box-shadow: 0 2px 20px 0 rgba(255, 255, 255, .1);
    -ms-box-shadow: 0 2px 20px 0 rgba(255, 255, 255, .1);
    box-shadow: 0 2px 20px 0 rgba(255, 255, 255, .1)
}

.theme-dark section.content {
    background: #383838;
    border-color: rgba(255, 255, 255, .05)
}

.theme-dark section.content .slimScrollBar {
    background: rgba(255, 255, 255, .1) !important
}

.theme-dark .sidebar .slimScrollBar {
    background: rgba(255, 255, 255, .1) !important
}

.theme-dark .sidebar .navbar-brand,
.theme-dark .sidebar .user-info {
    color: #c7c2c2;
    border-color: rgba(255, 255, 255, .1)
}

.theme-dark .sidebar .navbar-brand .zmdi-menu,
.theme-dark .sidebar .navbar-brand span,
.theme-dark .sidebar .user-info .zmdi-menu,
.theme-dark .sidebar .user-info span {
    color: #fff
}

.theme-dark .sidebar .menu .list .ml-menu li.active a {
    color: #fff
}

.theme-dark .sidebar .menu .list a {
    color: #8c8c8c
}

.theme-dark .right-sidebar {
    background: #383838;
    color: #8c8c8c
}

.theme-dark .right-sidebar .nav-tabs {
    border-color: #3e3e3e
}

.theme-dark .right-sidebar .right_chat .media {
    border-color: #3e3e3e
}

.theme-dark .right-sidebar .right_chat .media .name {
    color: #fff
}

.theme-dark .right-sidebar .right_chat .media .message {
    color: #8c8c8c
}

.theme-dark .navbar-right .navbar-nav>li>a {
    color: #8c8c8c
}

.theme-dark .navbar-right .navbar-nav .app_sortcut li a {
    color: #8c8c8c
}

.theme-dark .navbar-right .notify .heartbit {
    border-color: #fff
}

.theme-dark .navbar-right .notify .point {
    background-color: #fff
}

.theme-dark .navbar-right .dropdown-menu {
    color: inherit
}

.theme-dark .navbar-right .dropdown-menu::before {
    color: #313131
}

.theme-dark .dropdown-menu ul.menu .menu-info h4 {
    color: #8c8c8c
}

.theme-dark .dropdown-menu ul.menu li a:hover {
    background: rgba(255, 255, 255, .02)
}

.theme-dark .card .header {
    color: #8c8c8c
}

.theme-dark .card .card-inside-title {
    color: #c7c2c2
}

.theme-dark .card .body {
    background: #313131;
    color: #8c8c8c
}

.theme-dark a:not(.btn) {
    color: #74ade2
}

.theme-dark .h1,
.theme-dark .h2,
.theme-dark .h3,
.theme-dark .h4,
.theme-dark .h5,
.theme-dark .h6,
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
    color: #c7c2c2
}

.theme-dark hr {
    border-color: #3e3e3e
}

.theme-dark pre.prettyprint {
    background: 0 0;
    border: 1px solid #3e3e3e
}

.theme-dark pre.prettyprint .pln {
    color: #fff
}

.theme-dark .bootstrap-select>.dropdown-toggle,
.theme-dark .form-control,
.theme-dark .input-group .input-group-append .btn-outline-secondary,
.theme-dark .input-group .input-group-prepend .btn-outline-secondary,
.theme-dark .input-group-text {
    border-color: #3e3e3e;
    background: 0 0
}

.theme-dark .btn-default,
.theme-dark .btn-group .btn {
    background: #3e3e3e;
    background-color: #3e3e3e;
    color: #8c8c8c
}

.theme-dark .checkbox label::after,
.theme-dark .checkbox label::before {
    border-color: #3e3e3e
}

.theme-dark .dropdown-menu {
    background: #313131;
    -webkit-box-shadow: 0 2px 20px 0 rgba(255, 255, 255, .1);
    -moz-box-shadow: 0 2px 20px 0 rgba(255, 255, 255, .1);
    -ms-box-shadow: 0 2px 20px 0 rgba(255, 255, 255, .1);
    box-shadow: 0 2px 20px 0 rgba(255, 255, 255, .1)
}

.theme-dark .dropdown-menu .footer,
.theme-dark .dropdown-menu .header {
    border-color: #3e3e3e
}

.theme-dark .dropdown-menu .footer a,
.theme-dark .dropdown-menu .header a {
    border-color: #3e3e3e
}

.theme-dark .dropdown-menu>li>a:hover {
    color: #c7c2c2
}

.theme-dark .progress {
    background: rgba(255, 255, 255, .1)
}

.theme-dark .pagination .page-item .page-link {
    color: #8c8c8c
}

.theme-dark .pagination .page-item .page-link:hover {
    color: #c7c2c2
}

.theme-dark .pagination .page-item.active>.page-link {
    background: #46b6fe;
    color: #fff
}

.theme-dark .block-header .breadcrumb {
    color: #8c8c8c
}

.theme-dark .list-group-item {
    background: #313131;
    border-color: #3e3e3e
}

.theme-dark .media .media-body .media-heading {
    color: #8c8c8c
}

.theme-dark .irs--flat .irs-line {
    background: rgba(255, 255, 255, .04)
}

.theme-dark .dd-handle {
    border-color: #3e3e3e;
    color: #8c8c8c
}

.theme-dark .dd3-item .dd3-content {
    background: 0 0;
    border-color: #3e3e3e
}

.theme-dark .select2-container .select2-choice,
.theme-dark .select2-container .select2-choices,
.theme-dark .select2-container-multi .select2-choice,
.theme-dark .select2-container-multi .select2-choices {
    background: 0 0;
    background-color: transparent
}

.theme-dark .rating label:last-child .icon {
    color: #8c8c8c
}

.theme-dark .wizard .steps .disabled a {
    background: rgba(255, 255, 255, .04)
}

.theme-dark .wizard .content {
    border-color: #3e3e3e
}

.theme-dark .wizard>.content>.body input {
    border-color: initial
}

.theme-dark .dropify-wrapper {
    background-color: transparent;
    border-color: #3e3e3e
}

.theme-dark .dropify-wrapper:hover {
    background-image: linear-gradient(-45deg, #3e3e3e 25%, transparent 25%, transparent 50%, #3e3e3e 50%, #3e3e3e 75%, transparent 75%, transparent)
}

.theme-dark .table td,
.theme-dark .table th {
    border-color: #3e3e3e
}

.theme-dark .img-thumbnail {
    background-color: #313131;
    border-color: #3e3e3e
}

.theme-dark .note-editor.note-frame {
    background: #313131;
    border-color: #3e3e3e
}

.theme-dark .note-editor.note-frame .note-editing-area .note-editable {
    background: #313131;
    color: #8c8c8c
}

.theme-dark .note-editor.note-frame .note-statusbar {
    background-color: #3e3e3e
}

.theme-dark .alert .alert-link,
.theme-dark .alert a {
    color: #fff
}

.theme-dark .dtp table.dtp-picker-days tr>th {
    border-color: rgba(41, 42, 51, .04)
}

.theme-dark .big_icon:before {
    color: rgba(255, 255, 255, .04)
}

.theme-dark .table.c_table {
    color: #8c8c8c
}

.theme-dark .table.c_table tr {
    background: #313131
}

.theme-dark .table.c_table tr:hover {
    background: rgba(255, 255, 255, .02)
}

.theme-dark .footable-details.table-striped>tbody>tr:nth-child(odd),
.theme-dark .footable.table-striped>tbody>tr:nth-child(odd) {
    background-color: transparent
}

.theme-dark .table-bordered {
    border-color: #3e3e3e
}

.theme-dark .inbox.left .mail-side .nav li.active,
.theme-dark .inbox.left .mail-side .nav li:hover,
.theme-dark .inbox.right .i_action {
    background: #313131;
    color: #8c8c8c
}

.theme-dark .inbox.left .mail-side .nav li.active a,
.theme-dark .inbox.left .mail-side .nav li:hover a,
.theme-dark .inbox.right .i_action a {
    color: #fff
}

.theme-dark .c_review li,
.theme-dark .file_folder a {
    border-color: #3e3e3e
}

.theme-dark .chat_list .user_list .name,
.theme-dark .status .name {
    color: #c7c2c2
}

.theme-dark .chat_window .chat-header .chat-num-messages {
    color: #8c8c8c
}

.theme-dark .chat_window .chat-history {
    border-color: #3e3e3e
}

.theme-dark .chat_window .chat-history .message {
    color: #8c8c8c
}

.theme-dark .chat_window .chat-history .my-message {
    background: 0 0;
    border: 1px solid #3e3e3e
}

.theme-dark .chat_window .chat-history .my-message:after {
    border-bottom-color: #3e3e3e
}

.theme-dark .chat_window .chat-history .other-message {
    background: #3e3e3e
}

.theme-dark .chat_window .chat-history .other-message::after {
    border-bottom-color: #3e3e3e
}

.theme-dark .team-info li img {
    border-color: #313131
}

.theme-dark .event_list .e_list,
.theme-dark .widget-categories li a {
    border-color: rgba(255, 255, 255, .1);
    color: #8c8c8c
}

.theme-dark .fc .fc-view-container .fc-view.fc-agenda>table tbody tr td .fc-day-number,
.theme-dark .fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td .fc-day-number {
    color: #8c8c8c
}

.theme-dark .fc .fc-view-container .fc-view.fc-agenda .fc-body .fc-row .fc-bg,
.theme-dark .fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-widget-content,
.theme-dark .fc .fc-view-container .fc-view.fc-basic-view .fc-body .fc-row .fc-bg,
.theme-dark .fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-widget-content {
    border-color: rgba(255, 255, 255, .1)
}

.theme-dark .taskboard .dd-item {
    border-color: rgba(255, 255, 255, .1)
}

.theme-dark .file_manager .file {
    background: #313131
}

.theme-dark .file_manager .file .file-name {
    border-color: #3e3e3e
}

.theme-dark .product_item .product_details>a {
    color: #c7c2c2
}

.theme-dark .icon-section .icon-name {
    color: #8c8c8c
}

.theme-dark .activity::before {
    background: #3e3e3e
}

.theme-dark .activity li h4 {
    color: #8c8c8c
}

.theme-dark .info-box-2 {
    background: #313131
}

.theme-dark .info-box-2 .content .text {
    color: #8c8c8c
}

.theme-dark .info-box-2 .content .number {
    color: #c7c2c2
}

.theme-dark .feed::before {
    color: rgba(255, 255, 255, .04)
}

.theme-dark .small_mcard_1 {
    background: #313131
}

.theme-dark .small_mcard_1 .footer {
    background: #3e3e3e
}

.theme-dark .authentication .auth_form {
    background: #313131;
    border-color: rgba(255, 255, 255, .05);
    box-shadow: none
}

.theme-dark .cbp_tmtimeline:before {
    background: #3e3e3e
}

.theme-dark .cbp_tmtimeline>li .cbp_tmlabel {
    background: #313131
}

.theme-dark .cbp_tmtimeline>li .cbp_tmlabel:after {
    border-right-color: #313131
}

.theme-dark .cbp_tmtimeline>li .cbp_tmicon {
    box-shadow: none
}

.theme-dark .pricing.pricing-item {
    background: 0 0
}

.theme-dark .pricing .pricing-deco-img path {
    fill: #313131
}

.theme-dark .tag-clouds li .badge {
    color: #fff
}

.theme-dark .taskboard .dd-item .action a:hover {
    background: rgba(255, 255, 255, .04)
}

.theme-dark .taskboard .dd-item .action a i {
    color: rgba(255, 255, 255, .2)
}

.theme-dark .inbox_table .max_ellipsis a {
    color: #8c8c8c !important
}

.theme-dark #m_donut_chart path,
.theme-dark .c3-chart-arc path,
.theme-dark .c3_chart path {
    stroke: #313131
}

.theme-dark #area_chart path {
    stroke: #3e3e3e
}

.theme-dark .c3-legend-item text {
    fill: #8c8c8c
}

.text-limited {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.detail {
    text-align: left !important;
    padding-left: 5px;
    color: #253746 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 0px !important;
    background: #fff !important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    box-shadow: inset 0 0 3px #fff !important;
}


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

    .imgPosition {
        width: 50px;
        margin-top: 10px;
    }

    .subtitle {
        font-size: 15px;
    }

    .numPosition {
        font-size: 38px;
    }

    .col2 {
        padding: 8px 8px 0 8px;
    }

    .col3 {
        padding: 0 0 0 10px;
        width: 40%;
        margin-top: 10px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        min-width: 1.2em;
        padding: 3px !important;
        margin-left: 2px;
    }

}

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

    hr.separator {
        margin: 70px 3% 0 3%;
    }

    .position1 {
        margin: 4% 5%;
    }

    .position2 {
        margin: 4% 5%;
    }

    .numPosition {
        font-size: 38px;
    }

    .col2 {
        padding: 10px 8px 0 8px;
    }

    .col3 {
        padding: 0 0 0 10px;
        width: 35%;
        margin-top: 10px;
    }

    .positions {
        margin-top: 25% !important;
    }

    .table-gamification {
        margin: 10% 4% !important;
    }

}



/*Icons menu*/
.icon_menu{
    width: 9%;
}



.zmdi{
    transform: none !important;
}

/*Botones pop up*/

.btn-save{
    background-color: transparent;
    color: #253746;
    font-size: 15px;
    margin: 1% 2%;
    cursor: pointer;
    border: none;
    font-weight: 600;
    border-radius: 5px;
    padding: 10px 5px;
}

.btn-save:hover{
    color: #fff;
    background-color: #253746;
}

.btn-cancel{
    background-color: transparent;
    color: #ADACA8;
    font-size: 15px;
    margin: 1% 2%;
    cursor: pointer;
    border: none;
    font-weight: 600;
    border-radius: 5px;
    padding: 10px 5px;
}

.btn-cancel:hover{
    color: #fff;
    background-color: #ADACA8;
}

/* .logout{
    margin: 58% 0 0 0;
} */

.name-user{
    color: #010043 !important;
    font-weight: bolder;
}


.string-error{
    margin: 2% 0 0 0;
    font-size: 14px;
    color: #A65362;
}

.item-flex{
    display: flex !important;
    flex-direction: row;
}

.text-wrap-3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }