.body-content {
    top: 65px;
    display: block;
    position: relative
}
body {
    font-size:14px !important;
}

.navbar-nav {
    border-top: none;
    padding-top: 5px;
    padding-bottom: 10px
}

.margin-t-user {
    margin-top: 15px;
    color: #fff
}

.input-group-addon-align {
    vertical-align: sub
}

.block-header {
    margin-bottom: 15px
}

    .block-header h2 {
        margin: 0 !important;
        color: #666 !important;
        font-weight: 400;
        font-size: 16px
    }

        .block-header h2 small {
            display: block;
            font-size: 12px;
            margin-top: 8px;
            color: #888
        }

            .block-header h2 small a {
                font-weight: 700;
                color: #777
            }

.bg-red {
    background-color: #f44336 !important;
    color: #fff
}

    .bg-red .content .number, .bg-red .content .text {
        color: #fff !important
    }

.bg-pink {
    background-color: #e91e63 !important;
    color: #fff
}

    .bg-pink .content .number, .bg-pink .content .text {
        color: #fff !important
    }

.bg-purple {
    background-color: #9c27b0 !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-indigo {
    background-color: #3f51b5 !important;
    color: #fff
}

    .bg-indigo .content .number, .bg-indigo .content .text {
        color: #fff !important
    }

.bg-blue {
    background-color: #2196f3 !important;
    color: #fff
}

    .bg-blue .content .number, .bg-blue .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-cyan {
    background-color: #00bcd4 !important;
    color: #fff
}

    .bg-cyan .content .number, .bg-cyan .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-green {
    background-color: #4caf50 !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-lime {
    background-color: #cddc39 !important;
    color: #fff
}

    .bg-lime .content .number, .bg-lime .content .text {
        color: #fff !important
    }

.bg-yellow {
    background-color: #ffe821 !important;
    color: #fff
}

    .bg-yellow .content .number, .bg-yellow .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-orange {
    background-color: #ff9800 !important;
    color: #fff
}

    .bg-orange .content .number, .bg-orange .content .text {
        color: #fff !important
    }

.bg-deep-orange {
    background-color: #ff5722 !important;
    color: #fff
}

    .bg-deep-orange .content .number, .bg-deep-orange .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-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-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
    }

body {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.form-group {
    margin-bottom: 10px
}

.form-control {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    font-size: 14px;
    height: 34px;
    line-height: 50px
}

@media only screen and (min-width:768px) {
    .navbar-collapse {
        height: auto !important;
        padding-bottom: 0;
        z-index: 12;
        position: fixed;
        float: right;
        top: 74px;
        right: 0;
        background-color: #581065f2 !important;
        color: #fff !important;
        float: right;
        overflow: visible !important
    }
}

@media only screen and (min-width:320px) and (max-width:760px) {
    body {
        padding-top: 15px !important
    }

    .body-content {
        padding-top: 50px !important
    }
}

.dropbtn {
    color: #fff;
    padding: 5px;
    font-size: 16px;
    border: none;
    background-color: transparent
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-content-m {
    display: none;
    position: absolute;
    background-color: #6b1979f0;
    min-width: 250px;
    width: auto;
    right: 0;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    z-index: 1
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #6b1979f0;
    min-width: 250px;
    width: auto;
    right: 0;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    z-index: 1
}

.dropdown-content-m a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.dropdown-content a {
    color: white !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.dropdown:hover .dropdown-content-m {
    display: block
}

.dropdown:hover .dropbtn {
    background-color: transparent
}

.dropdown:hover .dropdown-content-m {
    display: block
}

.dropdown:hover .dropbtn {
    background-color: transparent
}

.btn {
    cursor: pointer
}

.waves-button-input {
    margin: 0;
    padding: .5em 0 !important
}

.btn i, .btn-flat i {
    font-size: 1.3rem;
    line-height: inherit
}

.btn .badge {
    margin-left: 7px
}

.btn, .btn-floating, .z-depth-1 {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

    .btn-floating:hover, .btn:hover, .z-depth-1-half {
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
    }

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

    .btn-default:focus, .btn-default:hover {
        background-color: #30cfc0 !important;
        color: #fff !important
    }

.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;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity,transform;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        opacity: 0;
        background: rgba(0,0,0,.2);
        -webkit-transition: all .7s ease-out;
        -moz-transition: all .7s ease-out;
        -o-transition: all .7s ease-out;
        -ms-transition: all .7s ease-out;
        transition: all .7s 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);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        pointer-events: none
    }

    .waves-effect.waves-red .waves-ripple {
        background: rgba(244,67,54,.5)
    }

    .waves-effect.waves-pink .waves-ripple {
        background: rgba(233,30,99,.5)
    }

    .waves-effect.waves-purple .waves-ripple {
        background: rgba(156,39,176,.5)
    }

    .waves-effect.waves-deep-purple .waves-ripple {
        background: rgba(103,58,183,.5)
    }

    .waves-effect.waves-indigo .waves-ripple {
        background: rgba(63,81,181,.5)
    }

    .waves-effect.waves-blue .waves-ripple {
        background: rgba(33,150,243,.5)
    }

    .waves-effect.waves-light-blue .waves-ripple {
        background: rgba(3,169,244,.5)
    }

    .waves-effect.waves-cyan .waves-ripple {
        background: rgba(0,188,212,.5)
    }

    .waves-effect.waves-teal .waves-ripple {
        background: rgba(0,150,136,.5)
    }

    .waves-effect.waves-green .waves-ripple {
        background: rgba(76,175,80,.5)
    }

    .waves-effect.waves-light-green .waves-ripple {
        background: rgba(139,195,74,.5)
    }

    .waves-effect.waves-lime .waves-ripple {
        background: rgba(205,220,57,.5)
    }

    .waves-effect.waves-yellow .waves-ripple {
        background: rgba(255,232,33,.5)
    }

    .waves-effect.waves-amber .waves-ripple {
        background: rgba(255,193,7,.5)
    }

    .waves-effect.waves-orange .waves-ripple {
        background: rgba(255,152,0,.5)
    }

    .waves-effect.waves-deep-orange .waves-ripple {
        background: rgba(255,87,34,.5)
    }

    .waves-effect.waves-brown .waves-ripple {
        background: rgba(121,85,72,.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-black .waves-ripple {
        background: rgba(0,0,0,.5)
    }

    .waves-effect.waves-white .waves-ripple {
        background: rgba(255,255,255,.5)
    }

a.waves-effect .waves-ripple {
    z-index: -1
}

.waves-circle {
    line-height: 0 !important
}

.wave-font {
    color: #fff !important;
    vertical-align: middle
}

.btn-default:focus, .btn-default:hover {
    background-color: #fff !important;
    color: #fff !important
}

.form-line:focus {
    border-bottom: 1px solid #00f
}

.input-group .form-line.focused:after {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.input-group .form-line:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -2px;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transition: .25s ease-in;
    -o-transition: .25s ease-in;
    -webkit-transition: .25s ease-in;
    transition: .25s ease-in;
    border-bottom: 2px solid #1f91f3
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    background: #d282e0;
    border-radius: 10px
}

    ::-webkit-scrollbar-thumb:hover {
        background: #b849cc
    }

.fa {
    color: #fff !important
}

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

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: inline
}

@media only screen and (min-width:768px) {
    .pull-right1 {
        float: right;
        margin-right: 13px
    }
}

@media only screen and (min-width:320px) and (max-width:760px) {
    .pull-right1 {
        float: left
    }

    section.content {
        margin: 20px 0 50px 0 !important
    }
}

.legal {
    bottom: 0;
    padding: 15px;
    width: 100%;
    position: fixed;
    height: 50px;
    display: block;
    z-index: 999;
    background: linear-gradient(#fffefe,#f7efef,#f3c4fb,#ea9af9);
    border: 1px solid #eed2f3
}

.page-loader-wrapper {
    z-index: 99999999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #eee;
    overflow: hidden;
    text-align: center
}

    .page-loader-wrapper p {
        font-size: 13px;
        margin-top: 10px;
        font-weight: 700;
        color: #444
    }

    .page-loader-wrapper .loader {
        position: relative;
        top: calc(50% - 30px)
    }

.md-preloader .pl-red {
    stroke: #f44336
}

.md-preloader .pl-pink {
    stroke: #e91e63
}

.md-preloader .pl-purple {
    stroke: #9c27b0
}

.md-preloader .pl-deep-purple {
    stroke: #673ab7
}

.md-preloader .pl-indigo {
    stroke: #3f51b5
}

.md-preloader .pl-blue {
    stroke: #2196f3
}

.md-preloader .pl-light-blue {
    stroke: #03a9f4
}

.md-preloader .pl-cyan {
    stroke: #00bcd4
}

.md-preloader .pl-teal {
    stroke: #009688
}

.md-preloader .pl-green {
    stroke: #4caf50
}

.md-preloader .pl-light-green {
    stroke: #8bc34a
}

.md-preloader .pl-lime {
    stroke: #cddc39
}

.md-preloader .pl-yellow {
    stroke: #ffe821
}

.md-preloader .pl-amber {
    stroke: #ffc107
}

.md-preloader .pl-orange {
    stroke: #ff9800
}

.md-preloader .pl-deep-orange {
    stroke: #ff5722
}

.md-preloader .pl-brown {
    stroke: #795548
}

.md-preloader .pl-grey {
    stroke: #9e9e9e
}

.md-preloader .pl-blue-grey {
    stroke: #607d8b
}

.md-preloader .pl-black {
    stroke: #000
}

.md-preloader .pl-white {
    stroke: #fff
}

.preloader {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    -webkit-animation: container-rotate 1568ms linear infinite;
    -moz-animation: container-rotate 1568ms linear infinite;
    -o-animation: container-rotate 1568ms linear infinite;
    animation: container-rotate 1568ms linear infinite
}

    .preloader.pl-size-xl {
        width: 75px;
        height: 75px
    }

    .preloader.pl-size-l {
        width: 60px;
        height: 60px
    }

    .preloader.pl-size-md {
        width: 50px;
        height: 50px
    }

    .preloader.pl-size-sm {
        width: 40px;
        height: 40px
    }

    .preloader.pl-size-xs {
        width: 25px;
        height: 25px
    }

.spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    border-color: #f44336;
    -ms-opacity: 1;
    opacity: 1;
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;
    -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;
    -o-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both
}

    .spinner-layer.pl-red {
        border-color: #f44336
    }

    .spinner-layer.pl-pink {
        border-color: #e91e63
    }

    .spinner-layer.pl-purple {
        border-color: #9c27b0
    }

    .spinner-layer.pl-deep-purple {
        border-color: #673ab7
    }

    .spinner-layer.pl-indigo {
        border-color: #3f51b5
    }

    .spinner-layer.pl-blue {
        border-color: #2196f3
    }

    .spinner-layer.pl-light-blue {
        border-color: #03a9f4
    }

    .spinner-layer.pl-cyan {
        border-color: #00bcd4
    }

    .spinner-layer.pl-teal {
        border-color: #009688
    }

    .spinner-layer.pl-green {
        border-color: #4caf50
    }

    .spinner-layer.pl-light-green {
        border-color: #8bc34a
    }

    .spinner-layer.pl-lime {
        border-color: #cddc39
    }

    .spinner-layer.pl-yellow {
        border-color: #ffe821
    }

    .spinner-layer.pl-amber {
        border-color: #ffc107
    }

    .spinner-layer.pl-orange {
        border-color: #ff9800
    }

    .spinner-layer.pl-deep-orange {
        border-color: #ff5722
    }

    .spinner-layer.pl-brown {
        border-color: #795548
    }

    .spinner-layer.pl-grey {
        border-color: #9e9e9e
    }

    .spinner-layer.pl-blue-grey {
        border-color: #607d8b
    }

    .spinner-layer.pl-black {
        border-color: #000
    }

    .spinner-layer.pl-white {
        border-color: #fff
    }

.right {
    float: right !important
}

.gap-patch {
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

    .gap-patch.circle {
        width: 1000%;
        left: -450%
    }

.circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

    .circle-clipper .circle {
        width: 200%;
        height: 100%;
        border-width: 3px;
        border-style: solid;
        border-color: inherit;
        border-bottom-color: transparent !important;
        -ms-border-radius: 50%;
        border-radius: 50%;
        -webkit-animation: none;
        animation: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0
    }

    .circle-clipper.left .circle {
        left: 0;
        border-right-color: transparent !important;
        -webkit-transform: rotate(129deg);
        -moz-transform: rotate(129deg);
        -ms-transform: rotate(129deg);
        -o-transform: rotate(129deg);
        transform: rotate(129deg);
        -webkit-animation: left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;
        -moz-animation: left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;
        -o-animation: left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;
        animation: left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both
    }

    .circle-clipper.right .circle {
        left: -100%;
        border-left-color: transparent !important;
        -webkit-transform: rotate(-129deg);
        -moz-transform: rotate(-129deg);
        -ms-transform: rotate(-129deg);
        -o-transform: rotate(-129deg);
        transform: rotate(-129deg);
        -webkit-animation: right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;
        -moz-animation: right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;
        -o-animation: right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;
        animation: right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both
    }

@-webkit-keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes container-rotate {
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }

    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@keyframes fill-unfill-rotate {
    12.5% {
        transform: rotate(135deg)
    }

    25% {
        transform: rotate(270deg)
    }

    37.5% {
        transform: rotate(405deg)
    }

    50% {
        transform: rotate(540deg)
    }

    62.5% {
        transform: rotate(675deg)
    }

    75% {
        transform: rotate(810deg)
    }

    87.5% {
        transform: rotate(945deg)
    }

    to {
        transform: rotate(1080deg)
    }
}

@-webkit-keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        transform: rotate(130deg)
    }

    50% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        transform: rotate(130deg)
    }
}

@keyframes left-spin {
    from {
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }

    50% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
}

@-webkit-keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }

    50% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    to {
        -webkit-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
}

@-moz-keyframes right-spin {
    from {
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }

    50% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    to {
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
}

@keyframes right-spin {
    from {
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }

    50% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    to {
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
}

.navbar-header {
    padding: 10px 7px
}

    .navbar-header .bars {
        float: left;
        text-decoration: none
    }

.navbar-nav > li > a {
    padding: 7px 7px 7px 7px;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 10px
}

.navbar-nav .dropdown-menu {
    margin-top: -40px !important
}

.label-count {
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 10px;
    line-height: 15px;
    background-color: #000;
    padding: 0 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.col-red .navbar .navbar-brand, .col-red .navbar .navbar-brand:active, .col-red .navbar .navbar-brand:focus, .col-red .navbar .navbar-brand:hover {
    color: #fff
}

.col-red .navbar .nav .open > a, .col-red .navbar .nav .open > a:focus, .col-red .navbar .nav .open > a:hover, .col-red .navbar .nav > li > a:focus, .col-red .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-red .navbar .nav > li > a {
    color: #fff
}

.col-red .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-red .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-pink .navbar .navbar-brand, .col-pink .navbar .navbar-brand:active, .col-pink .navbar .navbar-brand:focus, .col-pink .navbar .navbar-brand:hover {
    color: #fff
}

.col-pink .navbar .nav .open > a, .col-pink .navbar .nav .open > a:focus, .col-pink .navbar .nav .open > a:hover, .col-pink .navbar .nav > li > a:focus, .col-pink .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-pink .navbar .nav > li > a {
    color: #fff
}

.col-pink .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-pink .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-purple .navbar .navbar-brand, .col-purple .navbar .navbar-brand:active, .col-purple .navbar .navbar-brand:focus, .col-purple .navbar .navbar-brand:hover {
    color: #fff
}

.col-purple .navbar .nav .open > a, .col-purple .navbar .nav .open > a:focus, .col-purple .navbar .nav .open > a:hover, .col-purple .navbar .nav > li > a:focus, .col-purple .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-purple .navbar .nav > li > a {
    color: #fff
}

.col-purple .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-purple .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-deep-purple .navbar .navbar-brand, .col-deep-purple .navbar .navbar-brand:active, .col-deep-purple .navbar .navbar-brand:focus, .col-deep-purple .navbar .navbar-brand:hover {
    color: #fff
}

.col-deep-purple .navbar .nav .open > a, .col-deep-purple .navbar .nav .open > a:focus, .col-deep-purple .navbar .nav .open > a:hover, .col-deep-purple .navbar .nav > li > a:focus, .col-deep-purple .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-deep-purple .navbar .nav > li > a {
    color: #fff
}

.col-deep-purple .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-deep-purple .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-indigo .navbar .navbar-brand, .col-indigo .navbar .navbar-brand:active, .col-indigo .navbar .navbar-brand:focus, .col-indigo .navbar .navbar-brand:hover {
    color: #fff
}

.col-indigo .navbar .nav .open > a, .col-indigo .navbar .nav .open > a:focus, .col-indigo .navbar .nav .open > a:hover, .col-indigo .navbar .nav > li > a:focus, .col-indigo .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-indigo .navbar .nav > li > a {
    color: #fff
}

.col-indigo .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-indigo .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-blue .navbar .navbar-brand, .col-blue .navbar .navbar-brand:active, .col-blue .navbar .navbar-brand:focus, .col-blue .navbar .navbar-brand:hover {
    color: #fff
}

.col-blue .navbar .nav .open > a, .col-blue .navbar .nav .open > a:focus, .col-blue .navbar .nav .open > a:hover, .col-blue .navbar .nav > li > a:focus, .col-blue .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-blue .navbar .nav > li > a {
    color: #fff
}

.col-blue .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-blue .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-light-blue .navbar .navbar-brand, .col-light-blue .navbar .navbar-brand:active, .col-light-blue .navbar .navbar-brand:focus, .col-light-blue .navbar .navbar-brand:hover {
    color: #fff
}

.col-light-blue .navbar .nav .open > a, .col-light-blue .navbar .nav .open > a:focus, .col-light-blue .navbar .nav .open > a:hover, .col-light-blue .navbar .nav > li > a:focus, .col-light-blue .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-light-blue .navbar .nav > li > a {
    color: #fff
}

.col-light-blue .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-light-blue .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-cyan .navbar .navbar-brand, .col-cyan .navbar .navbar-brand:active, .col-cyan .navbar .navbar-brand:focus, .col-cyan .navbar .navbar-brand:hover {
    color: #fff
}

.col-cyan .navbar .nav .open > a, .col-cyan .navbar .nav .open > a:focus, .col-cyan .navbar .nav .open > a:hover, .col-cyan .navbar .nav > li > a:focus, .col-cyan .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-cyan .navbar .nav > li > a {
    color: #fff
}

.col-cyan .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-cyan .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-teal .navbar .navbar-brand, .col-teal .navbar .navbar-brand:active, .col-teal .navbar .navbar-brand:focus, .col-teal .navbar .navbar-brand:hover {
    color: #fff
}

.col-teal .navbar .nav .open > a, .col-teal .navbar .nav .open > a:focus, .col-teal .navbar .nav .open > a:hover, .col-teal .navbar .nav > li > a:focus, .col-teal .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-teal .navbar .nav > li > a {
    color: #fff
}

.col-teal .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-teal .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-green .navbar .navbar-brand, .col-green .navbar .navbar-brand:active, .col-green .navbar .navbar-brand:focus, .col-green .navbar .navbar-brand:hover {
    color: #fff
}

.col-green .navbar .nav .open > a, .col-green .navbar .nav .open > a:focus, .col-green .navbar .nav .open > a:hover, .col-green .navbar .nav > li > a:focus, .col-green .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-green .navbar .nav > li > a {
    color: #fff
}

.col-green .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-green .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-light-green .navbar .navbar-brand, .col-light-green .navbar .navbar-brand:active, .col-light-green .navbar .navbar-brand:focus, .col-light-green .navbar .navbar-brand:hover {
    color: #fff
}

.col-light-green .navbar .nav .open > a, .col-light-green .navbar .nav .open > a:focus, .col-light-green .navbar .nav .open > a:hover, .col-light-green .navbar .nav > li > a:focus, .col-light-green .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-light-green .navbar .nav > li > a {
    color: #fff
}

.col-light-green .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-light-green .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-lime .navbar .navbar-brand, .col-lime .navbar .navbar-brand:active, .col-lime .navbar .navbar-brand:focus, .col-lime .navbar .navbar-brand:hover {
    color: #fff
}

.col-lime .navbar .nav .open > a, .col-lime .navbar .nav .open > a:focus, .col-lime .navbar .nav .open > a:hover, .col-lime .navbar .nav > li > a:focus, .col-lime .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-lime .navbar .nav > li > a {
    color: #fff
}

.col-lime .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-lime .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-yellow .navbar .navbar-brand, .col-yellow .navbar .navbar-brand:active, .col-yellow .navbar .navbar-brand:focus, .col-yellow .navbar .navbar-brand:hover {
    color: #fff
}

.col-yellow .navbar .nav .open > a, .col-yellow .navbar .nav .open > a:focus, .col-yellow .navbar .nav .open > a:hover, .col-yellow .navbar .nav > li > a:focus, .col-yellow .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-yellow .navbar .nav > li > a {
    color: #fff
}

.col-yellow .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-yellow .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-amber .navbar .navbar-brand, .col-amber .navbar .navbar-brand:active, .col-amber .navbar .navbar-brand:focus, .col-amber .navbar .navbar-brand:hover {
    color: #fff
}

.col-amber .navbar .nav .open > a, .col-amber .navbar .nav .open > a:focus, .col-amber .navbar .nav .open > a:hover, .col-amber .navbar .nav > li > a:focus, .col-amber .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-amber .navbar .nav > li > a {
    color: #fff
}

.col-amber .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-amber .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-orange .navbar .navbar-brand, .col-orange .navbar .navbar-brand:active, .col-orange .navbar .navbar-brand:focus, .col-orange .navbar .navbar-brand:hover {
    color: #fff
}

.col-orange .navbar .nav .open > a, .col-orange .navbar .nav .open > a:focus, .col-orange .navbar .nav .open > a:hover, .col-orange .navbar .nav > li > a:focus, .col-orange .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-orange .navbar .nav > li > a {
    color: #fff
}

.col-orange .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-orange .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-deep-orange .navbar .navbar-brand, .col-deep-orange .navbar .navbar-brand:active, .col-deep-orange .navbar .navbar-brand:focus, .col-deep-orange .navbar .navbar-brand:hover {
    color: #fff
}

.col-deep-orange .navbar .nav .open > a, .col-deep-orange .navbar .nav .open > a:focus, .col-deep-orange .navbar .nav .open > a:hover, .col-deep-orange .navbar .nav > li > a:focus, .col-deep-orange .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-deep-orange .navbar .nav > li > a {
    color: #fff
}

.col-deep-orange .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-deep-orange .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-brown .navbar .navbar-brand, .col-brown .navbar .navbar-brand:active, .col-brown .navbar .navbar-brand:focus, .col-brown .navbar .navbar-brand:hover {
    color: #fff
}

.col-brown .navbar .nav .open > a, .col-brown .navbar .nav .open > a:focus, .col-brown .navbar .nav .open > a:hover, .col-brown .navbar .nav > li > a:focus, .col-brown .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-brown .navbar .nav > li > a {
    color: #fff
}

.col-brown .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-brown .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-grey .navbar .navbar-brand, .col-grey .navbar .navbar-brand:active, .col-grey .navbar .navbar-brand:focus, .col-grey .navbar .navbar-brand:hover {
    color: #fff
}

.col-grey .navbar .nav .open > a, .col-grey .navbar .nav .open > a:focus, .col-grey .navbar .nav .open > a:hover, .col-grey .navbar .nav > li > a:focus, .col-grey .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-grey .navbar .nav > li > a {
    color: #fff
}

.col-grey .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-grey .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-blue-grey .navbar .navbar-brand, .col-blue-grey .navbar .navbar-brand:active, .col-blue-grey .navbar .navbar-brand:focus, .col-blue-grey .navbar .navbar-brand:hover {
    color: #fff
}

.col-blue-grey .navbar .nav .open > a, .col-blue-grey .navbar .nav .open > a:focus, .col-blue-grey .navbar .nav .open > a:hover, .col-blue-grey .navbar .nav > li > a:focus, .col-blue-grey .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-blue-grey .navbar .nav > li > a {
    color: #fff
}

.col-blue-grey .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-blue-grey .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-black .navbar .navbar-brand, .col-black .navbar .navbar-brand:active, .col-black .navbar .navbar-brand:focus, .col-black .navbar .navbar-brand:hover {
    color: #fff
}

.col-black .navbar .nav .open > a, .col-black .navbar .nav .open > a:focus, .col-black .navbar .nav .open > a:hover, .col-black .navbar .nav > li > a:focus, .col-black .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-black .navbar .nav > li > a {
    color: #fff
}

.col-black .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-black .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.col-white .navbar .navbar-brand, .col-white .navbar .navbar-brand:active, .col-white .navbar .navbar-brand:focus, .col-white .navbar .navbar-brand:hover {
    color: #fff
}

.col-white .navbar .nav .open > a, .col-white .navbar .nav .open > a:focus, .col-white .navbar .nav .open > a:hover, .col-white .navbar .nav > li > a:focus, .col-white .navbar .nav > li > a:hover {
    background-color: rgba(0,0,0,.05)
}

.col-white .navbar .nav > li > a {
    color: #fff
}

.col-white .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-white .navbar .bars:hover {
        background-color: rgba(0,0,0,.08)
    }

.dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-top: -35px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    border: none
}

    .dropdown-menu .divider {
        margin: 5px 0
    }

    .dropdown-menu .header {
        font-size: 13px;
        font-weight: 700;
        min-width: 270px;
        border-bottom: 1px solid #eee;
        text-align: center;
        padding: 4px 0 6px 0
    }

    .dropdown-menu ul.menu {
        padding-left: 0
    }

        .dropdown-menu ul.menu.tasks h4 {
            color: #333;
            font-size: 13px;
            margin: 0 0 8px 0
        }

            .dropdown-menu ul.menu.tasks h4 small {
                float: right;
                margin-top: 6px
            }

        .dropdown-menu ul.menu.tasks .progress {
            height: 7px;
            margin-bottom: 7px
        }

        .dropdown-menu ul.menu .icon-circle {
            width: 36px;
            height: 36px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            display: inline-block
        }

            .dropdown-menu ul.menu .icon-circle i {
                font-size: 18px;
                line-height: 36px
            }

        .dropdown-menu ul.menu li {
            border-bottom: 1px solid #eee
        }

            .dropdown-menu ul.menu li:last-child {
                border-bottom: none
            }

            .dropdown-menu ul.menu li a {
                padding: 7px 11px;
                text-decoration: none;
                -moz-transition: .5s;
                -o-transition: .5s;
                -webkit-transition: .5s;
                transition: .5s
            }

                .dropdown-menu ul.menu li a:hover {
                    background-color: #e9e9e9
                }

        .dropdown-menu ul.menu .menu-info {
            display: inline-block;
            position: relative;
            top: 3px;
            left: 5px
        }

            .dropdown-menu ul.menu .menu-info h4 {
                margin: 0;
                font-size: 13px;
                color: #333
            }

            .dropdown-menu ul.menu .menu-info p {
                margin: 0;
                font-size: 11px;
                color: #aaa
            }

                .dropdown-menu ul.menu .menu-info p .material-icons {
                    font-size: 13px;
                    color: #aaa;
                    position: relative;
                    top: 2px
                }

    .dropdown-menu .footer a {
        text-align: center;
        border-top: 1px solid #eee;
        padding: 5px 0 5px 0;
        font-size: 12px;
        margin-bottom: -5px
    }

        .dropdown-menu .footer a:hover {
            background-color: transparent
        }

    .dropdown-menu > li > a {
        padding: 7px 18px;
        color: #666;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s;
        font-size: 14px;
        line-height: 25px
    }

        .dropdown-menu > li > a:hover {
            background-color: rgba(0,0,0,.075)
        }

        .dropdown-menu > li > a i.material-icons {
            float: left;
            margin-right: 7px;
            margin-top: 2px;
            font-size: 20px
        }

.dropdown-animated {
    -webkit-animation-duration: .3s !important;
    -moz-animation-duration: .3s !important;
    -o-animation-duration: .3s !important;
    animation-duration: .3s !important
}

label {
    font-weight: 700
}

.panel-group .panel .panel-heading a {
    color: #fff !important
}

.overlay {
    position: fixed;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    display: none;
    z-index: 10
}

.overlay-open .sidebar {
    margin-left: 0;
    z-index: 99999999
}

.sidebar {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-family: Roboto,sans-serif;
    background: #fdfdfd;
    width: 300px;
    overflow: hidden;
    display: inline-block;
    height: calc(100vh - 70px);
    position: fixed;
    top: 70px;
    left: 0;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.1);
    -ms-box-shadow: 2px 2px 5px rgba(0,0,0,.1);
    box-shadow: 2px 2px 5px rgba(0,0,0,.1);
    z-index: 11 !important
}

    .sidebar .legal {
        position: absolute;
        bottom: 0;
        width: 100%;
        border-top: 1px solid #eee;
        padding: 15px;
        overflow: hidden
    }

        .sidebar .legal .copyright {
            font-size: 13px;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden
        }

            .sidebar .legal .copyright a {
                font-weight: 700;
                text-decoration: none
            }

        .sidebar .legal .version {
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            margin-top: 5px;
            font-size: 13px
        }

    .sidebar .user-info {
        padding: 13px 15px 12px 15px;
        white-space: nowrap;
        position: relative;
        border-bottom: 1px solid #e9e9e9;
        background: url(../images/user-img-background.jpg) no-repeat no-repeat;
        height: 135px
    }

        .sidebar .user-info .image {
            margin-right: 12px;
            display: inline-block
        }

            .sidebar .user-info .image img {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                vertical-align: bottom !important
            }

        .sidebar .user-info .info-container {
            cursor: default;
            display: block;
            position: relative;
            top: 25px
        }

            .sidebar .user-info .info-container .name {
                white-space: nowrap;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                overflow: hidden;
                font-size: 14px;
                max-width: 200px;
                color: #fff
            }

            .sidebar .user-info .info-container .email {
                white-space: nowrap;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                overflow: hidden;
                font-size: 12px;
                max-width: 200px;
                color: #fff
            }

            .sidebar .user-info .info-container .user-helper-dropdown {
                position: absolute;
                right: -3px;
                bottom: -12px;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                -ms-box-shadow: none;
                box-shadow: none;
                cursor: pointer;
                color: #fff
            }

    .sidebar .menu {
        position: relative;
        overflow-y: auto;
        height: 90vh
    }

        .sidebar .menu .list {
            list-style: none;
            padding-left: 0
        }

            .sidebar .menu .list li.active > :first-child span {
                font-weight: 700
            }

            .sidebar .menu .list .header {
                background: #eee;
                font-size: 12px;
                font-weight: 600;
                padding: 8px 16px
            }

            .sidebar .menu .list i.material-icons {
                margin-top: 4px
            }

            .sidebar .menu .list .menu-toggle:after, .sidebar .menu .list .menu-toggle:before {
                position: absolute;
                top: calc(50% - 14px);
                right: 17px;
                font-size: 19px;
                -moz-transform: scale(0);
                -ms-transform: scale(0);
                -o-transform: scale(0);
                -webkit-transform: scale(0);
                transform: scale(0);
                -moz-transition: all .3s;
                -o-transition: all .3s;
                -webkit-transition: all .3s;
                transition: all .3s
            }

            .sidebar .menu .list .menu-toggle:before {
                content: '+';
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            .sidebar .menu .list .menu-toggle:after {
                content: '\2013';
                -moz-transform: scale(0);
                -ms-transform: scale(0);
                -o-transform: scale(0);
                -webkit-transform: scale(0);
                transform: scale(0)
            }

            .sidebar .menu .list .menu-toggle.toggled:before {
                -moz-transform: scale(0);
                -ms-transform: scale(0);
                -o-transform: scale(0);
                -webkit-transform: scale(0);
                transform: scale(0)
            }

            .sidebar .menu .list .menu-toggle.toggled:after {
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            .sidebar .menu .list a {
                color: #747474;
                position: relative;
                display: inline-flex;
                vertical-align: middle;
                width: 100%;
                padding: 10px 13px
            }

                .sidebar .menu .list a:active, .sidebar .menu .list a:focus, .sidebar .menu .list a:hover {
                    text-decoration: none !important
                }

                .sidebar .menu .list a small {
                    position: absolute;
                    top: calc(50% - 7.5px);
                    right: 15px
                }

                .sidebar .menu .list a span {
                    margin: 7px 0 7px 12px;
                    color: #333;
                    font-weight: 700;
                    font-size: 14px;
                    overflow: hidden
                }

            .sidebar .menu .list .ml-menu {
                list-style: none;
                display: none;
                padding-left: 0
            }

                .sidebar .menu .list .ml-menu span {
                    font-weight: 400;
                    font-size: 14px;
                    margin: 3px 0 1px 6px
                }

                .sidebar .menu .list .ml-menu li a {
                    padding-left: 55px;
                    padding-top: 7px;
                    padding-bottom: 7px
                }

                .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {
                    font-weight: 600;
                    margin-left: 5px
                }

                    .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before {
                        content: '\E315';
                        font-family: 'Material Icons';
                        position: relative;
                        font-size: 21px;
                        height: 20px;
                        top: -5px;
                        right: 0
                    }

                .sidebar .menu .list .ml-menu li .ml-menu li a {
                    padding-left: 80px
                }

                .sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a {
                    padding-left: 95px
                }

.right-sidebar {
    width: 280px;
    height: calc(100vh - 70px);
    position: fixed;
    right: -300px;
    top: 70px;
    background: #fdfdfd;
    z-index: 11 !important;
    -webkit-box-shadow: -2px 2px 5px rgba(0,0,0,.1);
    -moz-box-shadow: -2px 2px 5px rgba(0,0,0,.1);
    -ms-box-shadow: -2px 2px 5px rgba(0,0,0,.1);
    box-shadow: -2px 2px 5px rgba(0,0,0,.1);
    overflow: hidden;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

    .right-sidebar.open {
        right: 0
    }

    .right-sidebar .nav-tabs {
        font-weight: 600;
        font-size: 13px;
        width: 100%;
        margin-left: 2px
    }

        .right-sidebar .nav-tabs li {
            text-align: center
        }

            .right-sidebar .nav-tabs li > a {
                margin-right: 0
            }

            .right-sidebar .nav-tabs li:first-child {
                width: 45%
            }

            .right-sidebar .nav-tabs li:last-child {
                width: 55%
            }

.bootstrap-notify-container {
    max-width: 320px;
    text-align: center
}

.dd-handle {
    background-color: #f9f9f9 !important
}

    .dd-handle:hover {
        color: #2196f3
    }

.nestable-dark-theme .dd-handle {
    background: #ccc !important;
    border: 1px solid #999 !important
}

.dd3-handle {
    background: #999 !important
}

.dd3-content:hover {
    color: #2196f3
}

.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: left
    }

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

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

.navbar {
    font-family: Roboto,sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.3);
    -ms-box-shadow: 0 1px 5px rgba(0,0,0,.3);
    box-shadow: 0 1px 5px rgba(0,0,0,.3);
    border: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%
}

    .navbar .navbar-brand {
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .navbar .navbar-custom-right-menu {
        float: right
    }

    .navbar .navbar-toggle {
        text-decoration: none;
        color: #fff;
        width: 30px;
        height: 58px;
        margin-top: -4px;
        margin-right: 0
    }

        .navbar .navbar-toggle:before {
            content: '\E8D5';
            font-family: 'Material Icons';
            font-size: 26px
        }

    .navbar .navbar-collapse.in {
        overflow: visible
    }

.ls-closed .sidebar {
    margin-left: -300px
}

.ls-closed section.content {
    margin-left: 15px
}

.ls-closed .bars:after, .ls-closed .bars:before {
    font-family: 'Material Icons';
    font-size: 24px;
    position: absolute;
    top: 18px;
    left: 20px;
    margin-right: 10px;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.ls-closed .bars:before {
    content: '\E5D2';
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ls-closed .bars:after {
    content: '\E5C4';
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.ls-closed .navbar-brand {
    margin-left: 30px
}

.overlay-open .bars:before {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.overlay-open .bars:after {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.media {
    margin-bottom: 25px
}

    .media .media-body {
        color: #777;
        font-size: 13px
    }

        .media .media-body .media-heading {
            font-size: 16px;
            font-weight: 700;
            color: #333
        }

.input-group {
    width: 100%;
    margin-bottom: 20px
}

    .input-group .form-line {
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #ddd;
        position: relative
    }

        .input-group .form-line:after {
            content: '';
            position: absolute;
            left: 0;
            width: 100%;
            bottom: -2px;
            -moz-transform: scaleX(0);
            -ms-transform: scaleX(0);
            -o-transform: scaleX(0);
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -moz-transition: .25s ease-in;
            -o-transition: .25s ease-in;
            -webkit-transition: .25s ease-in;
            transition: .25s ease-in;
            border-bottom: 2px solid #1f91f3
        }

        .input-group .form-line + .input-group-addon {
            padding-right: 0;
            padding-left: 10px
        }

    .input-group .help-info {
        float: right;
        font-size: 12px;
        margin-top: 5px;
        color: #999
    }

    .input-group label.error {
        font-size: 12px;
        display: block;
        margin-top: 5px;
        font-weight: 400;
        color: #f44336
    }

    .input-group .form-line.error:after {
        border-bottom: 2px solid #f44336
    }

    .input-group .form-line.success:after {
        border-bottom: 2px solid #4caf50
    }

    .input-group .form-line.warning:after {
        border-bottom: 2px solid #ffc107
    }

    .input-group .form-line.focused:after {
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .input-group .form-line.focused .form-label {
        bottom: 25px;
        left: 0;
        font-size: 12px
    }

    .input-group .input-group-addon {
        border: none;
        background-color: transparent;
        padding-left: 0;
        font-weight: 700
    }

        .input-group .input-group-addon .material-icons {
            font-size: 18px;
            color: #555
        }

    .input-group .form-control, .input-group input[type=text] {
        border: none;
        box-shadow: none;
        padding-left: 0
    }

        .input-group .form-control:focus {
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            -ms-box-shadow: none !important;
            box-shadow: none !important
        }

    .input-group.input-group-sm .input-group-addon i {
        font-size: 14px
    }

    .input-group.input-group-sm .form-control {
        font-size: 12px
    }

    .input-group.input-group-lg .input-group-addon i {
        font-size: 26px
    }

    .input-group.input-group-lg .form-control {
        font-size: 18px
    }

.form-control-label {
    text-align: right
}

    .form-control-label label {
        margin-top: 8px
    }

.form-horizontal .form-group {
    margin-bottom: 0
}

.form-group {
    width: 100%;
    margin-bottom: 25px
}

    .form-group .form-control {
        width: 100%;
        border: none;
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        padding-left: 0
    }

    .form-group .help-info {
        float: right;
        font-size: 12px;
        margin-top: 5px;
        color: #999
    }

    .form-group label.error {
        font-size: 12px;
        display: block;
        margin-top: 5px;
        font-weight: 400;
        color: #f44336
    }

    .form-group .form-line {
        width: 100%;
        position: relative;
        border-bottom: 1px solid #ddd
    }

        .form-group .form-line:after {
            content: '';
            position: absolute;
            left: 0;
            width: 100%;
            height: 0;
            bottom: -1px;
            -moz-transform: scaleX(0);
            -ms-transform: scaleX(0);
            -o-transform: scaleX(0);
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -moz-transition: .25s ease-in;
            -o-transition: .25s ease-in;
            -webkit-transition: .25s ease-in;
            transition: .25s ease-in;
            border-bottom: 2px solid #1f91f3
        }

        .form-group .form-line .form-label {
            font-weight: 400;
            color: #aaa;
            position: absolute;
            top: 10px;
            left: 0;
            cursor: text;
            -moz-transition: .2s;
            -o-transition: .2s;
            -webkit-transition: .2s;
            transition: .2s
        }

        .form-group .form-line.error:after {
            border-bottom: 2px solid #f44336
        }

        .form-group .form-line.success:after {
            border-bottom: 2px solid #4caf50
        }

        .form-group .form-line.warning:after {
            border-bottom: 2px solid #ffc107
        }

        .form-group .form-line.focused:after {
            -moz-transform: scaleX(1);
            -ms-transform: scaleX(1);
            -o-transform: scaleX(1);
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }

        .form-group .form-line.focused .form-label {
            top: -10px;
            left: 0;
            font-size: 12px
        }

.form-group-sm .form-label {
    font-size: 12px
}

.form-group-sm .form-line.focused .form-label {
    bottom: 20px;
    font-size: 10px
}

.form-group-lg .form-label {
    font-size: 18px
}

.form-group-lg .form-line.focused .form-label {
    bottom: 35px;
    font-size: 12px
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: transparent
}

.contentpre {
    opacity: .7
}

.preload {
    width: 100px;
    height: 100px;
    position: fixed;
    top: 40%;
    z-index: 999999;
    left: 45%
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700
}

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

.no-animate {
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important
}

section.content {
    margin: 20px 10px 40px 10px;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.btn:focus {
    outline: 0 !important
}

.btn-circle {
    border: none;
    outline: 0 !important;
    overflow: hidden;
    width: 35px;
    height: 35px;
    padding: 6px 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50% !important;
}

    .btn-circle i {
        font-size: 18px;
        position: relative;
        left: -1px
    }

.btn-link {
    font-weight: 700;
    color: #333;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

    .btn-link:active, .btn-link:focus {
        text-decoration: none;
        color: #333
    }

    .btn-link:hover {
        text-decoration: none;
        color: #333;
        background-color: #ddd
    }

.btn-circle-lg {
    border: none;
    outline: 0 !important;
    overflow: hidden;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    border-radius: 50% !important
}

    .btn-circle-lg i {
        font-size: 26px !important;
        position: relative !important;
        left: 0 !important;
        top: 6px !important
    }

.btn:not(.btn-link):not(.btn-circle) {
    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: 8px;
    border: none;
    font-size: 13px;
    outline: 0
}

    .btn:not(.btn-link):not(.btn-circle):hover {
        outline: 0
    }

    .btn:not(.btn-link):not(.btn-circle) i {
        font-size: 20px;
        position: relative;
        top: 3px
    }

    .btn:not(.btn-link):not(.btn-circle) span {
        position: relative;
        top: -2px;
        margin-left: 3px
    }

.btn-warning, .btn-warning:active, .btn-warning:focus, .btn-warning:hover {
    background-color: #ff9600 !important
}

.btn-danger, .btn-danger:active, .btn-danger:focus, .btn-danger:hover {
    background-color: #fb483a !important
}

.btn-info, .btn-info:active, .btn-info:focus, .btn-info:hover {
    background-color: #00b0e4 !important
}

.btn-success, .btn-success:active, .btn-success:focus, .btn-success:hover {
    background-color: #2b982b !important
}

.btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: #1f91f3 !important
}

.btn-default, .btn-default:active, .btn-default:focus, .btn-default:hover {
    background-color: #fff !important
}

.btn-group, .btn-group-vertical {
    box-shadow: 0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12)
}

    .btn-group .btn, .btn-group-vertical .btn {
        box-shadow: none !important;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0
    }

        .btn-group .btn .caret, .btn-group-vertical .btn .caret {
            position: relative;
            bottom: 1px
        }

    .btn-group .btn-group, .btn-group-vertical .btn-group {
        box-shadow: none !important
    }

    .btn-group .btn + .dropdown-toggle, .btn-group-vertical .btn + .dropdown-toggle {
        border-left: 1px solid rgba(0,0,0,.08) !important
    }

.bootstrap-tagsinput {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important
}

.alert {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: none;
    color: #fff !important
}

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

.alert-success {
    background-color: #2b982b !important
}

.alert-info {
    background-color: #00b0e4
}

.alert-warning {
    background-color: #ff9600 !important
}

.alert-danger {
    background-color: #fb483a !important
}

.alert-dismissible .close {
    color: #fff;
    opacity: 1;
    border: none;
    text-shadow: none
}

.sweet-alert {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important
}

    .sweet-alert p {
        font-size: 14px !important
    }

    .sweet-alert .sa-input-error {
        top: 23px !important;
        right: 13px !important
    }

    .sweet-alert h2 {
        font-size: 18px !important;
        margin: 0 0 5px 0 !important
    }

    .sweet-alert button {
        font-size: 15px !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        border-radius: 0 !important;
        padding: 5px 20px !important
    }

[type=checkbox] + label {
    padding-left: 26px;
    height: 25px;
    line-height: 21px;
    font-size: 13px;
    font-weight: 400
}

[type=checkbox]:checked + label:before {
    top: -4px;
    left: -2px;
    width: 11px;
    height: 19px
}

[type=checkbox]:checked.chk-col-red + label:before {
    border-right: 2px solid #f44336;
    border-bottom: 2px solid #f44336
}

[type=checkbox]:checked.chk-col-pink + label:before {
    border-right: 2px solid #e91e63;
    border-bottom: 2px solid #e91e63
}

[type=checkbox]:checked.chk-col-purple + label:before {
    border-right: 2px solid #9c27b0;
    border-bottom: 2px solid #9c27b0
}

[type=checkbox]:checked.chk-col-deep-purple + label:before {
    border-right: 2px solid #673ab7;
    border-bottom: 2px solid #673ab7
}

[type=checkbox]:checked.chk-col-indigo + label:before {
    border-right: 2px solid #3f51b5;
    border-bottom: 2px solid #3f51b5
}

[type=checkbox]:checked.chk-col-blue + label:before {
    border-right: 2px solid #2196f3;
    border-bottom: 2px solid #2196f3
}

[type=checkbox]:checked.chk-col-light-blue + label:before {
    border-right: 2px solid #03a9f4;
    border-bottom: 2px solid #03a9f4
}

[type=checkbox]:checked.chk-col-cyan + label:before {
    border-right: 2px solid #00bcd4;
    border-bottom: 2px solid #00bcd4
}

[type=checkbox]:checked.chk-col-teal + label:before {
    border-right: 2px solid #009688;
    border-bottom: 2px solid #009688
}

[type=checkbox]:checked.chk-col-green + label:before {
    border-right: 2px solid #4caf50;
    border-bottom: 2px solid #4caf50
}

[type=checkbox]:checked.chk-col-light-green + label:before {
    border-right: 2px solid #8bc34a;
    border-bottom: 2px solid #8bc34a
}

[type=checkbox]:checked.chk-col-lime + label:before {
    border-right: 2px solid #cddc39;
    border-bottom: 2px solid #cddc39
}

[type=checkbox]:checked.chk-col-yellow + label:before {
    border-right: 2px solid #ffe821;
    border-bottom: 2px solid #ffe821
}

[type=checkbox]:checked.chk-col-amber + label:before {
    border-right: 2px solid #ffc107;
    border-bottom: 2px solid #ffc107
}

[type=checkbox]:checked.chk-col-orange + label:before {
    border-right: 2px solid #ff9800;
    border-bottom: 2px solid #ff9800
}

[type=checkbox]:checked.chk-col-deep-orange + label:before {
    border-right: 2px solid #ff5722;
    border-bottom: 2px solid #ff5722
}

[type=checkbox]:checked.chk-col-brown + label:before {
    border-right: 2px solid #795548;
    border-bottom: 2px solid #795548
}

[type=checkbox]:checked.chk-col-grey + label:before {
    border-right: 2px solid #9e9e9e;
    border-bottom: 2px solid #9e9e9e
}

[type=checkbox]:checked.chk-col-blue-grey + label:before {
    border-right: 2px solid #607d8b;
    border-bottom: 2px solid #607d8b
}

[type=checkbox]:checked.chk-col-black + label:before {
    border-right: 2px solid #000;
    border-bottom: 2px solid #000
}

[type=checkbox]:checked.chk-col-white + label:before {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff
}

[type=checkbox].filled-in:checked + label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #26a69a;
    background-color: #26a69a;
    z-index: 0
}

[type=checkbox].filled-in:checked + label:before {
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important
}

[type=checkbox].filled-in:checked.chk-col-red + label:after {
    border: 2px solid #f44336;
    background-color: #f44336
}

[type=checkbox].filled-in:checked.chk-col-pink + label:after {
    border: 2px solid #e91e63;
    background-color: #e91e63
}

[type=checkbox].filled-in:checked.chk-col-purple + label:after {
    border: 2px solid #9c27b0;
    background-color: #9c27b0
}

[type=checkbox].filled-in:checked.chk-col-deep-purple + label:after {
    border: 2px solid #673ab7;
    background-color: #673ab7
}

[type=checkbox].filled-in:checked.chk-col-indigo + label:after {
    border: 2px solid #3f51b5;
    background-color: #3f51b5
}

[type=checkbox].filled-in:checked.chk-col-blue + label:after {
    border: 2px solid #2196f3;
    background-color: #2196f3
}

[type=checkbox].filled-in:checked.chk-col-light-blue + label:after {
    border: 2px solid #03a9f4;
    background-color: #03a9f4
}

[type=checkbox].filled-in:checked.chk-col-cyan + label:after {
    border: 2px solid #00bcd4;
    background-color: #00bcd4
}

[type=checkbox].filled-in:checked.chk-col-teal + label:after {
    border: 2px solid #009688;
    background-color: #009688
}

[type=checkbox].filled-in:checked.chk-col-green + label:after {
    border: 2px solid #4caf50;
    background-color: #4caf50
}

[type=checkbox].filled-in:checked.chk-col-light-green + label:after {
    border: 2px solid #8bc34a;
    background-color: #8bc34a
}

[type=checkbox].filled-in:checked.chk-col-lime + label:after {
    border: 2px solid #cddc39;
    background-color: #cddc39
}

[type=checkbox].filled-in:checked.chk-col-yellow + label:after {
    border: 2px solid #ffe821;
    background-color: #ffe821
}

[type=checkbox].filled-in:checked.chk-col-amber + label:after {
    border: 2px solid #ffc107;
    background-color: #ffc107
}

[type=checkbox].filled-in:checked.chk-col-orange + label:after {
    border: 2px solid #ff9800;
    background-color: #ff9800
}

[type=checkbox].filled-in:checked.chk-col-deep-orange + label:after {
    border: 2px solid #ff5722;
    background-color: #ff5722
}

[type=checkbox].filled-in:checked.chk-col-brown + label:after {
    border: 2px solid #795548;
    background-color: #795548
}

[type=checkbox].filled-in:checked.chk-col-grey + label:after {
    border: 2px solid #9e9e9e;
    background-color: #9e9e9e
}

[type=checkbox].filled-in:checked.chk-col-blue-grey + label:after {
    border: 2px solid #607d8b;
    background-color: #607d8b
}

[type=checkbox].filled-in:checked.chk-col-black + label:after {
    border: 2px solid #000;
    background-color: #000
}

[type=checkbox].filled-in:checked.chk-col-white + label:after {
    border: 2px solid #fff;
    background-color: #fff
}

[type=radio]:not(:checked) + label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    font-weight: 400
}

[type=radio]:checked + label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    font-weight: 400
}

[type=radio].radio-col-red:checked + label:after {
    background-color: #f44336;
    border-color: #f44336
}

[type=radio].radio-col-pink:checked + label:after {
    background-color: #e91e63;
    border-color: #e91e63
}

[type=radio].radio-col-purple:checked + label:after {
    background-color: #9c27b0;
    border-color: #9c27b0
}

[type=radio].radio-col-deep-purple:checked + label:after {
    background-color: #673ab7;
    border-color: #673ab7
}

[type=radio].radio-col-indigo:checked + label:after {
    background-color: #3f51b5;
    border-color: #3f51b5
}

[type=radio].radio-col-blue:checked + label:after {
    background-color: #2196f3;
    border-color: #2196f3
}

[type=radio].radio-col-light-blue:checked + label:after {
    background-color: #03a9f4;
    border-color: #03a9f4
}

[type=radio].radio-col-cyan:checked + label:after {
    background-color: #00bcd4;
    border-color: #00bcd4
}

[type=radio].radio-col-teal:checked + label:after {
    background-color: #009688;
    border-color: #009688
}

[type=radio].radio-col-green:checked + label:after {
    background-color: #4caf50;
    border-color: #4caf50
}

[type=radio].radio-col-light-green:checked + label:after {
    background-color: #8bc34a;
    border-color: #8bc34a
}

[type=radio].radio-col-lime:checked + label:after {
    background-color: #cddc39;
    border-color: #cddc39
}

[type=radio].radio-col-yellow:checked + label:after {
    background-color: #ffe821;
    border-color: #ffe821
}

[type=radio].radio-col-amber:checked + label:after {
    background-color: #ffc107;
    border-color: #ffc107
}

[type=radio].radio-col-orange:checked + label:after {
    background-color: #ff9800;
    border-color: #ff9800
}

[type=radio].radio-col-deep-orange:checked + label:after {
    background-color: #ff5722;
    border-color: #ff5722
}

[type=radio].radio-col-brown:checked + label:after {
    background-color: #795548;
    border-color: #795548
}

[type=radio].radio-col-grey:checked + label:after {
    background-color: #9e9e9e;
    border-color: #9e9e9e
}

[type=radio].radio-col-blue-grey:checked + label:after {
    background-color: #607d8b;
    border-color: #607d8b
}

[type=radio].radio-col-black:checked + label:after {
    background-color: #000;
    border-color: #000
}

[type=radio].radio-col-white:checked + label:after {
    background-color: #fff;
    border-color: #fff
}

[type=radio].with-gap.radio-col-red:checked + label:before {
    border: 2px solid #f44336
}

[type=radio].with-gap.radio-col-red:checked + label:after {
    background-color: #f44336;
    border: 2px solid #f44336
}

[type=radio].with-gap.radio-col-pink:checked + label:before {
    border: 2px solid #e91e63
}

[type=radio].with-gap.radio-col-pink:checked + label:after {
    background-color: #e91e63;
    border: 2px solid #e91e63
}

[type=radio].with-gap.radio-col-purple:checked + label:before {
    border: 2px solid #9c27b0
}

[type=radio].with-gap.radio-col-purple:checked + label:after {
    background-color: #9c27b0;
    border: 2px solid #9c27b0
}

[type=radio].with-gap.radio-col-deep-purple:checked + label:before {
    border: 2px solid #673ab7
}

[type=radio].with-gap.radio-col-deep-purple:checked + label:after {
    background-color: #673ab7;
    border: 2px solid #673ab7
}

[type=radio].with-gap.radio-col-indigo:checked + label:before {
    border: 2px solid #3f51b5
}

[type=radio].with-gap.radio-col-indigo:checked + label:after {
    background-color: #3f51b5;
    border: 2px solid #3f51b5
}

[type=radio].with-gap.radio-col-blue:checked + label:before {
    border: 2px solid #2196f3
}

[type=radio].with-gap.radio-col-blue:checked + label:after {
    background-color: #2196f3;
    border: 2px solid #2196f3
}

[type=radio].with-gap.radio-col-light-blue:checked + label:before {
    border: 2px solid #03a9f4
}

[type=radio].with-gap.radio-col-light-blue:checked + label:after {
    background-color: #03a9f4;
    border: 2px solid #03a9f4
}

[type=radio].with-gap.radio-col-cyan:checked + label:before {
    border: 2px solid #00bcd4
}

[type=radio].with-gap.radio-col-cyan:checked + label:after {
    background-color: #00bcd4;
    border: 2px solid #00bcd4
}

[type=radio].with-gap.radio-col-teal:checked + label:before {
    border: 2px solid #009688
}

[type=radio].with-gap.radio-col-teal:checked + label:after {
    background-color: #009688;
    border: 2px solid #009688
}

[type=radio].with-gap.radio-col-green:checked + label:before {
    border: 2px solid #4caf50
}

[type=radio].with-gap.radio-col-green:checked + label:after {
    background-color: #4caf50;
    border: 2px solid #4caf50
}

[type=radio].with-gap.radio-col-light-green:checked + label:before {
    border: 2px solid #8bc34a
}

[type=radio].with-gap.radio-col-light-green:checked + label:after {
    background-color: #8bc34a;
    border: 2px solid #8bc34a
}

[type=radio].with-gap.radio-col-lime:checked + label:before {
    border: 2px solid #cddc39
}

[type=radio].with-gap.radio-col-lime:checked + label:after {
    background-color: #cddc39;
    border: 2px solid #cddc39
}

[type=radio].with-gap.radio-col-yellow:checked + label:before {
    border: 2px solid #ffe821
}

[type=radio].with-gap.radio-col-yellow:checked + label:after {
    background-color: #ffe821;
    border: 2px solid #ffe821
}

[type=radio].with-gap.radio-col-amber:checked + label:before {
    border: 2px solid #ffc107
}

[type=radio].with-gap.radio-col-amber:checked + label:after {
    background-color: #ffc107;
    border: 2px solid #ffc107
}

[type=radio].with-gap.radio-col-orange:checked + label:before {
    border: 2px solid #ff9800
}

[type=radio].with-gap.radio-col-orange:checked + label:after {
    background-color: #ff9800;
    border: 2px solid #ff9800
}

[type=radio].with-gap.radio-col-deep-orange:checked + label:before {
    border: 2px solid #ff5722
}

[type=radio].with-gap.radio-col-deep-orange:checked + label:after {
    background-color: #ff5722;
    border: 2px solid #ff5722
}

[type=radio].with-gap.radio-col-brown:checked + label:before {
    border: 2px solid #795548
}

[type=radio].with-gap.radio-col-brown:checked + label:after {
    background-color: #795548;
    border: 2px solid #795548
}

[type=radio].with-gap.radio-col-grey:checked + label:before {
    border: 2px solid #9e9e9e
}

[type=radio].with-gap.radio-col-grey:checked + label:after {
    background-color: #9e9e9e;
    border: 2px solid #9e9e9e
}

[type=radio].with-gap.radio-col-blue-grey:checked + label:before {
    border: 2px solid #607d8b
}

[type=radio].with-gap.radio-col-blue-grey:checked + label:after {
    background-color: #607d8b;
    border: 2px solid #607d8b
}

[type=radio].with-gap.radio-col-black:checked + label:before {
    border: 2px solid #000
}

[type=radio].with-gap.radio-col-black:checked + label:after {
    background-color: #000;
    border: 2px solid #000
}

[type=radio].with-gap.radio-col-white:checked + label:before {
    border: 2px solid #fff
}

[type=radio].with-gap.radio-col-white:checked + label:after {
    background-color: #fff;
    border: 2px solid #fff
}

.nav-tabs {
    border-bottom: 2px solid #eee
}

    .nav-tabs > li {
        position: relative;
        top: 3px;
        left: -2px
    }

        .nav-tabs > li > a {
            border: none !important;
            color: #999 !important;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0
        }

            .nav-tabs > li > a:active, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
                background-color: transparent !important
            }

            .nav-tabs > li > a:before {
                content: '';
                position: absolute;
                left: 0;
                width: 100%;
                height: 0;
                border-bottom: 2px solid #2196f3;
                bottom: 2px;
                -moz-transform: scaleX(0);
                -ms-transform: scaleX(0);
                -o-transform: scaleX(0);
                -webkit-transform: scaleX(0);
                transform: scaleX(0);
                -moz-transition: .1s ease-in;
                -o-transition: .1s ease-in;
                -webkit-transition: .1s ease-in;
                transition: .1s ease-in
            }

            .nav-tabs > li > a .material-icons {
                position: relative;
                top: 7px;
                margin-bottom: 8px
            }

    .nav-tabs li.active a {
        color: #222 !important
    }

        .nav-tabs li.active a:active, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover {
            background-color: transparent !important
        }

        .nav-tabs li.active a:before {
            -moz-transform: scaleX(1);
            -ms-transform: scaleX(1);
            -o-transform: scaleX(1);
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }

    .nav-tabs + .tab-content {
        padding: 15px 0
    }

    .nav-tabs.tab-col-red > li > a:before {
        border-bottom: 2px solid #f44336
    }

    .nav-tabs.tab-col-pink > li > a:before {
        border-bottom: 2px solid #e91e63
    }

    .nav-tabs.tab-col-purple > li > a:before {
        border-bottom: 2px solid #9c27b0
    }

    .nav-tabs.tab-col-deep-purple > li > a:before {
        border-bottom: 2px solid #673ab7
    }

    .nav-tabs.tab-col-indigo > li > a:before {
        border-bottom: 2px solid #3f51b5
    }

    .nav-tabs.tab-col-blue > li > a:before {
        border-bottom: 2px solid #2196f3
    }

    .nav-tabs.tab-col-light-blue > li > a:before {
        border-bottom: 2px solid #03a9f4
    }

    .nav-tabs.tab-col-cyan > li > a:before {
        border-bottom: 2px solid #00bcd4
    }

    .nav-tabs.tab-col-teal > li > a:before {
        border-bottom: 2px solid #009688
    }

    .nav-tabs.tab-col-green > li > a:before {
        border-bottom: 2px solid #4caf50
    }

    .nav-tabs.tab-col-light-green > li > a:before {
        border-bottom: 2px solid #8bc34a
    }

    .nav-tabs.tab-col-lime > li > a:before {
        border-bottom: 2px solid #cddc39
    }

    .nav-tabs.tab-col-yellow > li > a:before {
        border-bottom: 2px solid #ffe821
    }

    .nav-tabs.tab-col-amber > li > a:before {
        border-bottom: 2px solid #ffc107
    }

    .nav-tabs.tab-col-orange > li > a:before {
        border-bottom: 2px solid #ff9800
    }

    .nav-tabs.tab-col-deep-orange > li > a:before {
        border-bottom: 2px solid #ff5722
    }

    .nav-tabs.tab-col-brown > li > a:before {
        border-bottom: 2px solid #795548
    }

    .nav-tabs.tab-col-grey > li > a:before {
        border-bottom: 2px solid #9e9e9e
    }

    .nav-tabs.tab-col-blue-grey > li > a:before {
        border-bottom: 2px solid #607d8b
    }

    .nav-tabs.tab-col-black > li > a:before {
        border-bottom: 2px solid #000
    }

    .nav-tabs.tab-col-white > li > a:before {
        border-bottom: 2px solid #fff
    }

.bg-header-model {
    background-color: #6495ed;
    color: #fff
}

.modal .modal-header {
    border: none
}

    .modal .modal-header .modal-title {
        font-weight: 700;
        font-size: 16px
    }

.modal .modal-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 5px 20px rgba(0,0,0,.31) !important;
    border: none
}

    .modal .modal-content .modal-body {
        color: #777;
        padding: 15px 25px
    }

.modal .modal-footer {
    border: none
}

.modal-col-red {
    background-color: #f44336
}

    .modal-col-red .modal-body, .modal-col-red .modal-title {
        color: #fff !important
    }

    .modal-col-red .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-red .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-red .modal-footer .btn-link:active, .modal-col-red .modal-footer .btn-link:focus, .modal-col-red .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-pink {
    background-color: #e91e63
}

    .modal-col-pink .modal-body, .modal-col-pink .modal-title {
        color: #fff !important
    }

    .modal-col-pink .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-pink .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-pink .modal-footer .btn-link:active, .modal-col-pink .modal-footer .btn-link:focus, .modal-col-pink .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-purple {
    background-color: #9c27b0
}

    .modal-col-purple .modal-body, .modal-col-purple .modal-title {
        color: #fff !important
    }

    .modal-col-purple .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-purple .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-purple .modal-footer .btn-link:active, .modal-col-purple .modal-footer .btn-link:focus, .modal-col-purple .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-deep-purple {
    background-color: #673ab7
}

    .modal-col-deep-purple .modal-body, .modal-col-deep-purple .modal-title {
        color: #fff !important
    }

    .modal-col-deep-purple .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-deep-purple .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-deep-purple .modal-footer .btn-link:active, .modal-col-deep-purple .modal-footer .btn-link:focus, .modal-col-deep-purple .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-indigo {
    background-color: #3f51b5
}

    .modal-col-indigo .modal-body, .modal-col-indigo .modal-title {
        color: #fff !important
    }

    .modal-col-indigo .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-indigo .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-indigo .modal-footer .btn-link:active, .modal-col-indigo .modal-footer .btn-link:focus, .modal-col-indigo .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-blue {
    background-color: #2196f3
}

    .modal-col-blue .modal-body, .modal-col-blue .modal-title {
        color: #fff !important
    }

    .modal-col-blue .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-blue .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-blue .modal-footer .btn-link:active, .modal-col-blue .modal-footer .btn-link:focus, .modal-col-blue .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-light-blue {
    background-color: #03a9f4
}

    .modal-col-light-blue .modal-body, .modal-col-light-blue .modal-title {
        color: #fff !important
    }

    .modal-col-light-blue .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-light-blue .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-light-blue .modal-footer .btn-link:active, .modal-col-light-blue .modal-footer .btn-link:focus, .modal-col-light-blue .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-cyan {
    background-color: #00bcd4
}

    .modal-col-cyan .modal-body, .modal-col-cyan .modal-title {
        color: #fff !important
    }

    .modal-col-cyan .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-cyan .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-cyan .modal-footer .btn-link:active, .modal-col-cyan .modal-footer .btn-link:focus, .modal-col-cyan .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-teal {
    background-color: #009688
}

    .modal-col-teal .modal-body, .modal-col-teal .modal-title {
        color: #fff !important
    }

    .modal-col-teal .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-teal .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-teal .modal-footer .btn-link:active, .modal-col-teal .modal-footer .btn-link:focus, .modal-col-teal .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-green {
    background-color: #4caf50
}

    .modal-col-green .modal-body, .modal-col-green .modal-title {
        color: #fff !important
    }

    .modal-col-green .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-green .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-green .modal-footer .btn-link:active, .modal-col-green .modal-footer .btn-link:focus, .modal-col-green .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-light-green {
    background-color: #8bc34a
}

    .modal-col-light-green .modal-body, .modal-col-light-green .modal-title {
        color: #fff !important
    }

    .modal-col-light-green .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-light-green .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-light-green .modal-footer .btn-link:active, .modal-col-light-green .modal-footer .btn-link:focus, .modal-col-light-green .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-lime {
    background-color: #cddc39
}

    .modal-col-lime .modal-body, .modal-col-lime .modal-title {
        color: #fff !important
    }

    .modal-col-lime .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-lime .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-lime .modal-footer .btn-link:active, .modal-col-lime .modal-footer .btn-link:focus, .modal-col-lime .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-yellow {
    background-color: #ffe821
}

    .modal-col-yellow .modal-body, .modal-col-yellow .modal-title {
        color: #fff !important
    }

    .modal-col-yellow .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-yellow .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-yellow .modal-footer .btn-link:active, .modal-col-yellow .modal-footer .btn-link:focus, .modal-col-yellow .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-amber {
    background-color: #ffc107
}

    .modal-col-amber .modal-body, .modal-col-amber .modal-title {
        color: #fff !important
    }

    .modal-col-amber .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-amber .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-amber .modal-footer .btn-link:active, .modal-col-amber .modal-footer .btn-link:focus, .modal-col-amber .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-orange {
    background-color: #ff9800
}

    .modal-col-orange .modal-body, .modal-col-orange .modal-title {
        color: #fff !important
    }

    .modal-col-orange .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-orange .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-orange .modal-footer .btn-link:active, .modal-col-orange .modal-footer .btn-link:focus, .modal-col-orange .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-deep-orange {
    background-color: #ff5722
}

    .modal-col-deep-orange .modal-body, .modal-col-deep-orange .modal-title {
        color: #fff !important
    }

    .modal-col-deep-orange .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-deep-orange .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-deep-orange .modal-footer .btn-link:active, .modal-col-deep-orange .modal-footer .btn-link:focus, .modal-col-deep-orange .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-brown {
    background-color: #795548
}

    .modal-col-brown .modal-body, .modal-col-brown .modal-title {
        color: #fff !important
    }

    .modal-col-brown .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-brown .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-brown .modal-footer .btn-link:active, .modal-col-brown .modal-footer .btn-link:focus, .modal-col-brown .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-grey {
    background-color: #9e9e9e
}

    .modal-col-grey .modal-body, .modal-col-grey .modal-title {
        color: #fff !important
    }

    .modal-col-grey .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-grey .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-grey .modal-footer .btn-link:active, .modal-col-grey .modal-footer .btn-link:focus, .modal-col-grey .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-blue-grey {
    background-color: #607d8b
}

    .modal-col-blue-grey .modal-body, .modal-col-blue-grey .modal-title {
        color: #fff !important
    }

    .modal-col-blue-grey .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-blue-grey .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-blue-grey .modal-footer .btn-link:active, .modal-col-blue-grey .modal-footer .btn-link:focus, .modal-col-blue-grey .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-black {
    background-color: #000
}

    .modal-col-black .modal-body, .modal-col-black .modal-title {
        color: #fff !important
    }

    .modal-col-black .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-black .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-black .modal-footer .btn-link:active, .modal-col-black .modal-footer .btn-link:focus, .modal-col-black .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-col-white {
    background-color: #fff
}

    .modal-col-white .modal-body, .modal-col-white .modal-title {
        color: #fff !important
    }

    .modal-col-white .modal-footer {
        background-color: rgba(0,0,0,.12)
    }

        .modal-col-white .modal-footer .btn-link {
            color: #fff !important
        }

            .modal-col-white .modal-footer .btn-link:active, .modal-col-white .modal-footer .btn-link:focus, .modal-col-white .modal-footer .btn-link:hover {
                background-color: rgba(0,0,0,.12)
            }

.modal-footer {
    padding: 0 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.label {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.label-primary {
    background-color: #1f91f3
}

.label-success {
    background-color: #2b982b
}

.label-info {
    background-color: #00b0e4
}

.label-warning {
    background-color: #ff9600
}

.label-danger {
    background-color: #fb483a
}

.collapse .well, .collapse.in .well, .collapsing .well {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0
}

.table tbody tr td, .table tbody tr th {
    padding: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.table tbody tr.primary td, .table tbody tr.primary th {
    background-color: #1f91f3;
    color: #fff
}

.table tbody tr.success td, .table tbody tr.success th {
    background-color: #2b982b;
    color: #fff
}

.table tbody tr.info td, .table tbody tr.info th {
    background-color: #00b0e4;
    color: #fff
}

.table tbody tr.warning td, .table tbody tr.warning th {
    background-color: #ff9600;
    color: #fff
}

.table tbody tr.danger td, .table tbody tr.danger th {
    background-color: #fb483a;
    color: #fff
}

.table thead tr th {
    padding: 10px;
    border-bottom: 1px solid #eee
}

.table-bordered {
    border-top: 1px solid #eee
}

    .table-bordered tbody tr td, .table-bordered tbody tr th {
        padding: 10px;
        border: 1px solid #eee
    }

    .table-bordered thead tr th {
        padding: 10px;
        border: 1px solid #eee
    }

.panel-group .panel-col-red {
    border: 1px solid #f44336
}

    .panel-group .panel-col-red .panel-title {
        background-color: #f44336 !important;
        color: #fff
    }

    .panel-group .panel-col-red .panel-body {
        border-top-color: transparent !important
    }

.panel-group .panel-col-pink {
    border: 1px solid #e91e63
}

    .panel-group .panel-col-pink .panel-title {
        background-color: #e91e63 !important;
        color: #fff
    }

    .panel-group .panel-col-pink .panel-body {
        border-top-color: transparent !important
    }

.panel-group .panel-col-purple {
    border: 1px solid #9c27b0
}

    .panel-group .panel-col-purple .panel-title {
        background-color: #9c27b0 !important;
        color: #fff
    }

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

    .panel-group .panel-col-deep-purple .panel-body {
        border-top-color: transparent !important
    }

.panel-group .panel-col-indigo {
    border: 1px solid #3f51b5
}

    .panel-group .panel-col-indigo .panel-title {
        background-color: #3f51b5 !important;
        color: #fff
    }

    .panel-group .panel-col-indigo .panel-body {
        border-top-color: transparent !important
    }

.panel-group .panel-col-blue {
    border: 1px solid #2196f3
}

    .panel-group .panel-col-blue .panel-title {
        background-color: #2196f3 !important;
        color: #fff
    }

    .panel-group .panel-col-blue .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
    }

    .panel-group .panel-col-light-blue .panel-body {
        border-top-color: transparent !important
    }

.panel-group .panel-col-cyan {
    border: 1px solid #00bcd4
}

    .panel-group .panel-col-cyan .panel-title {
        background-color: #00bcd4 !important;
        color: #fff
    }

    .panel-group .panel-col-cyan .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
    }

    .panel-group .panel-col-teal .panel-body {
        border-top-color: transparent !important
    }

.panel-group .panel-col-green {
    border: 1px solid #4caf50
}

    .panel-group .panel-col-green .panel-title {
        background-color: #4caf50 !important;
        color: #fff
    }

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

    .panel-group .panel-col-light-green .panel-body {
        border-top-color: transparent !important
    }

.panel-group .panel-col-lime {
    border: 1px solid #cddc39
}

    .panel-group .panel-col-lime .panel-title {
        background-color: #cddc39 !important;
        color: #fff
    }

    .panel-group .panel-col-lime .panel-body {
        border-top-color: transparent !important
    }

.panel-group .panel-col-yellow {
    border: 1px solid #ffe821
}

    .panel-group .panel-col-yellow .panel-title {
        background-color: #ffe821 !important;
        color: #fff
    }

    .panel-group .panel-col-yellow .panel-body {
        border-top-color: transparent !important
    }

.panel-group .panel-col-amber {
    border: 1px solid #ffc107
}

    .panel-group .panel-col-amber .panel-title {
        background-color: #ffc107 !important;
        color: #fff
    }

    .panel-group .panel-col-amber .panel-body {
        border-top-color: transparent !important
    }

.panel-group .panel-col-orange {
    border: 1px solid #ff9800
}

    .panel-group .panel-col-orange .panel-title {
        background-color: #ff9800 !important;
        color: #fff
    }

    .panel-group .panel-col-orange .panel-body {
        border-top-color: transparent !important
    }

.panel-group .panel-col-deep-orange {
    border: 1px solid #ff5722
}

    .panel-group .panel-col-deep-orange .panel-title {
        background-color: #ff5722 !important;
        color: #fff
    }

    .panel-group .panel-col-deep-orange .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
    }

    .panel-group .panel-col-brown .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
    }

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

    .panel-group .panel-col-blue-grey .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
    }

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

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

    .panel-group .panel .panel-title .material-icons {
        float: left;
        line-height: 16px;
        margin-right: 8px
    }

    .panel-group .panel .panel-heading {
        padding: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0
    }

.panel-body {
    padding: 15px
}

.panel-group .panel .panel-heading a {
    display: block;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px
}

    .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 {
    color: #555
}

.panel-group .panel-primary {
    border: 1px solid #1f91f3
}

    .panel-group .panel-primary .panel-title {
        background-color: #1f91f3
    }

.panel-group .panel-success {
    border: 1px solid #2b982b
}

    .panel-group .panel-success .panel-title {
        background-color: #2b982b;
        color: #fff
    }

.panel-group .panel-warning {
    border: 1px solid #ff9600
}

    .panel-group .panel-warning .panel-title {
        background-color: #ff9600;
        color: #fff
    }

.panel-group .panel-danger {
    border: 1px solid #fb483a
}

    .panel-group .panel-danger .panel-title {
        background-color: #fb483a;
        color: #fff
    }

.full-body .panel-col-red .panel-body {
    border-top-color: #fff !important;
    background-color: #f44336;
    color: #fff
}

.full-body .panel-col-pink .panel-body {
    border-top-color: #fff !important;
    background-color: #e91e63;
    color: #fff
}

.full-body .panel-col-purple .panel-body {
    border-top-color: #fff !important;
    background-color: #9c27b0;
    color: #fff
}

.full-body .panel-col-deep-purple .panel-body {
    border-top-color: #fff !important;
    background-color: #673ab7;
    color: #fff
}

.full-body .panel-col-indigo .panel-body {
    border-top-color: #fff !important;
    background-color: #3f51b5;
    color: #fff
}

.full-body .panel-col-blue .panel-body {
    border-top-color: #fff !important;
    background-color: #2196f3;
    color: #fff
}

.full-body .panel-col-light-blue .panel-body {
    border-top-color: #fff !important;
    background-color: #03a9f4;
    color: #fff
}

.full-body .panel-col-cyan .panel-body {
    border-top-color: #fff !important;
    background-color: #00bcd4;
    color: #fff
}

.full-body .panel-col-teal .panel-body {
    border-top-color: #fff !important;
    background-color: #009688;
    color: #fff
}

.full-body .panel-col-green .panel-body {
    border-top-color: #fff !important;
    background-color: #4caf50;
    color: #fff
}

.full-body .panel-col-light-green .panel-body {
    border-top-color: #fff !important;
    background-color: #8bc34a;
    color: #fff
}

.full-body .panel-col-lime .panel-body {
    border-top-color: #fff !important;
    background-color: #cddc39;
    color: #fff
}

.full-body .panel-col-yellow .panel-body {
    border-top-color: #fff !important;
    background-color: #ffe821;
    color: #fff
}

.full-body .panel-col-amber .panel-body {
    border-top-color: #fff !important;
    background-color: #ffc107;
    color: #fff
}

.full-body .panel-col-orange .panel-body {
    border-top-color: #fff !important;
    background-color: #ff9800;
    color: #fff
}

.full-body .panel-col-deep-orange .panel-body {
    border-top-color: #fff !important;
    background-color: #ff5722;
    color: #fff
}

.full-body .panel-col-brown .panel-body {
    border-top-color: #fff !important;
    background-color: #795548;
    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-black .panel-body {
    border-top-color: #fff !important;
    background-color: #000;
    color: #fff
}

.full-body .panel-col-white .panel-body {
    border-top-color: #fff !important;
    background-color: #fff;
    color: #fff
}

.full-body .panel-primary .panel-body {
    border-top-color: #fff !important;
    background-color: #1f91f3;
    color: #fff
}

.full-body .panel-success .panel-body {
    border-top-color: #fff !important;
    background-color: #2b982b;
    color: #fff
}

.full-body .panel-warning .panel-body {
    border-top-color: #fff !important;
    background-color: #ff9600;
    color: #fff
}

.full-body .panel-danger .panel-body {
    border-top-color: #fff !important;
    background-color: #fb483a;
    color: #fff
}

@media only screen and (max-width:767px) {
    .preload {
        top: 35%;
        left: 30%
    }
}