body{
	font-family: var(--bfont) !important;
}
.life-of-material-kit{
    background:#fff
}
.animation-transition-general{
    -webkit-transition:all 300ms linear;
    -moz-transition:all 300ms linear;
    -o-transition:all 300ms linear;
    -ms-transition:all 300ms linear;
    transition:all 300ms linear
}
.animation-transition-slow{
    -webkit-transition:all 370ms linear;
    -moz-transition:all 370ms linear;
    -o-transition:all 370ms linear;
    -ms-transition:all 370ms linear;
    transition:all 370ms linear
}
.animation-transition-fast{
    -webkit-transition:all 150ms ease 0s;
    -moz-transition:all 150ms ease 0s;
    -o-transition:all 150ms ease 0s;
    -ms-transition:all 150ms ease 0s;
    transition:all 150ms ease 0s
}
.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{
    padding-top:0
}
.form-horizontal .radio{
    margin-bottom:10px
}
.form-horizontal label{
    text-align:right
}
.form-horizontal label.control-label{
    margin:0
}
.btn,.input-group-btn .btn{
    border-radius:3px;
    font-size:12px;
    font-weight:400;
    will-change:box-shadow, transform;
    transition:box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    text-transform:uppercase;
    position:relative;
    padding:5px 10px;
    margin:10px 1px;
    letter-spacing:0;
    border:none;
    background:transparent
}
.btn::-moz-focus-inner,.input-group-btn .btn::-moz-focus-inner{
    border:0
}
.btn:not(.btn-raised),.input-group-btn .btn:not(.btn-raised){
    box-shadow:none
}
.btn:not(.btn-raised),.btn:not(.btn-raised).btn-default,.input-group-btn .btn:not(.btn-raised),.input-group-btn .btn:not(.btn-raised).btn-default{
    color:rgba(0,0,0, 0.87)
}
.btn:not(.btn-raised).btn-inverse,.input-group-btn .btn:not(.btn-raised).btn-inverse{
    color:#3f51b5
}
.btn:not(.btn-raised).btn-primary,.input-group-btn .btn:not(.btn-raised).btn-primary{
    color:#9c27b0
}
.btn:not(.btn-raised).btn-success,.input-group-btn .btn:not(.btn-raised).btn-success{
    color:#4caf50
}
.btn:not(.btn-raised).btn-info,.input-group-btn .btn:not(.btn-raised).btn-info{
    color:#03a9f4
}
.btn:not(.btn-raised).btn-warning,.input-group-btn .btn:not(.btn-raised).btn-warning{
    color:#fec60a
}
.btn:not(.btn-raised).btn-danger,.input-group-btn .btn:not(.btn-raised).btn-danger{
    color:#f44336
}
.btn:not(.btn-raised):not(.btn-link):hover,.btn:not(.btn-raised):not(.btn-link):focus,.input-group-btn .btn:not(.btn-raised):not(.btn-link):hover,.input-group-btn .btn:not(.btn-raised):not(.btn-link):focus{
    background-color:transparent
}
.btn:focus,.btn:active,.btn:active:focus,.input-group-btn .btn:focus,.input-group-btn .btn:active,.input-group-btn .btn:active:focus{
    outline:0
}
.btn.btn-raised,.btn.btn-raised.btn-default,.btn.btn-fab,.btn.btn-fab.btn-default,.btn-group-raised .btn,.btn-group-raised .btn.btn-default,.input-group-btn .btn.btn-raised,.input-group-btn .btn.btn-raised.btn-default,.input-group-btn .btn.btn-fab,.input-group-btn .btn.btn-fab.btn-default,.btn-group-raised .input-group-btn .btn,.btn-group-raised .input-group-btn .btn.btn-default{
    background-color:#eee;
    color:rgba(0,0,0, 0.87)
}
.btn.btn-raised.btn-inverse,.btn.btn-fab.btn-inverse,.btn-group-raised .btn.btn-inverse,.input-group-btn .btn.btn-raised.btn-inverse,.input-group-btn .btn.btn-fab.btn-inverse,.btn-group-raised .input-group-btn .btn.btn-inverse{
    background-color:#3f51b5;
    color:contrast-color(#3f51b5, #000, #fff)
}
.btn.btn-raised.btn-primary,.btn.btn-fab.btn-primary,.btn-group-raised .btn.btn-primary,.input-group-btn .btn.btn-raised.btn-primary,.input-group-btn .btn.btn-fab.btn-primary,.btn-group-raised .input-group-btn .btn.btn-primary{
    background-color:#9c27b0;
    color:#fff
}
.btn.btn-raised.btn-success,.btn.btn-fab.btn-success,.btn-group-raised .btn.btn-success,.input-group-btn .btn.btn-raised.btn-success,.input-group-btn .btn.btn-fab.btn-success,.btn-group-raised .input-group-btn .btn.btn-success{
    background-color:#4caf50;
    color:#fff
}
.btn.btn-raised.btn-info,.btn.btn-fab.btn-info,.btn-group-raised .btn.btn-info,.input-group-btn .btn.btn-raised.btn-info,.input-group-btn .btn.btn-fab.btn-info,.btn-group-raised .input-group-btn .btn.btn-info{
    background-color:#03a9f4;
    color:#fff
}
.btn.btn-raised.btn-warning,.btn.btn-fab.btn-warning,.btn-group-raised .btn.btn-warning,.input-group-btn .btn.btn-raised.btn-warning,.input-group-btn .btn.btn-fab.btn-warning,.btn-group-raised .input-group-btn .btn.btn-warning{
    background-color:#fec60a;
    color:#fff
}
.btn.btn-raised.btn-danger,.btn.btn-fab.btn-danger,.btn-group-raised .btn.btn-danger,.input-group-btn .btn.btn-raised.btn-danger,.input-group-btn .btn.btn-fab.btn-danger,.btn-group-raised .input-group-btn .btn.btn-danger{
    background-color:#f44336;
    color:#fff
}
.btn.btn-raised:not(.btn-link),.btn-group-raised .btn:not(.btn-link),.input-group-btn .btn.btn-raised:not(.btn-link),.btn-group-raised .input-group-btn .btn:not(.btn-link){
    box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
}
.btn.btn-raised:not(.btn-link):hover,.btn.btn-raised:not(.btn-link):focus,.btn.btn-raised:not(.btn-link).active,.btn.btn-raised:not(.btn-link):active,.btn-group-raised .btn:not(.btn-link):hover,.btn-group-raised .btn:not(.btn-link):focus,.btn-group-raised .btn:not(.btn-link).active,.btn-group-raised .btn:not(.btn-link):active,.input-group-btn .btn.btn-raised:not(.btn-link):hover,.input-group-btn .btn.btn-raised:not(.btn-link):focus,.input-group-btn .btn.btn-raised:not(.btn-link).active,.input-group-btn .btn.btn-raised:not(.btn-link):active,.btn-group-raised .input-group-btn .btn:not(.btn-link):hover,.btn-group-raised .input-group-btn .btn:not(.btn-link):focus,.btn-group-raised .input-group-btn .btn:not(.btn-link).active,.btn-group-raised .input-group-btn .btn:not(.btn-link):active{
    outline:0
}
.btn.btn-raised:not(.btn-link):hover,.btn.btn-raised:not(.btn-link):hover.btn-default,.btn.btn-raised:not(.btn-link):focus,.btn.btn-raised:not(.btn-link):focus.btn-default,.btn.btn-raised:not(.btn-link).active,.btn.btn-raised:not(.btn-link).active.btn-default,.btn.btn-raised:not(.btn-link):active,.btn.btn-raised:not(.btn-link):active.btn-default,.btn-group-raised .btn:not(.btn-link):hover,.btn-group-raised .btn:not(.btn-link):hover.btn-default,.btn-group-raised .btn:not(.btn-link):focus,.btn-group-raised .btn:not(.btn-link):focus.btn-default,.btn-group-raised .btn:not(.btn-link).active,.btn-group-raised .btn:not(.btn-link).active.btn-default,.btn-group-raised .btn:not(.btn-link):active,.btn-group-raised .btn:not(.btn-link):active.btn-default,.input-group-btn .btn.btn-raised:not(.btn-link):hover,.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-default,.input-group-btn .btn.btn-raised:not(.btn-link):focus,.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-default,.input-group-btn .btn.btn-raised:not(.btn-link).active,.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-default,.input-group-btn .btn.btn-raised:not(.btn-link):active,.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-default,.btn-group-raised .input-group-btn .btn:not(.btn-link):hover,.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-default,.btn-group-raised .input-group-btn .btn:not(.btn-link):focus,.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-default,.btn-group-raised .input-group-btn .btn:not(.btn-link).active,.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-default,.btn-group-raised .input-group-btn .btn:not(.btn-link):active,.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-default{
    background-color:contrast-color(#eee, #e4e4e4, #f8f8f8)
}
.btn.btn-raised:not(.btn-link):hover.btn-inverse,.btn.btn-raised:not(.btn-link):focus.btn-inverse,.btn.btn-raised:not(.btn-link).active.btn-inverse,.btn.btn-raised:not(.btn-link):active.btn-inverse,.btn-group-raised .btn:not(.btn-link):hover.btn-inverse,.btn-group-raised .btn:not(.btn-link):focus.btn-inverse,.btn-group-raised .btn:not(.btn-link).active.btn-inverse,.btn-group-raised .btn:not(.btn-link):active.btn-inverse,.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-inverse,.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-inverse,.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-inverse,.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-inverse,.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-inverse,.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-inverse,.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-inverse,.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-inverse{
    background-color:contrast-color(#3f51b5, #3a4aa6, #495bc0)
}
.btn.btn-raised:not(.btn-link):hover.btn-primary,.btn.btn-raised:not(.btn-link):focus.btn-primary,.btn.btn-raised:not(.btn-link).active.btn-primary,.btn.btn-raised:not(.btn-link):active.btn-primary,.btn-group-raised .btn:not(.btn-link):hover.btn-primary,.btn-group-raised .btn:not(.btn-link):focus.btn-primary,.btn-group-raised .btn:not(.btn-link).active.btn-primary,.btn-group-raised .btn:not(.btn-link):active.btn-primary,.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-primary,.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-primary,.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-primary,.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-primary,.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-primary,.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-primary,.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-primary,.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-primary{
    background-color:contrast-color(#9c27b0, #8d239f, #ab2bc1)
}
.btn.btn-raised:not(.btn-link):hover.btn-success,.btn.btn-raised:not(.btn-link):focus.btn-success,.btn.btn-raised:not(.btn-link).active.btn-success,.btn.btn-raised:not(.btn-link):active.btn-success,.btn-group-raised .btn:not(.btn-link):hover.btn-success,.btn-group-raised .btn:not(.btn-link):focus.btn-success,.btn-group-raised .btn:not(.btn-link).active.btn-success,.btn-group-raised .btn:not(.btn-link):active.btn-success,.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-success,.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-success,.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-success,.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-success,.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-success,.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-success,.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-success,.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-success{
    background-color:contrast-color(#4caf50, #46a149, #59b75c)
}
.btn.btn-raised:not(.btn-link):hover.btn-info,.btn.btn-raised:not(.btn-link):focus.btn-info,.btn.btn-raised:not(.btn-link).active.btn-info,.btn.btn-raised:not(.btn-link):active.btn-info,.btn-group-raised .btn:not(.btn-link):hover.btn-info,.btn-group-raised .btn:not(.btn-link):focus.btn-info,.btn-group-raised .btn:not(.btn-link).active.btn-info,.btn-group-raised .btn:not(.btn-link):active.btn-info,.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-info,.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-info,.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-info,.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-info,.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-info,.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-info,.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-info,.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-info{
    background-color:contrast-color(#03a9f4, #039be0, #0fb2fc)
}
.btn.btn-raised:not(.btn-link):hover.btn-warning,.btn.btn-raised:not(.btn-link):focus.btn-warning,.btn.btn-raised:not(.btn-link).active.btn-warning,.btn.btn-raised:not(.btn-link):active.btn-warning,.btn-group-raised .btn:not(.btn-link):hover.btn-warning,.btn-group-raised .btn:not(.btn-link):focus.btn-warning,.btn-group-raised .btn:not(.btn-link).active.btn-warning,.btn-group-raised .btn:not(.btn-link):active.btn-warning,.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-warning,.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-warning,.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-warning,.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-warning,.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-warning,.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-warning,.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-warning,.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-warning{
    background-color:contrast-color(#fec60a, #f3bb01, #fecb1e)
}
.btn.btn-raised:not(.btn-link):hover.btn-danger,.btn.btn-raised:not(.btn-link):focus.btn-danger,.btn.btn-raised:not(.btn-link).active.btn-danger,.btn.btn-raised:not(.btn-link):active.btn-danger,.btn-group-raised .btn:not(.btn-link):hover.btn-danger,.btn-group-raised .btn:not(.btn-link):focus.btn-danger,.btn-group-raised .btn:not(.btn-link).active.btn-danger,.btn-group-raised .btn:not(.btn-link):active.btn-danger,.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-danger,.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-danger,.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-danger,.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-danger,.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-danger,.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-danger,.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-danger,.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-danger{
    background-color:contrast-color(#f44336, #f33123, #f55549)
}
.btn.btn-raised:not(.btn-link):hover,.btn.btn-raised:not(.btn-link):hover:focus,.btn.btn-raised:not(.btn-link):hover.active,.btn.btn-raised:not(.btn-link):hover.active:focus,.btn.btn-raised:not(.btn-link):hover:active,.btn.btn-raised:not(.btn-link):hover:active:focus,.btn-group-raised .btn:not(.btn-link):hover,.btn-group-raised .btn:not(.btn-link):hover:focus,.btn-group-raised .btn:not(.btn-link):hover.active,.btn-group-raised .btn:not(.btn-link):hover.active:focus,.btn-group-raised .btn:not(.btn-link):hover:active,.btn-group-raised .btn:not(.btn-link):hover:active:focus,.input-group-btn .btn.btn-raised:not(.btn-link):hover,.input-group-btn .btn.btn-raised:not(.btn-link):hover:focus,.input-group-btn .btn.btn-raised:not(.btn-link):hover.active,.input-group-btn .btn.btn-raised:not(.btn-link):hover.active:focus,.input-group-btn .btn.btn-raised:not(.btn-link):hover:active,.input-group-btn .btn.btn-raised:not(.btn-link):hover:active:focus,.btn-group-raised .input-group-btn .btn:not(.btn-link):hover,.btn-group-raised .input-group-btn .btn:not(.btn-link):hover:focus,.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.active,.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.active:focus,.btn-group-raised .input-group-btn .btn:not(.btn-link):hover:active,.btn-group-raised .input-group-btn .btn:not(.btn-link):hover:active:focus{
    box-shadow:0 0 8px rgba(0,0,0,0.18),0 8px 16px rgba(0,0,0,0.36)
}
.btn.btn-round,.input-group-btn .btn.btn-round{
    border-radius:30px
}
.btn.btn-fab,.input-group-btn .btn.btn-fab{
    border-radius:50%;
    font-size:24px;
    height:56px;
    margin:auto;
    min-width:56px;
    width:56px;
    padding:0;
    overflow:hidden;
    box-shadow:0 1px 1.5px 0 rgba(0,0,0,0.12),0 1px 1px 0 rgba(0,0,0,0.24);
    position:relative;
    line-height:normal
}
.btn.btn-fab .ripple-container,.input-group-btn .btn.btn-fab .ripple-container{
    border-radius:50%
}
.btn.btn-fab.btn-fab-mini,.btn-group-sm .btn.btn-fab,.input-group-btn .btn.btn-fab.btn-fab-mini,.btn-group-sm .input-group-btn .btn.btn-fab{
    height:40px;
    min-width:40px;
    width:40px
}
.btn.btn-fab.btn-fab-mini.material-icons,.btn-group-sm .btn.btn-fab.material-icons,.input-group-btn .btn.btn-fab.btn-fab-mini.material-icons,.btn-group-sm .input-group-btn .btn.btn-fab.material-icons{
    top:-3.5px;
    left:-3.5px
}
.btn.btn-fab.btn-fab-mini .material-icons,.btn-group-sm .btn.btn-fab .material-icons,.input-group-btn .btn.btn-fab.btn-fab-mini .material-icons,.btn-group-sm .input-group-btn .btn.btn-fab .material-icons{
    font-size:17px
}
.btn.btn-fab i.material-icons,.input-group-btn .btn.btn-fab i.material-icons{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-12px, -12px);
    line-height:24px;
    width:24px;
    font-size:24px
}
.btn.btn-lg,.btn-group-lg .btn,.input-group-btn .btn.btn-lg,.btn-group-lg .input-group-btn .btn{
    font-size:14px;
    padding:18px 36px
}
.btn.btn-sm,.btn-group-sm .btn,.input-group-btn .btn.btn-sm,.btn-group-sm .input-group-btn .btn{
    padding:5px 18px;
    font-size:11px
}
.btn.btn-xs,.btn-group-xs .btn,.input-group-btn .btn.btn-xs,.btn-group-xs .input-group-btn .btn{
    padding:4px 12px;
    font-size:10px
}
.btn i.material-icons,.input-group-btn .btn i.material-icons{
    vertical-align:middle;
    font-size:17px;
    top:-1px;
    position:relative
}
.btn-just-icon{
    padding:6px 11px
}
fieldset[disabled][disabled] .btn,.btn.disabled,.btn:disabled,.btn[disabled][disabled],fieldset[disabled][disabled] .input-group-btn .btn,.input-group-btn .btn.disabled,.input-group-btn .btn:disabled,.input-group-btn .btn[disabled][disabled],fieldset[disabled][disabled] .btn-group,.btn-group.disabled,.btn-group:disabled,.btn-group[disabled][disabled],fieldset[disabled][disabled] .btn-group-vertical,.btn-group-vertical.disabled,.btn-group-vertical:disabled,.btn-group-vertical[disabled][disabled]{
    color:rgba(0,0,0,0.26);
    background:transparent
}
.theme-dark fieldset[disabled][disabled] .btn,.theme-dark .btn.disabled,.theme-dark .btn:disabled,.theme-dark .btn[disabled][disabled],.theme-dark fieldset[disabled][disabled] .input-group-btn .btn,.theme-dark .input-group-btn .btn.disabled,.theme-dark .input-group-btn .btn:disabled,.theme-dark .input-group-btn .btn[disabled][disabled],.theme-dark fieldset[disabled][disabled] .btn-group,.theme-dark .btn-group.disabled,.theme-dark .btn-group:disabled,.theme-dark .btn-group[disabled][disabled],.theme-dark fieldset[disabled][disabled] .btn-group-vertical,.theme-dark .btn-group-vertical.disabled,.theme-dark .btn-group-vertical:disabled,.theme-dark .btn-group-vertical[disabled][disabled]{
    color:rgba(255,255,255,0.3)
}
fieldset[disabled][disabled] .btn.btn-raised,fieldset[disabled][disabled] .btn.btn-raised.active,fieldset[disabled][disabled] .btn.btn-raised:active,fieldset[disabled][disabled] .btn.btn-raised:focus:not(:active),fieldset[disabled][disabled] .btn.btn-group-raised,fieldset[disabled][disabled] .btn.btn-group-raised.active,fieldset[disabled][disabled] .btn.btn-group-raised:active,fieldset[disabled][disabled] .btn.btn-group-raised:focus:not(:active),.btn.disabled.btn-raised,.btn.disabled.btn-raised.active,.btn.disabled.btn-raised:active,.btn.disabled.btn-raised:focus:not(:active),.btn.disabled.btn-group-raised,.btn.disabled.btn-group-raised.active,.btn.disabled.btn-group-raised:active,.btn.disabled.btn-group-raised:focus:not(:active),.btn:disabled.btn-raised,.btn:disabled.btn-raised.active,.btn:disabled.btn-raised:active,.btn:disabled.btn-raised:focus:not(:active),.btn:disabled.btn-group-raised,.btn:disabled.btn-group-raised.active,.btn:disabled.btn-group-raised:active,.btn:disabled.btn-group-raised:focus:not(:active),.btn[disabled][disabled].btn-raised,.btn[disabled][disabled].btn-raised.active,.btn[disabled][disabled].btn-raised:active,.btn[disabled][disabled].btn-raised:focus:not(:active),.btn[disabled][disabled].btn-group-raised,.btn[disabled][disabled].btn-group-raised.active,.btn[disabled][disabled].btn-group-raised:active,.btn[disabled][disabled].btn-group-raised:focus:not(:active),fieldset[disabled][disabled] .input-group-btn .btn.btn-raised,fieldset[disabled][disabled] .input-group-btn .btn.btn-raised.active,fieldset[disabled][disabled] .input-group-btn .btn.btn-raised:active,fieldset[disabled][disabled] .input-group-btn .btn.btn-raised:focus:not(:active),fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised,fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised.active,fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised:active,fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised:focus:not(:active),.input-group-btn .btn.disabled.btn-raised,.input-group-btn .btn.disabled.btn-raised.active,.input-group-btn .btn.disabled.btn-raised:active,.input-group-btn .btn.disabled.btn-raised:focus:not(:active),.input-group-btn .btn.disabled.btn-group-raised,.input-group-btn .btn.disabled.btn-group-raised.active,.input-group-btn .btn.disabled.btn-group-raised:active,.input-group-btn .btn.disabled.btn-group-raised:focus:not(:active),.input-group-btn .btn:disabled.btn-raised,.input-group-btn .btn:disabled.btn-raised.active,.input-group-btn .btn:disabled.btn-raised:active,.input-group-btn .btn:disabled.btn-raised:focus:not(:active),.input-group-btn .btn:disabled.btn-group-raised,.input-group-btn .btn:disabled.btn-group-raised.active,.input-group-btn .btn:disabled.btn-group-raised:active,.input-group-btn .btn:disabled.btn-group-raised:focus:not(:active),.input-group-btn .btn[disabled][disabled].btn-raised,.input-group-btn .btn[disabled][disabled].btn-raised.active,.input-group-btn .btn[disabled][disabled].btn-raised:active,.input-group-btn .btn[disabled][disabled].btn-raised:focus:not(:active),.input-group-btn .btn[disabled][disabled].btn-group-raised,.input-group-btn .btn[disabled][disabled].btn-group-raised.active,.input-group-btn .btn[disabled][disabled].btn-group-raised:active,.input-group-btn .btn[disabled][disabled].btn-group-raised:focus:not(:active),fieldset[disabled][disabled] .btn-group.btn-raised,fieldset[disabled][disabled] .btn-group.btn-raised.active,fieldset[disabled][disabled] .btn-group.btn-raised:active,fieldset[disabled][disabled] .btn-group.btn-raised:focus:not(:active),fieldset[disabled][disabled] .btn-group.btn-group-raised,fieldset[disabled][disabled] .btn-group.btn-group-raised.active,fieldset[disabled][disabled] .btn-group.btn-group-raised:active,fieldset[disabled][disabled] .btn-group.btn-group-raised:focus:not(:active),.btn-group.disabled.btn-raised,.btn-group.disabled.btn-raised.active,.btn-group.disabled.btn-raised:active,.btn-group.disabled.btn-raised:focus:not(:active),.btn-group.disabled.btn-group-raised,.btn-group.disabled.btn-group-raised.active,.btn-group.disabled.btn-group-raised:active,.btn-group.disabled.btn-group-raised:focus:not(:active),.btn-group:disabled.btn-raised,.btn-group:disabled.btn-raised.active,.btn-group:disabled.btn-raised:active,.btn-group:disabled.btn-raised:focus:not(:active),.btn-group:disabled.btn-group-raised,.btn-group:disabled.btn-group-raised.active,.btn-group:disabled.btn-group-raised:active,.btn-group:disabled.btn-group-raised:focus:not(:active),.btn-group[disabled][disabled].btn-raised,.btn-group[disabled][disabled].btn-raised.active,.btn-group[disabled][disabled].btn-raised:active,.btn-group[disabled][disabled].btn-raised:focus:not(:active),.btn-group[disabled][disabled].btn-group-raised,.btn-group[disabled][disabled].btn-group-raised.active,.btn-group[disabled][disabled].btn-group-raised:active,.btn-group[disabled][disabled].btn-group-raised:focus:not(:active),fieldset[disabled][disabled] .btn-group-vertical.btn-raised,fieldset[disabled][disabled] .btn-group-vertical.btn-raised.active,fieldset[disabled][disabled] .btn-group-vertical.btn-raised:active,fieldset[disabled][disabled] .btn-group-vertical.btn-raised:focus:not(:active),fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised,fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised.active,fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised:active,fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised:focus:not(:active),.btn-group-vertical.disabled.btn-raised,.btn-group-vertical.disabled.btn-raised.active,.btn-group-vertical.disabled.btn-raised:active,.btn-group-vertical.disabled.btn-raised:focus:not(:active),.btn-group-vertical.disabled.btn-group-raised,.btn-group-vertical.disabled.btn-group-raised.active,.btn-group-vertical.disabled.btn-group-raised:active,.btn-group-vertical.disabled.btn-group-raised:focus:not(:active),.btn-group-vertical:disabled.btn-raised,.btn-group-vertical:disabled.btn-raised.active,.btn-group-vertical:disabled.btn-raised:active,.btn-group-vertical:disabled.btn-raised:focus:not(:active),.btn-group-vertical:disabled.btn-group-raised,.btn-group-vertical:disabled.btn-group-raised.active,.btn-group-vertical:disabled.btn-group-raised:active,.btn-group-vertical:disabled.btn-group-raised:focus:not(:active),.btn-group-vertical[disabled][disabled].btn-raised,.btn-group-vertical[disabled][disabled].btn-raised.active,.btn-group-vertical[disabled][disabled].btn-raised:active,.btn-group-vertical[disabled][disabled].btn-raised:focus:not(:active),.btn-group-vertical[disabled][disabled].btn-group-raised,.btn-group-vertical[disabled][disabled].btn-group-raised.active,.btn-group-vertical[disabled][disabled].btn-group-raised:active,.btn-group-vertical[disabled][disabled].btn-group-raised:focus:not(:active){
    box-shadow:none
}
.btn-group,.btn-group-vertical{
    position:relative;
    margin:10px 1px
}
.btn-group.open>.dropdown-toggle.btn,.btn-group.open>.dropdown-toggle.btn.btn-default,.btn-group-vertical.open>.dropdown-toggle.btn,.btn-group-vertical.open>.dropdown-toggle.btn.btn-default{
    background-color:#eee
}
.btn-group.open>.dropdown-toggle.btn.btn-inverse,.btn-group-vertical.open>.dropdown-toggle.btn.btn-inverse{
    background-color:#3f51b5
}
.btn-group.open>.dropdown-toggle.btn.btn-primary,.btn-group-vertical.open>.dropdown-toggle.btn.btn-primary{
    background-color:#9c27b0
}
.btn-group.open>.dropdown-toggle.btn.btn-success,.btn-group-vertical.open>.dropdown-toggle.btn.btn-success{
    background-color:#4caf50
}
.btn-group.open>.dropdown-toggle.btn.btn-info,.btn-group-vertical.open>.dropdown-toggle.btn.btn-info{
    background-color:#03a9f4
}
.btn-group.open>.dropdown-toggle.btn.btn-warning,.btn-group-vertical.open>.dropdown-toggle.btn.btn-warning{
    background-color:#fec60a
}
.btn-group.open>.dropdown-toggle.btn.btn-danger,.btn-group-vertical.open>.dropdown-toggle.btn.btn-danger{
    background-color:#f44336
}
.btn-group .dropdown-menu,.btn-group-vertical .dropdown-menu{
    border-radius:0 0 3px 3px
}
.btn-group.btn-group-raised,.btn-group-vertical.btn-group-raised{
    box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
}
.close{
    font-size:inherit;
    color:#fff;
    opacity:.9;
    text-shadow:none
}
.close:hover,.close:focus{
    opacity:1;
    color:#fff
}
.checkbox label{
    cursor:pointer;
    padding-left:0;
    color:rgba(0,0,0, 0.26)
}
.form-group.is-focused .checkbox label{
    color:rgba(0,0,0, 0.26)
}
.form-group.is-focused .checkbox label:hover,.form-group.is-focused .checkbox label:focus{
    color:rgba(0,0,0, .54)
}
fieldset[disabled] .form-group.is-focused .checkbox label{
    color:rgba(0,0,0, 0.26)
}
.checkbox input[type=checkbox]{
    opacity:0;
    position:absolute;
    margin:0;
    z-index:-1;
    width:0;
    height:0;
    overflow:hidden;
    left:0;
    pointer-events:none
}
.checkbox .checkbox-material{
    vertical-align:middle;
    position:relative;
    top:3px;
    padding-right:5px
}
.checkbox .checkbox-material:before{
    display:block;
    position:absolute;
    left:0;
    content:"";
    background-color:rgba(0,0,0,0.84);
    height:20px;
    width:20px;
    border-radius:100%;
    z-index:1;
    opacity:0;
    margin:0;
    transform:scale3d(2.3, 2.3, 1)
}
.checkbox .checkbox-material .check{
    position:relative;
    display:inline-block;
    width:20px;
    height:20px;
    border:1px solid rgba(0,0,0, .54);
    overflow:hidden;
    z-index:1;
    border-radius:3px
}
.checkbox .checkbox-material .check:before{
    position:absolute;
    content:"";
    transform:rotate(45deg);
    display:block;
    margin-top:-3px;
    margin-left:7px;
    width:0;
    height:0;
    background:red;
    box-shadow:0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    animation:checkbox-off .3s forwards
}
.checkbox input[type=checkbox]:focus+.checkbox-material .check:after{
    opacity:0.2
}
.checkbox input[type=checkbox]:checked+.checkbox-material .check{
    background:#9c27b0
}
.checkbox input[type=checkbox]:checked+.checkbox-material .check:before{
    color:#FFFFFF;
    box-shadow:0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    animation:checkbox-on .3s forwards
}
.checkbox input[type=checkbox]:checked+.checkbox-material:before{
    animation:rippleOn 500ms
}
.checkbox input[type=checkbox]:checked+.checkbox-material .check:after{
    animation:rippleOn 500ms forwards
}
.checkbox input[type=checkbox]:not(:checked)+.checkbox-material:before{
    animation:rippleOff 500ms
}
.checkbox input[type=checkbox]:not(:checked)+.checkbox-material .check:after{
    animation:rippleOff 500ms
}
fieldset[disabled] .checkbox,fieldset[disabled] .checkbox input[type=checkbox],.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check,.checkbox input[type=checkbox][disabled]+.circle{
    opacity:0.5
}
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check{
    border-color:#000000;
    opacity:.26
}
.checkbox input[type=checkbox][disabled]+.checkbox-material .check:after{
    background-color:rgba(0,0,0, 0.87);
    transform:rotate(-45deg)
}
@keyframes checkbox-on{
    0%{
        box-shadow:0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px
    }
    50%{
        box-shadow:0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px
    }
    100%{
        box-shadow:0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px
    }
}
@keyframes rippleOn{
    0%{
        opacity:0
    }
    50%{
        opacity:0.2
    }
    100%{
        opacity:0
    }
}
@keyframes rippleOff{
    0%{
        opacity:0
    }
    50%{
        opacity:0.2
    }
    100%{
        opacity:0
    }
}
.togglebutton{
    vertical-align:middle
}
.togglebutton,.togglebutton label,.togglebutton input,.togglebutton .toggle{
    user-select:none
}
.togglebutton label{
    cursor:pointer;
    color:rgba(0,0,0, 0.26)
}
.form-group.is-focused .togglebutton label{
    color:rgba(0,0,0, 0.26)
}
.form-group.is-focused .togglebutton label:hover,.form-group.is-focused .togglebutton label:focus{
    color:rgba(0,0,0, .54)
}
fieldset[disabled] .form-group.is-focused .togglebutton label{
    color:rgba(0,0,0, 0.26)
}
.togglebutton label input[type=checkbox]{
    opacity:0;
    width:0;
    height:0
}
.togglebutton label .toggle{
    text-align:left;
    margin-left:5px
}
.togglebutton label .toggle,.togglebutton label input[type=checkbox][disabled]+.toggle{
    content:"";
    display:inline-block;
    width:30px;
    height:15px;
    background-color:rgba(80,80,80,0.7);
    border-radius:15px;
    margin-right:15px;
    transition:background 0.3s ease;
    vertical-align:middle
}
.togglebutton label .toggle:after{
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
    background-color:#FFFFFF;
    border-radius:20px;
    position:relative;
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);
    left:-5px;
    top:-3px;
    border:1px solid rgba(0,0,0, .54);
    transition:left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease
}
.togglebutton label input[type=checkbox][disabled]+.toggle:after,.togglebutton label input[type=checkbox][disabled]:checked+.toggle:after{
    background-color:#BDBDBD
}
.togglebutton label input[type=checkbox]+.toggle:active:after,.togglebutton label input[type=checkbox][disabled]+.toggle:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(0,0,0,0.1)
}
.togglebutton label input[type=checkbox]:checked+.toggle:after{
    left:15px
}
.togglebutton label input[type=checkbox]:checked+.toggle{
    background-color:rgba(156,39,176,0.7)
}
.togglebutton label input[type=checkbox]:checked+.toggle:after{
    border-color:#9c27b0
}
.togglebutton label input[type=checkbox]:checked+.toggle:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(156,39,176,0.1)
}
.radio label{
    cursor:pointer;
    padding-left:35px;
    position:relative;
    color:rgba(0,0,0, 0.26)
}
.form-group.is-focused .radio label{
    color:rgba(0,0,0, 0.26)
}
.form-group.is-focused .radio label:hover,.form-group.is-focused .radio label:focus{
    color:rgba(0,0,0, .54)
}
fieldset[disabled] .form-group.is-focused .radio label{
    color:rgba(0,0,0, 0.26)
}
.radio label span{
    display:block;
    position:absolute;
    left:10px;
    top:2px;
    transition-duration:0.2s
}
.radio label .circle{
    border:1px solid rgba(0,0,0, .54);
    height:15px;
    width:15px;
    border-radius:100%
}
.radio label .check{
    height:15px;
    width:15px;
    border-radius:100%;
    background-color:#9c27b0;
    transform:scale3d(0, 0, 0)
}
.radio label .check:after{
    display:block;
    position:absolute;
    content:"";
    background-color:rgba(0,0,0, 0.87);
    left:-18px;
    top:-18px;
    height:50px;
    width:50px;
    border-radius:100%;
    z-index:1;
    opacity:0;
    margin:0;
    transform:scale3d(1.5, 1.5, 1)
}
.radio label input[type=radio]:not(:checked) ~ .check:after{
    animation:rippleOff 500ms
}
.radio label input[type=radio]:checked ~ .check:after{
    animation:rippleOn 500ms
}
.radio input[type=radio]{
    opacity:0;
    height:0;
    width:0;
    overflow:hidden
}
.radio input[type=radio]:checked ~ .check,.radio input[type=radio]:checked ~ .circle{
    opacity:1
}
.radio input[type=radio]:checked ~ .check{
    background-color:#9c27b0
}
.radio input[type=radio]:checked ~ .circle{
    border-color:#9c27b0
}
.radio input[type=radio]:checked ~ .check{
    transform:scale3d(0.65, 0.65, 1)
}
.radio input[type=radio][disabled] ~ .check,.radio input[type=radio][disabled] ~ .circle{
    opacity:.26
}
.radio input[type=radio][disabled] ~ .check{
    background-color:#000
}
.radio input[type=radio][disabled] ~ .circle{
    border-color:#000
}
@keyframes rippleOn{
    0%{
        opacity:0
    }
    50%{
        opacity:0.2
    }
    100%{
        opacity:0
    }
}
@keyframes rippleOff{
    0%{
        opacity:0
    }
    50%{
        opacity:0.2
    }
    100%{
        opacity:0
    }
}
legend{
    margin-bottom:20px;
    font-size:21px
}
output{
    padding-top:8px;
    font-size:14px;
    line-height:1.428571429
}
.form-control{
    height:36px;
    padding:7px 0;
    font-size:14px;
    line-height:1.428571429
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
    input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control{
        line-height:36px
    }
    input[type="date"].input-sm,.input-group-sm input[type="date"],input[type="time"].input-sm,.input-group-sm input[type="time"],input[type="datetime-local"].input-sm,.input-group-sm input[type="datetime-local"],input[type="month"].input-sm,.input-group-sm input[type="month"]{
        line-height:24px
    }
    input[type="date"].input-lg,.input-group-lg input[type="date"],input[type="time"].input-lg,.input-group-lg input[type="time"],input[type="datetime-local"].input-lg,.input-group-lg input[type="datetime-local"],input[type="month"].input-lg,.input-group-lg input[type="month"]{
        line-height:44px
    }
}
.radio label,.checkbox label{
    min-height:20px
}
.form-control-static{
    padding-top:8px;
    padding-bottom:8px;
    min-height:34px
}
.input-sm .input-sm{
    height:24px;
    padding:3px 0;
    font-size:11px;
    line-height:1.5;
    border-radius:0
}
.input-sm select.input-sm{
    height:24px;
    line-height:24px
}
.input-sm textarea.input-sm,.input-sm select[multiple].input-sm{
    height:auto
}
.form-group-sm .form-control{
    height:24px;
    padding:3px 0;
    font-size:11px;
    line-height:1.5
}
.form-group-sm select.form-control{
    height:24px;
    line-height:24px
}
.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control{
    height:auto
}
.form-group-sm .form-control-static{
    height:24px;
    min-height:31px;
    padding:4px 0;
    font-size:11px;
    line-height:1.5
}
.input-lg .input-lg{
    height:44px;
    padding:9px 0;
    font-size:18px;
    line-height:1.3333333;
    border-radius:0
}
.input-lg select.input-lg{
    height:44px;
    line-height:44px
}
.input-lg textarea.input-lg,.input-lg select[multiple].input-lg{
    height:auto
}
.form-group-lg .form-control{
    height:44px;
    padding:9px 0;
    font-size:18px;
    line-height:1.3333333
}
.form-group-lg select.form-control{
    height:44px;
    line-height:44px
}
.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control{
    height:auto
}
.form-group-lg .form-control-static{
    height:44px;
    min-height:38px;
    padding:10px 0;
    font-size:18px;
    line-height:1.3333333
}
.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{
    padding-top:8px
}
.form-horizontal .radio,.form-horizontal .checkbox{
    min-height:28px
}
@media (min-width: 768px){
    .form-horizontal .control-label{
        padding-top:8px
    }
}
@media (min-width: 768px){
    .form-horizontal .form-group-lg .control-label{
        padding-top:12.9999997px;
        font-size:18px
    }
}
@media (min-width: 768px){
    .form-horizontal .form-group-sm .control-label{
        padding-top:4px;
        font-size:11px
    }
}
.label{
    border-radius:2px
}
.label,.label.label-default{
    background-color:#9e9e9e
}
.label.label-inverse{
    background-color:#3f51b5
}
.label.label-primary{
    background-color:#9c27b0
}
.label.label-success{
    background-color:#4caf50
}
.label.label-info{
    background-color:#03a9f4
}
.label.label-warning{
    background-color:#fec60a
}
.label.label-danger{
    background-color:#f44336
}
.form-control,.form-group .form-control{
    border:0;
    background-size:0 2px, 100% 1px;
    background-repeat:no-repeat;
    background-position:center bottom,center calc(100% - 1px);
    background-color:transparent;
    transition:background 0s ease-out;
    float:none;
    box-shadow:none;
    border-radius:0;
    font-weight:400
}
.form-control::-moz-placeholder,.form-group .form-control::-moz-placeholder{
    color:#aaa;
    font-weight:400
}
.form-control:-ms-input-placeholder,.form-group .form-control:-ms-input-placeholder{
    color:#aaa;
    font-weight:400
}
.form-control::-webkit-input-placeholder,.form-group .form-control::-webkit-input-placeholder{
    color:#aaa;
    font-weight:400
}
.form-control[readonly],.form-control[disabled],fieldset[disabled] .form-control,.form-group .form-control[readonly],.form-group .form-control[disabled],fieldset[disabled] .form-group .form-control{
    background-color:transparent
}
.form-control[disabled],fieldset[disabled] .form-control,.form-group .form-control[disabled],fieldset[disabled] .form-group .form-control{
    background-image:none;
    border-bottom:1px dotted #D2D2D2
}
.form-group{
    position:relative
}
.form-group.label-static label.control-label,.form-group.label-placeholder label.control-label,.form-group.label-floating label.control-label{
    position:absolute;
    pointer-events:none;
    transition:0.3s ease all
}
.form-group.label-floating label.control-label{
    will-change:left, top, contents
}
.form-group.label-placeholder:not(.is-empty) label.control-label{
    display:none
}
.form-group .help-block{
    position:absolute;
    display:none
}
.form-group.is-focused .form-control{
    outline:none;
    background-image:linear-gradient(#9c27b0, #9c27b0),linear-gradient(#D2D2D2, #D2D2D2);
    background-size:100% 2px, 100% 1px;
    box-shadow:none;
    transition-duration:0.3s
}
.form-group.is-focused .form-control .material-input:after{
    background-color:#9c27b0
}
.form-group.is-focused label,.form-group.is-focused label.control-label{
    color:#9c27b0
}
.form-group.is-focused.label-placeholder label,.form-group.is-focused.label-placeholder label.control-label{
    color:#aaa
}
.form-group.is-focused .help-block{
    display:block
}
.form-group.has-warning .form-control{
    box-shadow:none
}
.form-group.has-warning.is-focused .form-control{
    background-image:linear-gradient(#fec60a, #fec60a),linear-gradient(#D2D2D2, #D2D2D2)
}
.form-group.has-warning label.control-label,.form-group.has-warning .help-block{
    color:#fec60a
}
.form-group.has-error .form-control{
    box-shadow:none
}
.form-group.has-error.is-focused .form-control{
    background-image:linear-gradient(#f44336, #f44336),linear-gradient(#D2D2D2, #D2D2D2)
}
.form-group.has-error label.control-label,.form-group.has-error .help-block{
    color:#f44336
}
.form-group.has-success .form-control{
    box-shadow:none
}
.form-group.has-success.is-focused .form-control{
    background-image:linear-gradient(#4caf50, #4caf50),linear-gradient(#D2D2D2, #D2D2D2)
}
.form-group.has-success label.control-label,.form-group.has-success .help-block{
    color:#4caf50
}
.form-group.has-info .form-control{
    box-shadow:none
}
.form-group.has-info.is-focused .form-control{
    background-image:linear-gradient(#03a9f4, #03a9f4),linear-gradient(#D2D2D2, #D2D2D2)
}
.form-group.has-info label.control-label,.form-group.has-info .help-block{
    color:#03a9f4
}
.form-group textarea{
    resize:none
}
.form-group textarea ~ .form-control-highlight{
    margin-top:-11px
}
.form-group select{
    appearance:none
}
.form-group select ~ .material-input:after{
    display:none
}
.form-control{
    margin-bottom:7px
}
.form-control::-moz-placeholder{
    font-size:14px;
    line-height:1.428571429;
    color:#aaa;
    font-weight:400
}
.form-control:-ms-input-placeholder{
    font-size:14px;
    line-height:1.428571429;
    color:#aaa;
    font-weight:400
}
.form-control::-webkit-input-placeholder{
    font-size:14px;
    line-height:1.428571429;
    color:#aaa;
    font-weight:400
}
.checkbox label,.radio label,label{
    font-size:14px;
    line-height:1.428571429;
    color:#aaa;
    font-weight:400
}
label.control-label{
    font-size:11px;
    line-height:1.0714285718;
    color:#aaa;
    font-weight:400;
    margin:16px 0 0 0
}
.help-block{
    margin-top:0;
    font-size:11px
}
.form-group{
    padding-bottom:7px;
    margin:27px 0 0 0
}
.form-group .form-control{
    margin-bottom:7px
}
.form-group .form-control::-moz-placeholder{
    font-size:14px;
    line-height:1.428571429;
    color:#aaa;
    font-weight:400
}
.form-group .form-control:-ms-input-placeholder{
    font-size:14px;
    line-height:1.428571429;
    color:#aaa;
    font-weight:400
}
.form-group .form-control::-webkit-input-placeholder{
    font-size:14px;
    line-height:1.428571429;
    color:#aaa;
    font-weight:400
}
.form-group .checkbox label,.form-group .radio label,.form-group label{
    font-size:14px;
    line-height:1.428571429;
    color:#aaa;
    font-weight:400
}
.form-group label.control-label{
    font-size:11px;
    line-height:1.0714285718;
    color:#aaa;
    font-weight:400;
    margin:16px 0 0 0
}
.form-group .help-block{
    margin-top:0;
    font-size:11px
}
.form-group.label-floating label.control-label,.form-group.label-placeholder label.control-label{
    top:-7px;
    font-size:14px;
    line-height:1.428571429
}
.form-group.label-static label.control-label,.form-group.label-floating.is-focused label.control-label,.form-group.label-floating:not(.is-empty) label.control-label{
    top:-28px;
    left:0;
    font-size:11px;
    line-height:1.0714285718
}
.form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label{
    top:-28px;
    left:0;
    font-size:11px;
    line-height:1.0714285718
}
.form-group.form-group-sm{
    padding-bottom:3px;
    margin:21px 0 0 0
}
.form-group.form-group-sm .form-control{
    margin-bottom:3px
}
.form-group.form-group-sm .form-control::-moz-placeholder{
    font-size:11px;
    line-height:1.5;
    color:#aaa;
    font-weight:400
}
.form-group.form-group-sm .form-control:-ms-input-placeholder{
    font-size:11px;
    line-height:1.5;
    color:#aaa;
    font-weight:400
}
.form-group.form-group-sm .form-control::-webkit-input-placeholder{
    font-size:11px;
    line-height:1.5;
    color:#aaa;
    font-weight:400
}
.form-group.form-group-sm .checkbox label,.form-group.form-group-sm .radio label,.form-group.form-group-sm label{
    font-size:11px;
    line-height:1.5;
    color:#aaa;
    font-weight:400
}
.form-group.form-group-sm label.control-label{
    font-size:9px;
    line-height:1.125;
    color:#aaa;
    font-weight:400;
    margin:16px 0 0 0
}
.form-group.form-group-sm .help-block{
    margin-top:0;
    font-size:9px
}
.form-group.form-group-sm.label-floating label.control-label,.form-group.form-group-sm.label-placeholder label.control-label{
    top:-11px;
    font-size:11px;
    line-height:1.5
}
.form-group.form-group-sm.label-static label.control-label,.form-group.form-group-sm.label-floating.is-focused label.control-label,.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label{
    top:-25px;
    left:0;
    font-size:9px;
    line-height:1.125
}
.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label{
    top:-25px;
    left:0;
    font-size:9px;
    line-height:1.125
}
.form-group.form-group-lg{
    padding-bottom:9px;
    margin:30px 0 0 0
}
.form-group.form-group-lg .form-control{
    margin-bottom:9px
}
.form-group.form-group-lg .form-control::-moz-placeholder{
    font-size:18px;
    line-height:1.3333333;
    color:#aaa;
    font-weight:400
}
.form-group.form-group-lg .form-control:-ms-input-placeholder{
    font-size:18px;
    line-height:1.3333333;
    color:#aaa;
    font-weight:400
}
.form-group.form-group-lg .form-control::-webkit-input-placeholder{
    font-size:18px;
    line-height:1.3333333;
    color:#aaa;
    font-weight:400
}
.form-group.form-group-lg .checkbox label,.form-group.form-group-lg .radio label,.form-group.form-group-lg label{
    font-size:18px;
    line-height:1.3333333;
    color:#aaa;
    font-weight:400
}
.form-group.form-group-lg label.control-label{
    font-size:14px;
    line-height:.999999975;
    color:#aaa;
    font-weight:400;
    margin:16px 0 0 0
}
.form-group.form-group-lg .help-block{
    margin-top:0;
    font-size:14px
}
.form-group.form-group-lg.label-floating label.control-label,.form-group.form-group-lg.label-placeholder label.control-label{
    top:-5px;
    font-size:18px;
    line-height:1.3333333
}
.form-group.form-group-lg.label-static label.control-label,.form-group.form-group-lg.label-floating.is-focused label.control-label,.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label{
    top:-32px;
    left:0;
    font-size:14px;
    line-height:.999999975
}
.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label{
    top:-32px;
    left:0;
    font-size:14px;
    line-height:.999999975
}
select.form-control{
    border:0;
    box-shadow:none;
    border-radius:0
}
.form-group.is-focused select.form-control{
    box-shadow:none;
    border-color:#D2D2D2
}
select.form-control[multiple],.form-group.is-focused select.form-control[multiple]{
    height:85px
}
.input-group-btn .btn{
    margin:0 0 7px 0
}
.form-group.form-group-sm .input-group-btn .btn{
    margin:0 0 3px 0
}
.form-group.form-group-lg .input-group-btn .btn{
    margin:0 0 9px 0
}
.input-group .input-group-btn{
    padding:0 12px
}
.input-group .input-group-addon{
    border:0;
    background:transparent;
    padding:12px 15px 0px
}
.form-group input[type=file]{
    opacity:0;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100
}
.form-control-feedback{
    opacity:0
}
.has-success .form-control-feedback{
    color:#4caf50;
    opacity:1
}
.has-error .form-control-feedback{
    color:#f44336;
    opacity:1
}
legend{
    border-bottom:0
}
*{
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    -webkit-tap-highlight-color:transparent
}
*:focus{
    outline:0
}
a:focus,a:active,button:active,button:focus,button:hover,button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,select::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{
    outline:0 !important
}
.withripple{
    position:relative
}
.ripple-container{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:inherit;
    pointer-events:none
}
.ripple{
    position:absolute;
    width:20px;
    height:20px;
    margin-left:-10px;
    margin-top:-10px;
    border-radius:100%;
    background-color:#000;
    background-color:rgba(0,0,0,0.05);
    transform:scale(1);
    transform-origin:50%;
    opacity:0;
    pointer-events:none
}
.ripple.ripple-on{
    transition:opacity 0.15s ease-in 0s,transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
    opacity:0.1
}
.ripple.ripple-out{
    transition:opacity 0.1s linear 0s !important;
    opacity:0
}
/*! * Materialize v0.97.7 (http://materializecss.com) * Copyright 2014-2015 Materialize * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE) */
[type="radio"]:not(:checked),[type="radio"]:checked{
    position:absolute;
    left:-9999px;
    opacity:0
}
[type="radio"]:not(:checked)+label,[type="radio"]:checked+label{
    position:relative;
    padding-left:35px;
    cursor:pointer;
    display:inline-block;
    height:25px;
    line-height:25px;
    font-size:1rem;
    transition:.28s ease;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
[type="radio"]+label:before,[type="radio"]+label:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    margin:4px;
    width:16px;
    height:16px;
    z-index:0;
    transition:.28s ease
}
[type="radio"]:not(:checked)+label:before,[type="radio"]:not(:checked)+label:after,[type="radio"]:checked+label:before,[type="radio"]:checked+label:after,[type="radio"].with-gap:checked+label:before,[type="radio"].with-gap:checked+label:after{
    border-radius:50%
}
[type="radio"]:not(:checked)+label:before,[type="radio"]:not(:checked)+label:after{
    border:2px solid #5a5a5a
}
[type="radio"]:not(:checked)+label:after{
    z-index:-1;
    -webkit-transform:scale(0);
    transform:scale(0)
}
[type="radio"]:checked+label:before{
    border:2px solid transparent
}
[type="radio"]:checked+label:after,[type="radio"].with-gap:checked+label:before,[type="radio"].with-gap:checked+label:after{
    border:2px solid #26a69a
}
[type="radio"]:checked+label:after,[type="radio"].with-gap:checked+label:after{
    background-color:#26a69a;
    z-index:0
}
[type="radio"]:checked+label:after{
    -webkit-transform:scale(1.02);
    transform:scale(1.02)
}
[type="radio"].with-gap:checked+label:after{
    -webkit-transform:scale(0.5);
    transform:scale(0.5)
}
[type="radio"].tabbed:focus+label:before{
    box-shadow:0 0 0 10px rgba(0,0,0,0.1)
}
[type="radio"].with-gap:disabled:checked+label:before{
    border:2px solid rgba(0,0,0,0.26)
}
[type="radio"].with-gap:disabled:checked+label:after{
    border:none;
    background-color:rgba(0,0,0,0.26)
}
[type="radio"]:disabled:not(:checked)+label:before,[type="radio"]:disabled:checked+label:before{
    background-color:transparent;
    border-color:rgba(0,0,0,0.26)
}
[type="radio"]:disabled+label{
    color:rgba(0,0,0,0.26)
}
[type="radio"]:disabled:not(:checked)+label:before{
    border-color:rgba(0,0,0,0.26)
}
[type="radio"]:disabled:checked+label:after{
    background-color:rgba(0,0,0,0.26);
    border-color:#BDBDBD
}
form p{
    margin-bottom:10px;
    text-align:left
}
form p:last-child{
    margin-bottom:0
}
[type="checkbox"]:not(:checked),[type="checkbox"]:checked{
    position:absolute;
    left:-9999px;
    opacity:0
}
[type="checkbox"]+label{
    position:relative;
    padding-left:35px;
    cursor:pointer;
    display:inline-block;
    height:25px;
    line-height:25px;
    font-size:1rem;
    -webkit-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -ms-user-select:none
}
[type="checkbox"]+label:before,[type="checkbox"]:not(.filled-in)+label:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:18px;
    height:18px;
    z-index:0;
    border:2px solid #5a5a5a;
    border-radius:1px;
    margin-top:2px;
    transition:.2s
}
[type="checkbox"]:not(.filled-in)+label:after{
    border:0;
    -webkit-transform:scale(0);
    transform:scale(0)
}
[type="checkbox"]:not(:checked):disabled+label:before{
    border:none;
    background-color:rgba(0,0,0,0.26)
}
[type="checkbox"].tabbed:focus+label:after{
    -webkit-transform:scale(1);
    transform:scale(1);
    border:0;
    border-radius:50%;
    box-shadow:0 0 0 10px rgba(0,0,0,0.1);
    background-color:rgba(0,0,0,0.1)
}
[type="checkbox"]:checked+label:before{
    top:-4px;
    left:-5px;
    width:12px;
    height:22px;
    border-top:2px solid transparent;
    border-left:2px solid transparent;
    border-right:2px solid #26a69a;
    border-bottom:2px solid #26a69a;
    -webkit-transform:rotate(40deg);
    transform:rotate(40deg);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
}
[type="checkbox"]:checked:disabled+label:before{
    border-right:2px solid rgba(0,0,0,0.26);
    border-bottom:2px solid rgba(0,0,0,0.26)
}
[type="checkbox"]:indeterminate+label:before{
    top:-11px;
    left:-12px;
    width:10px;
    height:22px;
    border-top:none;
    border-left:none;
    border-right:2px solid #26a69a;
    border-bottom:none;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
}
[type="checkbox"]:indeterminate:disabled+label:before{
    border-right:2px solid rgba(0,0,0,0.26);
    background-color:transparent
}
[type="checkbox"].filled-in+label:after{
    border-radius:2px
}
[type="checkbox"].filled-in+label:before,[type="checkbox"].filled-in+label:after{
    content:'';
    left:0;
    position:absolute;
    transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    z-index:1
}
[type="checkbox"].filled-in:not(:checked)+label:before{
    width:0;
    height:0;
    border:3px solid transparent;
    left:6px;
    top:10px;
    -webkit-transform:rotateZ(37deg);
    transform:rotateZ(37deg);
    -webkit-transform-origin:20% 40%;
    transform-origin:100% 100%
}
[type="checkbox"].filled-in:not(:checked)+label:after{
    height:20px;
    width:20px;
    background-color:transparent;
    border:2px solid #5a5a5a;
    top:0px;
    z-index:0
}
[type="checkbox"].filled-in:checked+label:before{
    top:0;
    left:1px;
    width:8px;
    height:13px;
    border-top:2px solid transparent;
    border-left:2px solid transparent;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    -webkit-transform:rotateZ(37deg);
    transform:rotateZ(37deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
}
[type="checkbox"].filled-in:checked+label:after{
    top:0;
    width:20px;
    height:20px;
    border:2px solid #26a69a;
    background-color:#26a69a;
    z-index:0
}
[type="checkbox"].filled-in.tabbed:focus+label:after{
    border-radius:2px;
    border-color:#5a5a5a;
    background-color:rgba(0,0,0,0.1)
}
[type="checkbox"].filled-in.tabbed:checked:focus+label:after{
    border-radius:2px;
    background-color:#26a69a;
    border-color:#26a69a
}
[type="checkbox"].filled-in:disabled:not(:checked)+label:before{
    background-color:transparent;
    border:2px solid transparent
}
[type="checkbox"].filled-in:disabled:not(:checked)+label:after{
    border-color:transparent;
    background-color:#BDBDBD
}
[type="checkbox"].filled-in:disabled:checked+label:before{
    background-color:transparent
}
[type="checkbox"].filled-in:disabled:checked+label:after{
    background-color:#BDBDBD;
    border-color:#BDBDBD
}
.switch,.switch *{
    -webkit-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -ms-user-select:none
}
.switch label{
    cursor:pointer
}
.switch label input[type=checkbox]{
    opacity:0;
    width:0;
    height:0
}
.switch label input[type=checkbox]:checked+.lever{
    background-color:#84c7c1
}
.switch label input[type=checkbox]:checked+.lever:after{
    background-color:#26a69a;
    left:24px
}
.switch label .lever{
    content:"";
    display:inline-block;
    position:relative;
    width:40px;
    height:15px;
    background-color:#818181;
    border-radius:15px;
    margin-right:10px;
    transition:background 0.3s ease;
    vertical-align:middle;
    margin:0 16px
}
.switch label .lever:after{
    content:"";
    position:absolute;
    display:inline-block;
    width:21px;
    height:21px;
    background-color:#F1F1F1;
    border-radius:21px;
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);
    left:-5px;
    top:-3px;
    transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease
}
input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after,input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(38,166,154,0.1)
}
input[type=checkbox]:not(:disabled) ~ .lever:active:after,input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(0,0,0,0.08)
}
.switch input[type=checkbox][disabled]+.lever{
    cursor:default
}
.switch label input[type=checkbox][disabled]+.lever:after,.switch label input[type=checkbox][disabled]:checked+.lever:after{
    background-color:#BDBDBD
}
@font-face{
    font-family:Material-Design-Iconic-Font;
    src:url(../fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format("woff2"),url(../fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format("woff"),url(../fonts/Material-Design-Iconic-Font.ttf?v=2.2.0) format("truetype")
}

.waves-effect{
    position:relative;
    cursor:pointer;
    display:inline-block;
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent
}
.waves-effect .waves-ripple{
    position:absolute;
    border-radius:50%;
    width:100px;
    height:100px;
    margin-top:-50px;
    margin-left:-50px;
    opacity:0;
    background:rgba(0,0,0,0.2);
    background:-webkit-radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 60%, rgba(255,255,255,0) 70%);
    background:-o-radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 60%, rgba(255,255,255,0) 70%);
    background:-moz-radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 60%, rgba(255,255,255,0) 70%);
    background:radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 60%, rgba(255,255,255,0) 70%);
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
    -webkit-transition-property:-webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    -o-transition-property:-o-transform, opacity;
    transition-property:transform, opacity;
    -webkit-transform:scale(0) translate(0, 0);
    -moz-transform:scale(0) translate(0, 0);
    -ms-transform:scale(0) translate(0, 0);
    -o-transform:scale(0) translate(0, 0);
    transform:scale(0) translate(0, 0);
    pointer-events:none
}
.waves-effect.waves-light .waves-ripple{
    background:rgba(255,255,255,0.4);
    background:-webkit-radial-gradient(rgba(255,255,255,0.2) 0, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 70%);
    background:-o-radial-gradient(rgba(255,255,255,0.2) 0, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 70%);
    background:-moz-radial-gradient(rgba(255,255,255,0.2) 0, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 70%);
    background:radial-gradient(rgba(255,255,255,0.2) 0, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 70%)
}
.waves-effect.waves-classic .waves-ripple{
    background:rgba(0,0,0,0.2)
}
.waves-effect.waves-classic.waves-light .waves-ripple{
    background:rgba(255,255,255,0.4)
}
.waves-notransition{
    -webkit-transition:none !important;
    -moz-transition:none !important;
    -o-transition:none !important;
    transition:none !important
}
.waves-button,.waves-circle{
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-mask-image:-webkit-radial-gradient(circle, #fff 100%, #000 100%)
}
.waves-button,.waves-button:hover,.waves-button:visited,.waves-button-input{
    white-space:nowrap;
    vertical-align:middle;
    cursor:pointer;
    border:none;
    outline:none;
    color:inherit;
    background-color:transparent;
    font-size:1em;
    line-height:1em;
    text-align:center;
    text-decoration:none;
    z-index:1
}
.waves-button{
    padding:0.85em 1.1em;
    border-radius:0.2em
}
.waves-button-input{
    padding:0.85em 1.1em
}
.waves-input-wrapper{
    border-radius:0.2em;
    vertical-align:bottom
}
.waves-input-wrapper.waves-button{
    padding:0
}
.waves-input-wrapper .waves-button-input{
    position:relative;
    top:0;
    left:0;
    z-index:1
}
.waves-circle{
    text-align:center;
    width:2.5em;
    height:2.5em;
    line-height:2.5em;
    border-radius:50%
}
.waves-float{
    -webkit-mask-image:none;
    -webkit-box-shadow:0px 1px 1.5px 1px rgba(0,0,0,0.12);
    box-shadow:0px 1px 1.5px 1px rgba(0,0,0,0.12);
    -webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    transition:all 300ms
}
.waves-float:active{
    -webkit-box-shadow:0px 8px 20px 1px rgba(0,0,0,0.3);
    box-shadow:0px 8px 20px 1px rgba(0,0,0,0.3)
}
.waves-block{
    display:block
}
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.infinite{
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.animated.hinge{
    -webkit-animation-duration:2s;
    animation-duration:2s
}
.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}
@-webkit-keyframes bounce{
    from,20%,53%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%,43%{
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -30px, 0);
        transform:translate3d(0, -30px, 0)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -15px, 0);
        transform:translate3d(0, -15px, 0)
    }
    90%{
        -webkit-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}
@keyframes bounce{
    from,20%,53%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%,43%{
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -30px, 0);
        transform:translate3d(0, -30px, 0)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -15px, 0);
        transform:translate3d(0, -15px, 0)
    }
    90%{
        -webkit-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}
.bounce{
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom
}
@-webkit-keyframes flash{
    from,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    from,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse{
    from{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    50%{
        -webkit-transform:scale3d(1.05, 1.05, 1.05);
        transform:scale3d(1.05, 1.05, 1.05)
    }
    to{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes pulse{
    from{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    50%{
        -webkit-transform:scale3d(1.05, 1.05, 1.05);
        transform:scale3d(1.05, 1.05, 1.05)
    }
    to{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes rubberBand{
    from{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    30%{
        -webkit-transform:scale3d(1.25, 0.75, 1);
        transform:scale3d(1.25, 0.75, 1)
    }
    40%{
        -webkit-transform:scale3d(0.75, 1.25, 1);
        transform:scale3d(0.75, 1.25, 1)
    }
    50%{
        -webkit-transform:scale3d(1.15, 0.85, 1);
        transform:scale3d(1.15, 0.85, 1)
    }
    65%{
        -webkit-transform:scale3d(0.95, 1.05, 1);
        transform:scale3d(0.95, 1.05, 1)
    }
    75%{
        -webkit-transform:scale3d(1.05, 0.95, 1);
        transform:scale3d(1.05, 0.95, 1)
    }
    to{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes rubberBand{
    from{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    30%{
        -webkit-transform:scale3d(1.25, 0.75, 1);
        transform:scale3d(1.25, 0.75, 1)
    }
    40%{
        -webkit-transform:scale3d(0.75, 1.25, 1);
        transform:scale3d(0.75, 1.25, 1)
    }
    50%{
        -webkit-transform:scale3d(1.15, 0.85, 1);
        transform:scale3d(1.15, 0.85, 1)
    }
    65%{
        -webkit-transform:scale3d(0.95, 1.05, 1);
        transform:scale3d(0.95, 1.05, 1)
    }
    75%{
        -webkit-transform:scale3d(1.05, 0.95, 1);
        transform:scale3d(1.05, 0.95, 1)
    }
    to{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.rubberBand{
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand
}
@-webkit-keyframes shake{
    from,to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }
    20%,40%,60%,80%{
        -webkit-transform:translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }
}
@keyframes shake{
    from,to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }
    20%,40%,60%,80%{
        -webkit-transform:translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }
}
.shake{
    -webkit-animation-name:shake;
    animation-name:shake
}
@-webkit-keyframes headShake{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    6.5%{
        -webkit-transform:translateX(-6px) rotateY(-9deg);
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        -webkit-transform:translateX(5px) rotateY(7deg);
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        -webkit-transform:translateX(-3px) rotateY(-5deg);
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        -webkit-transform:translateX(2px) rotateY(3deg);
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes headShake{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    6.5%{
        -webkit-transform:translateX(-6px) rotateY(-9deg);
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        -webkit-transform:translateX(5px) rotateY(7deg);
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        -webkit-transform:translateX(-3px) rotateY(-5deg);
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        -webkit-transform:translateX(2px) rotateY(3deg);
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.headShake{
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-name:headShake;
    animation-name:headShake
}
@-webkit-keyframes swing{
    20%{
        -webkit-transform:rotate3d(0, 0, 1, 15deg);
        transform:rotate3d(0, 0, 1, 15deg)
    }
    40%{
        -webkit-transform:rotate3d(0, 0, 1, -10deg);
        transform:rotate3d(0, 0, 1, -10deg)
    }
    60%{
        -webkit-transform:rotate3d(0, 0, 1, 5deg);
        transform:rotate3d(0, 0, 1, 5deg)
    }
    80%{
        -webkit-transform:rotate3d(0, 0, 1, -5deg);
        transform:rotate3d(0, 0, 1, -5deg)
    }
    to{
        -webkit-transform:rotate3d(0, 0, 1, 0deg);
        transform:rotate3d(0, 0, 1, 0deg)
    }
}
@keyframes swing{
    20%{
        -webkit-transform:rotate3d(0, 0, 1, 15deg);
        transform:rotate3d(0, 0, 1, 15deg)
    }
    40%{
        -webkit-transform:rotate3d(0, 0, 1, -10deg);
        transform:rotate3d(0, 0, 1, -10deg)
    }
    60%{
        -webkit-transform:rotate3d(0, 0, 1, 5deg);
        transform:rotate3d(0, 0, 1, 5deg)
    }
    80%{
        -webkit-transform:rotate3d(0, 0, 1, -5deg);
        transform:rotate3d(0, 0, 1, -5deg)
    }
    to{
        -webkit-transform:rotate3d(0, 0, 1, 0deg);
        transform:rotate3d(0, 0, 1, 0deg)
    }
}
.swing{
    -webkit-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing
}
@-webkit-keyframes tada{
    from{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    10%,20%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes tada{
    from{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    10%,20%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.tada{
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble{
    from{
        -webkit-transform:none;
        transform:none
    }
    15%{
        -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30%{
        -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45%{
        -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60%{
        -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75%{
        -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes wobble{
    from{
        -webkit-transform:none;
        transform:none
    }
    15%{
        -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30%{
        -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45%{
        -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60%{
        -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75%{
        -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
.wobble{
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes jello{
    from,11.1%,to{
        -webkit-transform:none;
        transform:none
    }
    22.2%{
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
        transform:skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
        transform:skewX(0.390625deg) skewY(0.390625deg)
    }
    88.8%{
        -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform:skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}
@keyframes jello{
    from,11.1%,to{
        -webkit-transform:none;
        transform:none
    }
    22.2%{
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
        transform:skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
        transform:skewX(0.390625deg) skewY(0.390625deg)
    }
    88.8%{
        -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform:skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}
.jello{
    -webkit-animation-name:jello;
    animation-name:jello;
    -webkit-transform-origin:center;
    transform-origin:center
}
@-webkit-keyframes bounceIn{
    from,20%,40%,60%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    20%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    40%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1.03, 1.03, 1.03);
        transform:scale3d(1.03, 1.03, 1.03)
    }
    80%{
        -webkit-transform:scale3d(0.97, 0.97, 0.97);
        transform:scale3d(0.97, 0.97, 0.97)
    }
    to{
        opacity:1;
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes bounceIn{
    from,20%,40%,60%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    20%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    40%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1.03, 1.03, 1.03);
        transform:scale3d(1.03, 1.03, 1.03)
    }
    80%{
        -webkit-transform:scale3d(0.97, 0.97, 0.97);
        transform:scale3d(0.97, 0.97, 0.97)
    }
    to{
        opacity:1;
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.bounceIn{
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, -3000px, 0);
        transform:translate3d(0, -3000px, 0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0, 25px, 0);
        transform:translate3d(0, 25px, 0)
    }
    75%{
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    90%{
        -webkit-transform:translate3d(0, 5px, 0);
        transform:translate3d(0, 5px, 0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInDown{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, -3000px, 0);
        transform:translate3d(0, -3000px, 0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0, 25px, 0);
        transform:translate3d(0, 25px, 0)
    }
    75%{
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    90%{
        -webkit-transform:translate3d(0, 5px, 0);
        transform:translate3d(0, 5px, 0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
.bounceInDown{
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(-3000px, 0, 0);
        transform:translate3d(-3000px, 0, 0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(25px, 0, 0);
        transform:translate3d(25px, 0, 0)
    }
    75%{
        -webkit-transform:translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }
    90%{
        -webkit-transform:translate3d(5px, 0, 0);
        transform:translate3d(5px, 0, 0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInLeft{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(-3000px, 0, 0);
        transform:translate3d(-3000px, 0, 0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(25px, 0, 0);
        transform:translate3d(25px, 0, 0)
    }
    75%{
        -webkit-transform:translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }
    90%{
        -webkit-transform:translate3d(5px, 0, 0);
        transform:translate3d(5px, 0, 0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
.bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from{
        opacity:0;
        -webkit-transform:translate3d(3000px, 0, 0);
        transform:translate3d(3000px, 0, 0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(-25px, 0, 0);
        transform:translate3d(-25px, 0, 0)
    }
    75%{
        -webkit-transform:translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }
    90%{
        -webkit-transform:translate3d(-5px, 0, 0);
        transform:translate3d(-5px, 0, 0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInRight{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from{
        opacity:0;
        -webkit-transform:translate3d(3000px, 0, 0);
        transform:translate3d(3000px, 0, 0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(-25px, 0, 0);
        transform:translate3d(-25px, 0, 0)
    }
    75%{
        -webkit-transform:translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }
    90%{
        -webkit-transform:translate3d(-5px, 0, 0);
        transform:translate3d(-5px, 0, 0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
.bounceInRight{
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from{
        opacity:0;
        -webkit-transform:translate3d(0, 3000px, 0);
        transform:translate3d(0, 3000px, 0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }
    75%{
        -webkit-transform:translate3d(0, 10px, 0);
        transform:translate3d(0, 10px, 0)
    }
    90%{
        -webkit-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes bounceInUp{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from{
        opacity:0;
        -webkit-transform:translate3d(0, 3000px, 0);
        transform:translate3d(0, 3000px, 0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }
    75%{
        -webkit-transform:translate3d(0, 10px, 0);
        transform:translate3d(0, 10px, 0)
    }
    90%{
        -webkit-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.bounceInUp{
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.9)
    }
    50%,55%{
        opacity:1;
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
}
@keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.9)
    }
    50%,55%{
        opacity:1;
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
}
.bounceOut{
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown{
    20%{
        -webkit-transform:translate3d(0, 10px, 0);
        transform:translate3d(0, 10px, 0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
}
@keyframes bounceOutDown{
    20%{
        -webkit-transform:translate3d(0, 10px, 0);
        transform:translate3d(0, 10px, 0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
}
.bounceOutDown{
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
    20%{
        opacity:1;
        -webkit-transform:translate3d(20px, 0, 0);
        transform:translate3d(20px, 0, 0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
}
@keyframes bounceOutLeft{
    20%{
        opacity:1;
        -webkit-transform:translate3d(20px, 0, 0);
        transform:translate3d(20px, 0, 0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
}
.bounceOutLeft{
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
    20%{
        opacity:1;
        -webkit-transform:translate3d(-20px, 0, 0);
        transform:translate3d(-20px, 0, 0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
}
@keyframes bounceOutRight{
    20%{
        opacity:1;
        -webkit-transform:translate3d(-20px, 0, 0);
        transform:translate3d(-20px, 0, 0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
}
.bounceOutRight{
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp{
    20%{
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0, 20px, 0);
        transform:translate3d(0, 20px, 0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
}
@keyframes bounceOutUp{
    20%{
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0, 20px, 0);
        transform:translate3d(0, 20px, 0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
}
.bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDownBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDownBig{
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeftBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeftBig{
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight{
    from{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRight{
    from{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRightBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUpBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUpBig{
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
@keyframes fadeOutDown{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
}
@keyframes fadeOutDownBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
}
.fadeOutDownBig{
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
}
@keyframes fadeOutLeft{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
}
.fadeOutLeft{
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
}
@keyframes fadeOutLeftBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
}
.fadeOutLeftBig{
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
}
@keyframes fadeOutRight{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
}
.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
}
@keyframes fadeOutRightBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
}
.fadeOutRightBig{
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
}
@keyframes fadeOutUp{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
}
.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
}
@keyframes fadeOutUpBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
}
.fadeOutUpBig{
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes flip{
    from{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes flip{
    from{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
.animated.flip{
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip
}
@-webkit-keyframes flipInX{
    from{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInX{
    from{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.flipInX{
    -webkit-backface-visibility:visible !important;
    backface-visibility:visible !important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX
}
@-webkit-keyframes flipInY{
    from{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInY{
    from{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.flipInY{
    -webkit-backface-visibility:visible !important;
    backface-visibility:visible !important;
    -webkit-animation-name:flipInY;
    animation-name:flipInY
}
@-webkit-keyframes flipOutX{
    from{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity:0
    }
}
@keyframes flipOutX{
    from{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity:0
    }
}
.flipOutX{
    -webkit-animation-name:flipOutX;
    animation-name:flipOutX;
    -webkit-backface-visibility:visible !important;
    backface-visibility:visible !important
}
@-webkit-keyframes flipOutY{
    from{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity:0
    }
}
@keyframes flipOutY{
    from{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity:0
    }
}
.flipOutY{
    -webkit-backface-visibility:visible !important;
    backface-visibility:visible !important;
    -webkit-animation-name:flipOutY;
    animation-name:flipOutY
}
@-webkit-keyframes lightSpeedIn{
    from{
        -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
        transform:translate3d(100%, 0, 0) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg);
        opacity:1
    }
    80%{
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg);
        opacity:1
    }
    to{
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes lightSpeedIn{
    from{
        -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
        transform:translate3d(100%, 0, 0) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg);
        opacity:1
    }
    80%{
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg);
        opacity:1
    }
    to{
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.lightSpeedIn{
    -webkit-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut{
    from{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
        transform:translate3d(100%, 0, 0) skewX(30deg);
        opacity:0
    }
}
@keyframes lightSpeedOut{
    from{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
        transform:translate3d(100%, 0, 0) skewX(30deg);
        opacity:0
    }
}
.lightSpeedOut{
    -webkit-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn{
    from{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0, 0, 1, -200deg);
        transform:rotate3d(0, 0, 1, -200deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateIn{
    from{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0, 0, 1, -200deg);
        transform:rotate3d(0, 0, 1, -200deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateIn{
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, -45deg);
        transform:rotate3d(0, 0, 1, -45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInDownLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, -45deg);
        transform:rotate3d(0, 0, 1, -45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInDownLeft{
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, 45deg);
        transform:rotate3d(0, 0, 1, 45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInDownRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, 45deg);
        transform:rotate3d(0, 0, 1, 45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInDownRight{
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, 45deg);
        transform:rotate3d(0, 0, 1, 45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInUpLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, 45deg);
        transform:rotate3d(0, 0, 1, 45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInUpLeft{
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, -90deg);
        transform:rotate3d(0, 0, 1, -90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInUpRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, -90deg);
        transform:rotate3d(0, 0, 1, -90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInUpRight{
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut{
    from{
        -webkit-transform-origin:center;
        transform-origin:center;
        opacity:1
    }
    to{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0, 0, 1, 200deg);
        transform:rotate3d(0, 0, 1, 200deg);
        opacity:0
    }
}
@keyframes rotateOut{
    from{
        -webkit-transform-origin:center;
        transform-origin:center;
        opacity:1
    }
    to{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0, 0, 1, 200deg);
        transform:rotate3d(0, 0, 1, 200deg);
        opacity:0
    }
}
.rotateOut{
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, 45deg);
        transform:rotate3d(0, 0, 1, 45deg);
        opacity:0
    }
}
@keyframes rotateOutDownLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, 45deg);
        transform:rotate3d(0, 0, 1, 45deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, -45deg);
        transform:rotate3d(0, 0, 1, -45deg);
        opacity:0
    }
}
@keyframes rotateOutDownRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, -45deg);
        transform:rotate3d(0, 0, 1, -45deg);
        opacity:0
    }
}
.rotateOutDownRight{
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, -45deg);
        transform:rotate3d(0, 0, 1, -45deg);
        opacity:0
    }
}
@keyframes rotateOutUpLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, -45deg);
        transform:rotate3d(0, 0, 1, -45deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, 90deg);
        transform:rotate3d(0, 0, 1, 90deg);
        opacity:0
    }
}
@keyframes rotateOutUpRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, 90deg);
        transform:rotate3d(0, 0, 1, 90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}
@-webkit-keyframes hinge{
    0%{
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate3d(0, 0, 1, 80deg);
        transform:rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%,80%{
        -webkit-transform:rotate3d(0, 0, 1, 60deg);
        transform:rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0, 700px, 0);
        transform:translate3d(0, 700px, 0);
        opacity:0
    }
}
@keyframes hinge{
    0%{
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate3d(0, 0, 1, 80deg);
        transform:rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%,80%{
        -webkit-transform:rotate3d(0, 0, 1, 60deg);
        transform:rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0, 700px, 0);
        transform:translate3d(0, 700px, 0);
        opacity:0
    }
}
.hinge{
    -webkit-animation-name:hinge;
    animation-name:hinge
}
@-webkit-keyframes rollIn{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes rollIn{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.rollIn{
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}
@keyframes rollOut{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}
.rollOut{
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}
@-webkit-keyframes zoomIn{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    50%{
        opacity:1
    }
}
@keyframes zoomIn{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    50%{
        opacity:1
    }
}
.zoomIn{
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes zoomInDown{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInDown{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInDown{
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInLeft{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInLeft{
    -webkit-animation-name:zoomInLeft;
    animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInRight{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInRight{
    -webkit-animation-name:zoomInRight;
    animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInUp{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInUp{
    -webkit-animation-name:zoomInUp;
    animation-name:zoomInUp
}
@-webkit-keyframes zoomOut{
    from{
        opacity:1
    }
    50%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    to{
        opacity:0
    }
}
@keyframes zoomOut{
    from{
        opacity:1
    }
    50%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    to{
        opacity:0
    }
}
.zoomOut{
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomOutDown{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomOutDown{
    -webkit-animation-name:zoomOutDown;
    animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
        transform:scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}
@keyframes zoomOutLeft{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
        transform:scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}
.zoomOutLeft{
    -webkit-animation-name:zoomOutLeft;
    animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
        transform:scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}
@keyframes zoomOutRight{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
        transform:scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}
.zoomOutRight{
    -webkit-animation-name:zoomOutRight;
    animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomOutUp{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomOutUp{
    -webkit-animation-name:zoomOutUp;
    animation-name:zoomOutUp
}
@-webkit-keyframes slideInDown{
    from{
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes slideInDown{
    from{
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.slideInDown{
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideInLeft{
    from{
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes slideInLeft{
    from{
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.slideInLeft{
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}
@-webkit-keyframes slideInRight{
    from{
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes slideInRight{
    from{
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.slideInRight{
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}
@-webkit-keyframes slideInUp{
    from{
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes slideInUp{
    from{
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.slideInUp{
    -webkit-animation-name:slideInUp;
    animation-name:slideInUp
}
@-webkit-keyframes slideOutDown{
    from{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
@keyframes slideOutDown{
    from{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
.slideOutDown{
    -webkit-animation-name:slideOutDown;
    animation-name:slideOutDown
}
@-webkit-keyframes slideOutLeft{
    from{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
}
@keyframes slideOutLeft{
    from{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
}
.slideOutLeft{
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight{
    from{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
}
@keyframes slideOutRight{
    from{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
}
.slideOutRight{
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp{
    from{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
}
@keyframes slideOutUp{
    from{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
}
.slideOutUp{
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
.n-top{
    z-index:7 !important
}
.navbar{
    -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;
    font-family: var(--bfont) !important;
    border:none;
    position:fixed;
    top:0;
    left:0;
    z-index:12;
    width:100%;
    padding:9px;
    background-color:transparent
}
.navbar .navbar-brand{
    white-space:nowrap;
    -ms-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.navbar .navbar-toggle{
    color:#fff;
    text-decoration:none;
    width:20px;
    height:20px;
    margin-top:-4px;
    margin-right:17px
}
.navbar .navbar-toggle:before{
    content:'\E8D5';
    font-family:'Material Icons'
}
.navbar .navbar-collapse.in{
    overflow:visible
}
.ls-closed .sidebar{
    margin-left:-300px;
    background:#37474f;
    top:0
}
.ls-closed .sidebar .info-container .name{
    color:#424242 !important
}
.ls-closed section.content{
    margin-left:15px
}
.ls-closed .bars:after,.ls-closed .bars:before{
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    -webkit-transform:scale(0);
    transform:scale(0);
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    font-family:'Material Icons';
    position:absolute;
    top:4px;
    left:4px
}
.ls-closed .bars:before{
    content:'\f313';
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1);
    font-family:Material-Design-Iconic-Font
}
.ls-closed .bars:after{
    content:'\f2ea';
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    -webkit-transform:scale(0);
    transform:scale(0);
    font-family:Material-Design-Iconic-Font
}
.ls-closed .navbar-brand{
    margin-left:30px
}
.overlay-open .bars:before{
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    -webkit-transform:scale(0);
    transform:scale(0)
}
.overlay-open .bars:after{
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1)
}
.navbar-header{
    padding:0;
    display:inline-block
}
.navbar-header .bars{
    float:left;
    text-decoration:none
}
.navbar-nav{
    margin-right:0;
    float:right;
    flex-direction:unset
}
.navbar-nav>li>a{
    padding:7px 12px 5px 12px;
    display:inline-block
}
.navbar-nav>li>a::after{
    display:none
}
.navbar-nav>li .dropdown-menu{
    position:absolute
}
.label-count{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
    background-color:#000;
    position:absolute;
    top:-3px;
    right:-2px;
    line-height:15px;
    padding:0 4px
}
.col-red .navbar .navbar-brand,.col-red .navbar .navbar-brand:hover,.col-red .navbar .navbar-brand:active,.col-red .navbar .navbar-brand:focus{
    color:#fff
}
.col-red .navbar .nav>li>a:hover,.col-red .navbar .nav>li>a:focus,.col-red .navbar .nav .open>a,.col-red .navbar .nav .open>a:hover,.col-red .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-red .navbar .nav>li>a{
    color:#fff
}
.col-red .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-red .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-pink .navbar .navbar-brand,.col-pink .navbar .navbar-brand:hover,.col-pink .navbar .navbar-brand:active,.col-pink .navbar .navbar-brand:focus{
    color:#fff
}
.col-pink .navbar .nav>li>a:hover,.col-pink .navbar .nav>li>a:focus,.col-pink .navbar .nav .open>a,.col-pink .navbar .nav .open>a:hover,.col-pink .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-pink .navbar .nav>li>a{
    color:#fff
}
.col-pink .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-pink .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-purple .navbar .navbar-brand,.col-purple .navbar .navbar-brand:hover,.col-purple .navbar .navbar-brand:active,.col-purple .navbar .navbar-brand:focus{
    color:#fff
}
.col-purple .navbar .nav>li>a:hover,.col-purple .navbar .nav>li>a:focus,.col-purple .navbar .nav .open>a,.col-purple .navbar .nav .open>a:hover,.col-purple .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-purple .navbar .nav>li>a{
    color:#fff
}
.col-purple .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-purple .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-deep-purple .navbar .navbar-brand,.col-deep-purple .navbar .navbar-brand:hover,.col-deep-purple .navbar .navbar-brand:active,.col-deep-purple .navbar .navbar-brand:focus{
    color:#fff
}
.col-deep-purple .navbar .nav>li>a:hover,.col-deep-purple .navbar .nav>li>a:focus,.col-deep-purple .navbar .nav .open>a,.col-deep-purple .navbar .nav .open>a:hover,.col-deep-purple .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-deep-purple .navbar .nav>li>a{
    color:#fff
}
.col-deep-purple .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-deep-purple .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-blue .navbar .navbar-brand,.col-blue .navbar .navbar-brand:hover,.col-blue .navbar .navbar-brand:active,.col-blue .navbar .navbar-brand:focus{
    color:#fff
}
.col-blue .navbar .nav>li>a:hover,.col-blue .navbar .nav>li>a:focus,.col-blue .navbar .nav .open>a,.col-blue .navbar .nav .open>a:hover,.col-blue .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-blue .navbar .nav>li>a{
    color:#fff
}
.col-blue .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-blue .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-cyan .navbar .navbar-brand,.col-cyan .navbar .navbar-brand:hover,.col-cyan .navbar .navbar-brand:active,.col-cyan .navbar .navbar-brand:focus{
    color:#fff
}
.col-cyan .navbar .nav>li>a:hover,.col-cyan .navbar .nav>li>a:focus,.col-cyan .navbar .nav .open>a,.col-cyan .navbar .nav .open>a:hover,.col-cyan .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-cyan .navbar .nav>li>a{
    color:#fff
}
.col-cyan .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-cyan .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-green .navbar .navbar-brand,.col-green .navbar .navbar-brand:hover,.col-green .navbar .navbar-brand:active,.col-green .navbar .navbar-brand:focus{
    color:#fff
}
.col-green .navbar .nav>li>a:hover,.col-green .navbar .nav>li>a:focus,.col-green .navbar .nav .open>a,.col-green .navbar .nav .open>a:hover,.col-green .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-green .navbar .nav>li>a{
    color:#fff
}
.col-green .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-green .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-light-green .navbar .navbar-brand,.col-light-green .navbar .navbar-brand:hover,.col-light-green .navbar .navbar-brand:active,.col-light-green .navbar .navbar-brand:focus{
    color:#fff
}
.col-light-green .navbar .nav>li>a:hover,.col-light-green .navbar .nav>li>a:focus,.col-light-green .navbar .nav .open>a,.col-light-green .navbar .nav .open>a:hover,.col-light-green .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-light-green .navbar .nav>li>a{
    color:#fff
}
.col-light-green .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-light-green .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-yellow .navbar .navbar-brand,.col-yellow .navbar .navbar-brand:hover,.col-yellow .navbar .navbar-brand:active,.col-yellow .navbar .navbar-brand:focus{
    color:#fff
}
.col-yellow .navbar .nav>li>a:hover,.col-yellow .navbar .nav>li>a:focus,.col-yellow .navbar .nav .open>a,.col-yellow .navbar .nav .open>a:hover,.col-yellow .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-yellow .navbar .nav>li>a{
    color:#fff
}
.col-yellow .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-yellow .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-orange .navbar .navbar-brand,.col-orange .navbar .navbar-brand:hover,.col-orange .navbar .navbar-brand:active,.col-orange .navbar .navbar-brand:focus{
    color:#fff
}
.col-orange .navbar .nav>li>a:hover,.col-orange .navbar .nav>li>a:focus,.col-orange .navbar .nav .open>a,.col-orange .navbar .nav .open>a:hover,.col-orange .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-orange .navbar .nav>li>a{
    color:#fff
}
.col-orange .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-orange .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-deep-orange .navbar .navbar-brand,.col-deep-orange .navbar .navbar-brand:hover,.col-deep-orange .navbar .navbar-brand:active,.col-deep-orange .navbar .navbar-brand:focus{
    color:#fff
}
.col-deep-orange .navbar .nav>li>a:hover,.col-deep-orange .navbar .nav>li>a:focus,.col-deep-orange .navbar .nav .open>a,.col-deep-orange .navbar .nav .open>a:hover,.col-deep-orange .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-deep-orange .navbar .nav>li>a{
    color:#fff
}
.col-deep-orange .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-deep-orange .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-grey .navbar .navbar-brand,.col-grey .navbar .navbar-brand:hover,.col-grey .navbar .navbar-brand:active,.col-grey .navbar .navbar-brand:focus{
    color:#fff
}
.col-grey .navbar .nav>li>a:hover,.col-grey .navbar .nav>li>a:focus,.col-grey .navbar .nav .open>a,.col-grey .navbar .nav .open>a:hover,.col-grey .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-grey .navbar .nav>li>a{
    color:#fff
}
.col-grey .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-grey .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-blue-grey .navbar .navbar-brand,.col-blue-grey .navbar .navbar-brand:hover,.col-blue-grey .navbar .navbar-brand:active,.col-blue-grey .navbar .navbar-brand:focus{
    color:#fff
}
.col-blue-grey .navbar .nav>li>a:hover,.col-blue-grey .navbar .nav>li>a:focus,.col-blue-grey .navbar .nav .open>a,.col-blue-grey .navbar .nav .open>a:hover,.col-blue-grey .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-blue-grey .navbar .nav>li>a{
    color:#fff
}
.col-blue-grey .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-blue-grey .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-indigo .navbar .navbar-brand,.col-indigo .navbar .navbar-brand:hover,.col-indigo .navbar .navbar-brand:active,.col-indigo .navbar .navbar-brand:focus{
    color:#fff
}
.col-indigo .navbar .nav>li>a:hover,.col-indigo .navbar .nav>li>a:focus,.col-indigo .navbar .nav .open>a,.col-indigo .navbar .nav .open>a:hover,.col-indigo .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-indigo .navbar .nav>li>a{
    color:#fff
}
.col-indigo .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-indigo .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-light-blue .navbar .navbar-brand,.col-light-blue .navbar .navbar-brand:hover,.col-light-blue .navbar .navbar-brand:active,.col-light-blue .navbar .navbar-brand:focus{
    color:#fff
}
.col-light-blue .navbar .nav>li>a:hover,.col-light-blue .navbar .nav>li>a:focus,.col-light-blue .navbar .nav .open>a,.col-light-blue .navbar .nav .open>a:hover,.col-light-blue .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-light-blue .navbar .nav>li>a{
    color:#fff
}
.col-light-blue .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-light-blue .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-teal .navbar .navbar-brand,.col-teal .navbar .navbar-brand:hover,.col-teal .navbar .navbar-brand:active,.col-teal .navbar .navbar-brand:focus{
    color:#fff
}
.col-teal .navbar .nav>li>a:hover,.col-teal .navbar .nav>li>a:focus,.col-teal .navbar .nav .open>a,.col-teal .navbar .nav .open>a:hover,.col-teal .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-teal .navbar .nav>li>a{
    color:#fff
}
.col-teal .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-teal .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-lime .navbar .navbar-brand,.col-lime .navbar .navbar-brand:hover,.col-lime .navbar .navbar-brand:active,.col-lime .navbar .navbar-brand:focus{
    color:#fff
}
.col-lime .navbar .nav>li>a:hover,.col-lime .navbar .nav>li>a:focus,.col-lime .navbar .nav .open>a,.col-lime .navbar .nav .open>a:hover,.col-lime .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-lime .navbar .nav>li>a{
    color:#fff
}
.col-lime .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-lime .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-amber .navbar .navbar-brand,.col-amber .navbar .navbar-brand:hover,.col-amber .navbar .navbar-brand:active,.col-amber .navbar .navbar-brand:focus{
    color:#fff
}
.col-amber .navbar .nav>li>a:hover,.col-amber .navbar .nav>li>a:focus,.col-amber .navbar .nav .open>a,.col-amber .navbar .nav .open>a:hover,.col-amber .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-amber .navbar .nav>li>a{
    color:#fff
}
.col-amber .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-amber .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-brown .navbar .navbar-brand,.col-brown .navbar .navbar-brand:hover,.col-brown .navbar .navbar-brand:active,.col-brown .navbar .navbar-brand:focus{
    color:#fff
}
.col-brown .navbar .nav>li>a:hover,.col-brown .navbar .nav>li>a:focus,.col-brown .navbar .nav .open>a,.col-brown .navbar .nav .open>a:hover,.col-brown .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-brown .navbar .nav>li>a{
    color:#fff
}
.col-brown .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-brown .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-blush .navbar .navbar-brand,.col-blush .navbar .navbar-brand:hover,.col-blush .navbar .navbar-brand:active,.col-blush .navbar .navbar-brand:focus{
    color:#fff
}
.col-blush .navbar .nav>li>a:hover,.col-blush .navbar .nav>li>a:focus,.col-blush .navbar .nav .open>a,.col-blush .navbar .nav .open>a:hover,.col-blush .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-blush .navbar .nav>li>a{
    color:#fff
}
.col-blush .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-blush .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-black .navbar .navbar-brand,.col-black .navbar .navbar-brand:hover,.col-black .navbar .navbar-brand:active,.col-black .navbar .navbar-brand:focus{
    color:#fff
}
.col-black .navbar .nav>li>a:hover,.col-black .navbar .nav>li>a:focus,.col-black .navbar .nav .open>a,.col-black .navbar .nav .open>a:hover,.col-black .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-black .navbar .nav>li>a{
    color:#fff
}
.col-black .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-black .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-white .navbar .navbar-brand,.col-white .navbar .navbar-brand:hover,.col-white .navbar .navbar-brand:active,.col-white .navbar .navbar-brand:focus{
    color:#fff
}
.col-white .navbar .nav>li>a:hover,.col-white .navbar .nav>li>a:focus,.col-white .navbar .nav .open>a,.col-white .navbar .nav .open>a:hover,.col-white .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-white .navbar .nav>li>a{
    color:#fff
}
.col-white .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-white .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.color-bg{
    position:fixed;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:239px
}
@media screen and (max-width: 768px){
    .overlay-open .sidebar .user-info{
        height:105px
    }
    .overlay-open .sidebar .user-info .quick-stats{
        display:none
    }
    .overlay-open .sidebar .legal{
        padding:5px 15px
    }
}
.page-loader-wrapper{
    z-index:99999999;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    background:#eee;
    overflow:hidden;
    text-align:center
}
.page-loader-wrapper p{
    margin-top:10px;
    font-weight:700;
    color:#424242
}
.page-loader-wrapper .loader{
    position:relative;
    top:calc(50% - 30px)
}
.n-top{
    z-index:7 !important
}
.navbar{
    -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;
    font-family:"Roboto",sans-serif;
    border:none;
    position:fixed;
    top:0;
    left:0;
    z-index:12;
    width:100%;
    padding:9px;
    background-color:transparent
}
.navbar .navbar-brand{
    white-space:nowrap;
    -ms-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.navbar .navbar-toggle{
    color:#fff;
    text-decoration:none;
    width:20px;
    height:20px;
    margin-top:-4px;
    margin-right:17px
}
.navbar .navbar-toggle:before{
    content:'\E8D5';
    font-family:'Material Icons'
}
.navbar .navbar-collapse.in{
    overflow:visible
}
.ls-closed .sidebar{
    margin-left:-300px;
    background:#37474f;
    top:0
}
.ls-closed .sidebar .info-container .name{
    color:#424242 !important
}
.ls-closed section.content{
    margin-left:15px
}
.ls-closed .bars:after,.ls-closed .bars:before{
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    -webkit-transform:scale(0);
    transform:scale(0);
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    font-family:'Material Icons';
    position:absolute;
    top:4px;
    left:4px
}
.ls-closed .bars:before{
    content:'\f313';
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1);
    font-family:Material-Design-Iconic-Font
}
.ls-closed .bars:after{
    content:'\f2ea';
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    -webkit-transform:scale(0);
    transform:scale(0);
    font-family:Material-Design-Iconic-Font
}
.ls-closed .navbar-brand{
    margin-left:30px
}
.overlay-open .bars:before{
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    -webkit-transform:scale(0);
    transform:scale(0)
}
.overlay-open .bars:after{
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1)
}
.navbar-header{
    padding:0;
    display:inline-block
}
.navbar-header .bars{
    float:left;
    text-decoration:none
}
.navbar-nav{
    margin-right:0;
    float:right;
    flex-direction:unset
}
.navbar-nav>li>a{
    padding:7px 12px 5px 12px;
    display:inline-block
}
.navbar-nav>li>a::after{
    display:none
}
.navbar-nav>li .dropdown-menu{
    position:absolute
}
.label-count{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
    background-color:#000;
    position:absolute;
    top:-3px;
    right:-2px;
    line-height:15px;
    padding:0 4px
}
.col-red .navbar .navbar-brand,.col-red .navbar .navbar-brand:hover,.col-red .navbar .navbar-brand:active,.col-red .navbar .navbar-brand:focus{
    color:#fff
}
.col-red .navbar .nav>li>a:hover,.col-red .navbar .nav>li>a:focus,.col-red .navbar .nav .open>a,.col-red .navbar .nav .open>a:hover,.col-red .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-red .navbar .nav>li>a{
    color:#fff
}
.col-red .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-red .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-pink .navbar .navbar-brand,.col-pink .navbar .navbar-brand:hover,.col-pink .navbar .navbar-brand:active,.col-pink .navbar .navbar-brand:focus{
    color:#fff
}
.col-pink .navbar .nav>li>a:hover,.col-pink .navbar .nav>li>a:focus,.col-pink .navbar .nav .open>a,.col-pink .navbar .nav .open>a:hover,.col-pink .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-pink .navbar .nav>li>a{
    color:#fff
}
.col-pink .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-pink .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-purple .navbar .navbar-brand,.col-purple .navbar .navbar-brand:hover,.col-purple .navbar .navbar-brand:active,.col-purple .navbar .navbar-brand:focus{
    color:#fff
}
.col-purple .navbar .nav>li>a:hover,.col-purple .navbar .nav>li>a:focus,.col-purple .navbar .nav .open>a,.col-purple .navbar .nav .open>a:hover,.col-purple .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-purple .navbar .nav>li>a{
    color:#fff
}
.col-purple .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-purple .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-deep-purple .navbar .navbar-brand,.col-deep-purple .navbar .navbar-brand:hover,.col-deep-purple .navbar .navbar-brand:active,.col-deep-purple .navbar .navbar-brand:focus{
    color:#fff
}
.col-deep-purple .navbar .nav>li>a:hover,.col-deep-purple .navbar .nav>li>a:focus,.col-deep-purple .navbar .nav .open>a,.col-deep-purple .navbar .nav .open>a:hover,.col-deep-purple .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-deep-purple .navbar .nav>li>a{
    color:#fff
}
.col-deep-purple .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-deep-purple .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-blue .navbar .navbar-brand,.col-blue .navbar .navbar-brand:hover,.col-blue .navbar .navbar-brand:active,.col-blue .navbar .navbar-brand:focus{
    color:#fff
}
.col-blue .navbar .nav>li>a:hover,.col-blue .navbar .nav>li>a:focus,.col-blue .navbar .nav .open>a,.col-blue .navbar .nav .open>a:hover,.col-blue .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-blue .navbar .nav>li>a{
    color:#fff
}
.col-blue .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-blue .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-cyan .navbar .navbar-brand,.col-cyan .navbar .navbar-brand:hover,.col-cyan .navbar .navbar-brand:active,.col-cyan .navbar .navbar-brand:focus{
    color:#fff
}
.col-cyan .navbar .nav>li>a:hover,.col-cyan .navbar .nav>li>a:focus,.col-cyan .navbar .nav .open>a,.col-cyan .navbar .nav .open>a:hover,.col-cyan .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-cyan .navbar .nav>li>a{
    color:#fff
}
.col-cyan .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-cyan .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-green .navbar .navbar-brand,.col-green .navbar .navbar-brand:hover,.col-green .navbar .navbar-brand:active,.col-green .navbar .navbar-brand:focus{
    color:#fff
}
.col-green .navbar .nav>li>a:hover,.col-green .navbar .nav>li>a:focus,.col-green .navbar .nav .open>a,.col-green .navbar .nav .open>a:hover,.col-green .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-green .navbar .nav>li>a{
    color:#fff
}
.col-green .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-green .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-light-green .navbar .navbar-brand,.col-light-green .navbar .navbar-brand:hover,.col-light-green .navbar .navbar-brand:active,.col-light-green .navbar .navbar-brand:focus{
    color:#fff
}
.col-light-green .navbar .nav>li>a:hover,.col-light-green .navbar .nav>li>a:focus,.col-light-green .navbar .nav .open>a,.col-light-green .navbar .nav .open>a:hover,.col-light-green .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-light-green .navbar .nav>li>a{
    color:#fff
}
.col-light-green .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-light-green .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-yellow .navbar .navbar-brand,.col-yellow .navbar .navbar-brand:hover,.col-yellow .navbar .navbar-brand:active,.col-yellow .navbar .navbar-brand:focus{
    color:#fff
}
.col-yellow .navbar .nav>li>a:hover,.col-yellow .navbar .nav>li>a:focus,.col-yellow .navbar .nav .open>a,.col-yellow .navbar .nav .open>a:hover,.col-yellow .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-yellow .navbar .nav>li>a{
    color:#fff
}
.col-yellow .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-yellow .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-orange .navbar .navbar-brand,.col-orange .navbar .navbar-brand:hover,.col-orange .navbar .navbar-brand:active,.col-orange .navbar .navbar-brand:focus{
    color:#fff
}
.col-orange .navbar .nav>li>a:hover,.col-orange .navbar .nav>li>a:focus,.col-orange .navbar .nav .open>a,.col-orange .navbar .nav .open>a:hover,.col-orange .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-orange .navbar .nav>li>a{
    color:#fff
}
.col-orange .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-orange .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-deep-orange .navbar .navbar-brand,.col-deep-orange .navbar .navbar-brand:hover,.col-deep-orange .navbar .navbar-brand:active,.col-deep-orange .navbar .navbar-brand:focus{
    color:#fff
}
.col-deep-orange .navbar .nav>li>a:hover,.col-deep-orange .navbar .nav>li>a:focus,.col-deep-orange .navbar .nav .open>a,.col-deep-orange .navbar .nav .open>a:hover,.col-deep-orange .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-deep-orange .navbar .nav>li>a{
    color:#fff
}
.col-deep-orange .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-deep-orange .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-grey .navbar .navbar-brand,.col-grey .navbar .navbar-brand:hover,.col-grey .navbar .navbar-brand:active,.col-grey .navbar .navbar-brand:focus{
    color:#fff
}
.col-grey .navbar .nav>li>a:hover,.col-grey .navbar .nav>li>a:focus,.col-grey .navbar .nav .open>a,.col-grey .navbar .nav .open>a:hover,.col-grey .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-grey .navbar .nav>li>a{
    color:#fff
}
.col-grey .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-grey .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-blue-grey .navbar .navbar-brand,.col-blue-grey .navbar .navbar-brand:hover,.col-blue-grey .navbar .navbar-brand:active,.col-blue-grey .navbar .navbar-brand:focus{
    color:#fff
}
.col-blue-grey .navbar .nav>li>a:hover,.col-blue-grey .navbar .nav>li>a:focus,.col-blue-grey .navbar .nav .open>a,.col-blue-grey .navbar .nav .open>a:hover,.col-blue-grey .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-blue-grey .navbar .nav>li>a{
    color:#fff
}
.col-blue-grey .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-blue-grey .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-indigo .navbar .navbar-brand,.col-indigo .navbar .navbar-brand:hover,.col-indigo .navbar .navbar-brand:active,.col-indigo .navbar .navbar-brand:focus{
    color:#fff
}
.col-indigo .navbar .nav>li>a:hover,.col-indigo .navbar .nav>li>a:focus,.col-indigo .navbar .nav .open>a,.col-indigo .navbar .nav .open>a:hover,.col-indigo .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-indigo .navbar .nav>li>a{
    color:#fff
}
.col-indigo .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-indigo .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-light-blue .navbar .navbar-brand,.col-light-blue .navbar .navbar-brand:hover,.col-light-blue .navbar .navbar-brand:active,.col-light-blue .navbar .navbar-brand:focus{
    color:#fff
}
.col-light-blue .navbar .nav>li>a:hover,.col-light-blue .navbar .nav>li>a:focus,.col-light-blue .navbar .nav .open>a,.col-light-blue .navbar .nav .open>a:hover,.col-light-blue .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-light-blue .navbar .nav>li>a{
    color:#fff
}
.col-light-blue .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-light-blue .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-teal .navbar .navbar-brand,.col-teal .navbar .navbar-brand:hover,.col-teal .navbar .navbar-brand:active,.col-teal .navbar .navbar-brand:focus{
    color:#fff
}
.col-teal .navbar .nav>li>a:hover,.col-teal .navbar .nav>li>a:focus,.col-teal .navbar .nav .open>a,.col-teal .navbar .nav .open>a:hover,.col-teal .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-teal .navbar .nav>li>a{
    color:#fff
}
.col-teal .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-teal .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-lime .navbar .navbar-brand,.col-lime .navbar .navbar-brand:hover,.col-lime .navbar .navbar-brand:active,.col-lime .navbar .navbar-brand:focus{
    color:#fff
}
.col-lime .navbar .nav>li>a:hover,.col-lime .navbar .nav>li>a:focus,.col-lime .navbar .nav .open>a,.col-lime .navbar .nav .open>a:hover,.col-lime .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-lime .navbar .nav>li>a{
    color:#fff
}
.col-lime .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-lime .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-amber .navbar .navbar-brand,.col-amber .navbar .navbar-brand:hover,.col-amber .navbar .navbar-brand:active,.col-amber .navbar .navbar-brand:focus{
    color:#fff
}
.col-amber .navbar .nav>li>a:hover,.col-amber .navbar .nav>li>a:focus,.col-amber .navbar .nav .open>a,.col-amber .navbar .nav .open>a:hover,.col-amber .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-amber .navbar .nav>li>a{
    color:#fff
}
.col-amber .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-amber .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-brown .navbar .navbar-brand,.col-brown .navbar .navbar-brand:hover,.col-brown .navbar .navbar-brand:active,.col-brown .navbar .navbar-brand:focus{
    color:#fff
}
.col-brown .navbar .nav>li>a:hover,.col-brown .navbar .nav>li>a:focus,.col-brown .navbar .nav .open>a,.col-brown .navbar .nav .open>a:hover,.col-brown .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-brown .navbar .nav>li>a{
    color:#fff
}
.col-brown .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-brown .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-blush .navbar .navbar-brand,.col-blush .navbar .navbar-brand:hover,.col-blush .navbar .navbar-brand:active,.col-blush .navbar .navbar-brand:focus{
    color:#fff
}
.col-blush .navbar .nav>li>a:hover,.col-blush .navbar .nav>li>a:focus,.col-blush .navbar .nav .open>a,.col-blush .navbar .nav .open>a:hover,.col-blush .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-blush .navbar .nav>li>a{
    color:#fff
}
.col-blush .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-blush .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-black .navbar .navbar-brand,.col-black .navbar .navbar-brand:hover,.col-black .navbar .navbar-brand:active,.col-black .navbar .navbar-brand:focus{
    color:#fff
}
.col-black .navbar .nav>li>a:hover,.col-black .navbar .nav>li>a:focus,.col-black .navbar .nav .open>a,.col-black .navbar .nav .open>a:hover,.col-black .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-black .navbar .nav>li>a{
    color:#fff
}
.col-black .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-black .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.col-white .navbar .navbar-brand,.col-white .navbar .navbar-brand:hover,.col-white .navbar .navbar-brand:active,.col-white .navbar .navbar-brand:focus{
    color:#fff
}
.col-white .navbar .nav>li>a:hover,.col-white .navbar .nav>li>a:focus,.col-white .navbar .nav .open>a,.col-white .navbar .nav .open>a:hover,.col-white .navbar .nav .open>a:focus{
    background-color:rgba(0,0,0,0.05)
}
.col-white .navbar .nav>li>a{
    color:#fff
}
.col-white .navbar .bars{
    float:left;
    padding:10px 20px;
    font-size:22px;
    color:#fff;
    margin-right:10px;
    margin-left:-10px;
    margin-top:4px
}
.col-white .navbar .bars:hover{
    background-color:rgba(0,0,0,0.08)
}
.color-bg{
    position:fixed;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:239px
}
@media screen and (max-width: 768px){
    .overlay-open .sidebar .user-info{
        height:105px
    }
    .overlay-open .sidebar .user-info .quick-stats{
        display:none
    }
    .overlay-open .sidebar .legal{
        padding:5px 15px
    }
}
.overlay{
    position:fixed;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.5);
    display:none;
    z-index:14;
    opacity:1
}
.overlay-open .sidebar{
    margin-left:0;
    z-index:27;
    top:0;
    height:100vh
}
.overlay-open .sidebar .admin-action-info span{
    color:#999 !important
}
.overlay-open .sidebar .admin-action-info h3{
    color:#ccc !important
}
.overlay-open .sidebar .admin-action-info ul li a{
    color:#999 !important
}
.overlay-open .sidebar .quick-stats h5{
    color:#666 !important
}
.sidebar{
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    font-family:"Roboto",sans-serif;
    background:transparent;
    width:250px;
    overflow:hidden;
    display:inline-block;
    height:calc(100vh - 55px);
    position:fixed;
    top:55px;
    left:0;
    z-index:11
}
.sidebar .legal{
    position:absolute;
    bottom:0;
    width:100%;
    border-top:1px solid #eee;
    padding:15px;
    overflow:hidden;
    background:#edf1f5
}
.sidebar .legal .version{
    white-space:nowrap;
    -ms-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    margin-top:5px
}
.sidebar .user-info{
    padding:13px 15px 12px 15px;
    white-space:nowrap;
    position:relative;
    height:184px
}
.sidebar .user-info .admin-image{
    display:table-cell;
    vertical-align:top
}
.sidebar .user-info .admin-image>img{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    float:left;
    width:72px;
    height:auto
}
.sidebar .user-info .admin-action-info{
    display:table-cell;
    padding-left:20px;
    vertical-align:middle
}
.sidebar .user-info .admin-action-info>span{
    color:#fff;
    float:left
}
.sidebar .user-info .admin-action-info h3{
    color:#fff;
    float:left;
    font-weight:700;
    line-height:22px;
    margin:0;
    width:100%;
	font-family: var(--bfont) !important;
}
.sidebar .user-info .admin-action-info>ul{
    float:left;
    list-style:outside none none;
    margin:5px 0 0 -5px;
    padding:0;
    width:100%
}
.sidebar .user-info .admin-action-info>ul li{
    float:left;
    margin-right:1px
}
.sidebar .user-info .admin-action-info>ul li a{
    color:#fff;
    float:left;
    height:29px;
    line-height:29px;
    text-align:center;
    width:29px
}
.sidebar .user-info .quick-stats{
    float:left;
    text-align:left;
    width:100%
}
.sidebar .user-info .quick-stats>h5{
    color:#fff;
    float:left;
    font-weight:400;
    letter-spacing:0.3px;
    line-height:22px;
    margin:5px 0;
    width:100%;
    text-transform:uppercase;
	font-family: var(--bfont);
}
.sidebar .user-info .quick-stats>ul{
    list-style:outside none none;
    padding:0
}
.sidebar .user-info .quick-stats>ul>li{
    float:left;
    padding:0 1px;
    width:33.333%;
	font-family: var(--bfont);
}
.sidebar .user-info .quick-stats>ul>li>span{
    background:#ddd none repeat scroll 0 0;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
    color:#424242;
    float:left;
    padding:5px 0;
    text-align:center;
    width:100%;
    font-weight:700;
}
.sidebar .user-info .quick-stats>ul>li>span i{
    color:#757575;
    float:left;
    font-style:normal;
    letter-spacing:0.3px;
    line-height:14px;
    width:100%;
    font-weight:100
}
.sidebar .menu{
    position:relative;
    overflow-y:auto;
    background:var(--nav);
}
.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:var(--subnav);
    padding:8px 16px;
    color:#ccc
}
.sidebar .menu .list i.material-icons{
    margin-top:4px
}
.sidebar .menu .list .menu-toggle:after,.sidebar .menu .list .menu-toggle:before{
    position:absolute;
    top:calc(50% - 14px);
    right:17px;
    font-size:19px;
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    -webkit-transform:scale(0);
    transform:scale(0);
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    color:#888
}
.sidebar .menu .list .menu-toggle:before{
    content:'+';
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1)
}
.sidebar .menu .list .menu-toggle:after{
    content:'\2013';
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    -webkit-transform:scale(0);
    transform:scale(0)
}
.sidebar .menu .list .menu-toggle.toggled:before{
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    -webkit-transform:scale(0);
    transform:scale(0)
}
.sidebar .menu .list .menu-toggle.toggled:after{
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1)
}
.sidebar .menu .list li{
	line-height:20px;
	font-family: var(--bfont) !important;
}
.sidebar .menu .list a{
    color:#9e9e9e;
    position:relative;
    display:inline-flex;
    vertical-align:middle;
    width:100%;
    padding:8px;
    font-weight:400
}
.sidebar .menu .list a:hover,.sidebar .menu .list a:active,.sidebar .menu .list a:focus{
    text-decoration:none !important
}
.sidebar .menu .list a small{
    position:absolute;
    top:calc(50% - 7.5px);
    right:15px
}
.sidebar .menu .list a span{
    margin:0;
    font-weight:400;
    overflow:hidden;
    padding-left:15px
}
.sidebar .menu .list a i{
    width:20px;
    text-align:center
}
.sidebar .menu .list .ml-menu{
    list-style:none;
    display:none;
    padding-left:0
}
.sidebar .menu .list .ml-menu span{
    font-weight:400;
    margin:2px 0 1px 4px
}
.sidebar .menu .list .ml-menu li a{
    padding-left:48px;
    padding-top:5px;
    padding-bottom:5px
}
.sidebar .menu .list .ml-menu li a:before{
    content:'\2666';
    position:absolute;
    left:21px;
    color:#999
}
.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle){
    font-weight:500;
    margin-left:5px
}
.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before{
    content:'\2714';
    position:relative;
    font-size:21px;
    height:20px;
    top:-5px;
    right:0px
}
.sidebar .menu .list .ml-menu li .ml-menu li a{
    padding-left:80px
}
.sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a{
    padding-left:95px
}
.sidebar .active.open .active a{
    color:#ccc;
    margin:0 !important
}
.sidebar .active.open .active a:before{
    display:none
}
.sidebar .active.open .active a:after{
    content:'\f2fb';
    position:absolute;
    top:7px;
    left:17px;
    font-family:'Material-Design-Iconic-Font';
    font-size:16px
}

.right-sidebar{
    width:340px;
    height:100vh;
    position:fixed;
    right:-360px;
    top:0;
    overflow-y:auto;
    background:#fdfdfd;
    z-index:16 !important;
    box-shadow:-2px 2px 5px rgba(0,0,0,0.1);
    transition:.5s;
}

.right-sidebar::-webkit-scrollbar{
    width:6px;
}

.right-sidebar::-webkit-scrollbar-track{
    background:#f1f1f1;
}

.right-sidebar::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#5c6bc0,#3949ab);
    border-radius:10px;
}

.right-sidebar::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#3949ab,#283593);
}

.right-sidebar{
    scroll-behavior:smooth;
}

.right-sidebar.open{right:0}.right-sidebar .nav-tabs{font-size:15px;width:100%;margin-left:2px}.right-sidebar .nav-tabs li{text-align:center;top:0}.right-sidebar .nav-tabs li>a{margin-right:0;padding:15px 5px}.right-sidebar .nav-tabs li:first-child{width:45%}.right-sidebar .nav-tabs li:last-child{width:55%}

/* close button */

.sidebar-close{
    position:absolute;
    top:12px;
    right:12px;

    width:32px;
    height:32px;

    border:none;
    border-radius:8px;

    background:#f1f5f9;
    color:#475569;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

    transition:all .2s ease;
	z-index:20;
}

/* hover */

.sidebar-close:hover{
    background:#e2e8f0;
    color:#1e293b;
}

/* subtle shadow */

.sidebar-close{
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
}

/* icon */

.sidebar-close i{
    font-size:14px;
}

.sidebar-close{
    backdrop-filter:blur(6px);
    background:rgba(255,255,255,0.8);
}

.sidebar-header{
    padding:15px;
    border-bottom:1px solid #eee;
    background:#fff;
    position:sticky;
    top:0;
    z-index:10;
}


.patient-profile{
    display:flex;
    align-items:center;
}

.patient-avatar{
    width:45px;
    height:45px;
    border-radius:50%;
    margin-right:10px;
}

/* tabs container */

.sidebar-tabs{
    display:flex;
    border:none;
    gap:4px;
	background-color:darkblue;
	padding:4px;
}

/* remove bootstrap spacing */

.sidebar-tabs li{
    margin:0;
	border:1px solid grey;
}

/* tab link */

.sidebar-tabs li a{
    display:flex;
    align-items:center;
    gap:6px;

    padding:4px 10px;

    font-size:13px;
    font-weight:500;

    color:#64748b;

    border:none !important;
    border-radius:8px;

    transition:all .25s ease;
}

/* hover */

.sidebar-tabs li a:hover{
    background:#e9eef6;
    color:#1e293b;
}

/* active */


/* icon styling */

.sidebar-tabs i{
    font-size:13px;
    opacity:.8;
}

/* content */

.tab-content{
    padding:10px 4px;
}

.sidebar-tabs li.active a{
    transform:scale(1.03);
}

.m-l--125{
    margin-left:-125px
}
.m-t--125{
    margin-top:-125px
}
.m-r--125{
    margin-right:-125px
}
.m-b--125{
    margin-bottom:-125px
}
.m-l--120{
    margin-left:-120px
}
.m-t--120{
    margin-top:-120px
}
.m-r--120{
    margin-right:-120px
}
.m-b--120{
    margin-bottom:-120px
}
.m-l--115{
    margin-left:-115px
}
.m-t--115{
    margin-top:-115px
}
.m-r--115{
    margin-right:-115px
}
.m-b--115{
    margin-bottom:-115px
}
.m-l--110{
    margin-left:-110px
}
.m-t--110{
    margin-top:-110px
}
.m-r--110{
    margin-right:-110px
}
.m-b--110{
    margin-bottom:-110px
}
.m-l--105{
    margin-left:-105px
}
.m-t--105{
    margin-top:-105px
}
.m-r--105{
    margin-right:-105px
}
.m-b--105{
    margin-bottom:-105px
}
.m-l--100{
    margin-left:-100px
}
.m-t--100{
    margin-top:-100px
}
.m-r--100{
    margin-right:-100px
}
.m-b--100{
    margin-bottom:-100px
}
.m-l--95{
    margin-left:-95px
}
.m-t--95{
    margin-top:-95px
}
.m-r--95{
    margin-right:-95px
}
.m-b--95{
    margin-bottom:-95px
}
.m-l--90{
    margin-left:-90px
}
.m-t--90{
    margin-top:-90px
}
.m-r--90{
    margin-right:-90px
}
.m-b--90{
    margin-bottom:-90px
}
.m-l--85{
    margin-left:-85px
}
.m-t--85{
    margin-top:-85px
}
.m-r--85{
    margin-right:-85px
}
.m-b--85{
    margin-bottom:-85px
}
.m-l--80{
    margin-left:-80px
}
.m-t--80{
    margin-top:-80px
}
.m-r--80{
    margin-right:-80px
}
.m-b--80{
    margin-bottom:-80px
}
.m-l--75{
    margin-left:-75px
}
.m-t--75{
    margin-top:-75px
}
.m-r--75{
    margin-right:-75px
}
.m-b--75{
    margin-bottom:-75px
}
.m-l--70{
    margin-left:-70px
}
.m-t--70{
    margin-top:-70px
}
.m-r--70{
    margin-right:-70px
}
.m-b--70{
    margin-bottom:-70px
}
.m-l--65{
    margin-left:-65px
}
.m-t--65{
    margin-top:-65px
}
.m-r--65{
    margin-right:-65px
}
.m-b--65{
    margin-bottom:-65px
}
.m-l--60{
    margin-left:-60px
}
.m-t--60{
    margin-top:-60px
}
.m-r--60{
    margin-right:-60px
}
.m-b--60{
    margin-bottom:-60px
}
.m-l--55{
    margin-left:-55px
}
.m-t--55{
    margin-top:-55px
}
.m-r--55{
    margin-right:-55px
}
.m-b--55{
    margin-bottom:-55px
}
.m-l--50{
    margin-left:-50px
}
.m-t--50{
    margin-top:-50px
}
.m-r--50{
    margin-right:-50px
}
.m-b--50{
    margin-bottom:-50px
}
.m-l--45{
    margin-left:-45px
}
.m-t--45{
    margin-top:-45px
}
.m-r--45{
    margin-right:-45px
}
.m-b--45{
    margin-bottom:-45px
}
.m-l--40{
    margin-left:-40px
}
.m-t--40{
    margin-top:-40px
}
.m-r--40{
    margin-right:-40px
}
.m-b--40{
    margin-bottom:-40px
}
.m-l--35{
    margin-left:-35px
}
.m-t--35{
    margin-top:-35px
}
.m-r--35{
    margin-right:-35px
}
.m-b--35{
    margin-bottom:-35px
}
.m-l--30{
    margin-left:-30px
}
.m-t--30{
    margin-top:-30px
}
.m-r--30{
    margin-right:-30px
}
.m-b--30{
    margin-bottom:-30px
}
.m-l--25{
    margin-left:-25px
}
.m-t--25{
    margin-top:-25px
}
.m-r--25{
    margin-right:-25px
}
.m-b--25{
    margin-bottom:-25px
}
.m-l--20{
    margin-left:-20px
}
.m-t--20{
    margin-top:-20px
}
.m-r--20{
    margin-right:-20px
}
.m-b--20{
    margin-bottom:-20px
}
.m-l--15{
    margin-left:-15px
}
.m-t--15{
    margin-top:-15px
}
.m-r--15{
    margin-right:-15px
}
.m-b--15{
    margin-bottom:-15px
}
.m-l--10{
    margin-left:-10px
}
.m-t--10{
    margin-top:-10px
}
.m-r--10{
    margin-right:-10px
}
.m-b--10{
    margin-bottom:-10px
}
.m-l--5{
    margin-left:-5px
}
.m-t--5{
    margin-top:-5px
}
.m-r--5{
    margin-right:-5px
}
.m-b--5{
    margin-bottom:-5px
}
.m-l-0{
    margin-left:0px
}
.m-t-0,.info-box .content .number,.info-box-2 .content .number,.info-box-3 .content .number,.profile-page #timeline .timeline .timeline-item .item-content{
    margin-top:0px
}
.m-r-0{
    margin-right:0px
}
.m-b-0,.card .header,.media .media-body .media-heading,.profile-page #usersettings .form-group,.member-card .social-links,.profile-page #report ul li:last-child .progress,.email-page .mail_listing .table thead .dropdown,.email-page .mail_listing .table tbody tr td .checkbox,.email-page .mail-single .media{
    margin-bottom:0px
}
.m-l-5,.wizard .actions a{
    margin-left:5px
}
.m-t-5,.card .card-inside-title small,.card .header h2 small,.input-group .help-info,.input-group label.error,.form-group .help-info,.form-group label.error{
    margin-top:5px
}
.m-r-5,.email-page .label,.email-page .tcol #mail-labels li a i,.email-page .tcol #onlie-offline li a i{
    margin-right:5px
}
.m-b-5{
    margin-bottom:5px
}
.m-l-10{
    margin-left:10px
}
.m-t-10,.authentication .card .title .msg{
    margin-top:10px
}
.m-r-10,.ls-closed .bars:after,.ls-closed .bars:before,.email-page .mail_listing .table tbody tr td img{
    margin-right:10px
}
.m-b-10,.breadcrumb{
    margin-bottom:10px
}
.m-l-15{
    margin-left:15px
}
.m-t-15{
    margin-top:15px
}
.m-r-15{
    margin-right:15px
}
.m-b-15,.card .card-inside-title,.profile-page .profile-sub-header,.profile-page #mypost .mypost-form,.profile-page #mypost .post-box .post-img{
    margin-bottom:15px
}
.m-l-20,.media.mright .media-right{
    margin-left:20px
}
.m-t-20{
    margin-top:20px
}
.m-r-20,.media.mleft .media-left,.bs-example .media .media-left{
    margin-right:20px
}
.m-b-20,.stats-report,.profile-page #timeline .timeline .timeline-item{
    margin-bottom:20px
}
.m-l-25{
    margin-left:25px
}
.m-t-25{
    margin-top:25px
}
.m-r-25{
    margin-right:25px
}
.m-b-25{
    margin-bottom:25px
}
.m-l-30{
    margin-left:30px
}
.m-t-30{
    margin-top:30px
}
.m-r-30{
    margin-right:30px
}
.m-b-30{
    margin-bottom:30px
}
.m-l-35{
    margin-left:35px
}
.m-t-35{
    margin-top:35px
}
.m-r-35{
    margin-right:35px
}
.m-b-35{
    margin-bottom:35px
}
.m-l-40{
    margin-left:40px
}
.m-t-40{
    margin-top:40px
}
.m-r-40{
    margin-right:40px
}
.m-b-40{
    margin-bottom:40px
}
.m-l-45{
    margin-left:45px
}
.m-t-45{
    margin-top:45px
}
.m-r-45{
    margin-right:45px
}
.m-b-45{
    margin-bottom:45px
}
.m-l-50{
    margin-left:50px
}
.m-t-50{
    margin-top:50px
}
.m-r-50{
    margin-right:50px
}
.m-b-50{
    margin-bottom:50px
}
.m-l-55{
    margin-left:55px
}
.m-t-55{
    margin-top:55px
}
.m-r-55{
    margin-right:55px
}
.m-b-55{
    margin-bottom:55px
}
.m-l-60{
    margin-left:60px
}
.m-t-60{
    margin-top:60px
}
.m-r-60{
    margin-right:60px
}
.m-b-60{
    margin-bottom:60px
}
.m-l-65{
    margin-left:65px
}
.m-t-65{
    margin-top:65px
}
.m-r-65{
    margin-right:65px
}
.m-b-65{
    margin-bottom:65px
}
.m-l-70{
    margin-left:70px
}
.m-t-70{
    margin-top:70px
}
.m-r-70{
    margin-right:70px
}
.m-b-70{
    margin-bottom:70px
}
.m-l-75{
    margin-left:75px
}
.m-t-75{
    margin-top:75px
}
.m-r-75{
    margin-right:75px
}
.m-b-75{
    margin-bottom:75px
}
.m-l-80{
    margin-left:80px
}
.m-t-80{
    margin-top:80px
}
.m-r-80{
    margin-right:80px
}
.m-b-80{
    margin-bottom:80px
}
.m-l-85{
    margin-left:85px
}
.m-t-85{
    margin-top:85px
}
.m-r-85{
    margin-right:85px
}
.m-b-85{
    margin-bottom:85px
}
.m-l-90{
    margin-left:90px
}
.m-t-90{
    margin-top:90px
}
.m-r-90{
    margin-right:90px
}
.m-b-90{
    margin-bottom:90px
}
.m-l-95{
    margin-left:95px
}
.m-t-95{
    margin-top:95px
}
.m-r-95{
    margin-right:95px
}
.m-b-95{
    margin-bottom:95px
}
.m-l-100{
    margin-left:100px
}
.m-t-100{
    margin-top:100px
}
.m-r-100{
    margin-right:100px
}
.m-b-100{
    margin-bottom:100px
}
.m-l-105{
    margin-left:105px
}
.m-t-105{
    margin-top:105px
}
.m-r-105{
    margin-right:105px
}
.m-b-105{
    margin-bottom:105px
}
.m-l-110{
    margin-left:110px
}
.m-t-110{
    margin-top:110px
}
.m-r-110{
    margin-right:110px
}
.m-b-110{
    margin-bottom:110px
}
.m-l-115{
    margin-left:115px
}
.m-t-115{
    margin-top:115px
}
.m-r-115{
    margin-right:115px
}
.m-b-115{
    margin-bottom:115px
}
.m-l-120{
    margin-left:120px
}
.m-t-120{
    margin-top:120px
}
.m-r-120{
    margin-right:120px
}
.m-b-120{
    margin-bottom:120px
}
.m-l-125{
    margin-left:125px
}
.m-t-125{
    margin-top:125px
}
.m-r-125{
    margin-right:125px
}
.m-b-125{
    margin-bottom:125px
}
.margin-0,.btn-group .btn+.btn,.btn-group .btn,.btn-group .btn:active,.btn-group .btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn,.btn-group-vertical .btn:active,.btn-group-vertical .btn-group,.waves-button-input,.sidebar .user-info .quick-stats>ul,.right-sidebar .nav-tabs,.right-sidebar #chat ul>li .media,.stats-report .stat-item h5,.basic-list,.country-state,.card .header .header-dropdown,.card .header h2,.wizard .content,.wizard .content .body label.error,.dropdown-menu ul.menu .menu-info h4,.dropdown-menu ul.menu .menu-info p,.fc-overlay.left,.fc-overlay.right,.fc .fc-toolbar .fc-button,.fc .fc-toolbar h2,.authentication .card .title span,.authentication .card-top:first-child,.authentication .form-line .search-btn button,.profile-page .profile-sub-header .box-list ul,.profile-page .profile-sub-header .box-list ul li a p,.profile-page #mypost .mypost-form .form-group,.member-card .header-dropdown,.mfbc_list,.email-page .tcol #mail-folders li,.email-page .mail_listing .table tbody tr td .checkbox label,.morphsearch .form-group,.morphsearch .form-group .form-control{
    margin:0
}
.p-l-0,.input-group .input-group-addon,.authentication{
    padding-left:0px
}
.p-t-0{
    padding-top:0px
}
.p-r-0{
    padding-right:0px
}
.p-b-0{
    padding-bottom:0px
}
.p-l-5{
    padding-left:5px
}
.p-t-5{
    padding-top:5px
}
.p-r-5,.wizard.vertical>.steps{
    padding-right:5px
}

.p-l-15,.profile-page #report .dis{
    padding-left:15px
}

.p-r-20,.stats-report .stat-item{
    padding-right:20px
}

.p-t-30,.profile-page .profile-header{
    padding-top:30px
}
.p-r-30{
    padding-right:30px
}
.p-b-30,.profile-page .profile-header{
    padding-bottom:30px
}

.padding-0,.color-bg,.basic-list,.country-state,.btn-circle,.card .header .header-dropdown,.nav-tabs,.pager,.dropdown-menu,.authentication .card .title .msg,.profile-page .profile-sub-header .box-list ul,.member-card .header-dropdown,.mfbcb-main,.mfb-child,.mfbc_list,.email-page .tcol #mail-labels li a i,.email-page .tcol #onlie-offline li a i,.morphsearch .form-group{
    padding:0
}
.font-6{
    font-size:6px
}
.font-7{
    font-size:7px
}
.font-8,.email-page .tcol #onlie-offline li a i{
    font-size:8px
}
.font-9{
    font-size:9px
}
.font-10,.label-count,.label{
    font-size:10px
}
.font-11,.card .card-inside-title small,.dropdown-menu ul.menu .menu-info p{
    font-size:11px
}
.font-12,.sidebar .user-info .admin-action-info>span,.sidebar .user-info .admin-action-info>ul li a,.sidebar .user-info .quick-stats>h5,.sidebar .user-info .quick-stats>ul>li>span i,.sidebar .menu .list .header,.block-header h2 small,.demo-image-copyright,.stats-report .stat-item h5,.range-label span,.card .header h2 small,.info-box .content .text,.info-box-3 .content .text,.info-box-4 .content .text,.input-group .help-info,.input-group label.error,.input-group .form-line.focused .form-label,.form-group .help-info,.form-group label.error,.form-group .form-line.focused .form-label,.wizard .content .body label.error,.fc .fc-view-container .fc-event,.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header,.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr td.fc-widget-header,.fc .fc-view-container .fc-view.fc-agenda>table>thead tr th.fc-widget-header,.fc .fc-view-container .fc-view.fc-agenda>table>thead tr td.fc-widget-header,.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-axis,.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-gutter,.dataTables_wrapper input[type="search"]{
    font-size:12px
}
.font-13,.page-loader-wrapper p,.sidebar .legal .version,.demo-color-box .color-code,.demo-color-box .color-class-name,.right-sidebar #chat ul>li .media .media-body .message,.btn:not(.btn-link):not(.btn-circle),[type="checkbox"]+label,[type="radio"]:not(:checked)+label,[type="radio"]:checked+label,.switch label,.tooltip,.popover .popover-content,.list-group .active .list-group-item-text,.dropdown-menu .header,.dropdown-menu ul.menu.tasks h4,.dropdown-menu ul.menu .menu-info p .material-icons,.page-calendar .event-name,.event-control,.dataTables_wrapper .dt-buttons a.dt-button,.authentication .card .title span,.authentication .card .title .msg{
    font-size:13px
}
.font-14,.right-sidebar #chat ul>li .media .media-body .message i,.card .header h2,.card .body,.info-box-2 .content .text,.thumbnail p:not(button),.breadcrumb,.media .media-body,.dropdown-menu>li>a,.profile-page #timeline .timeline,[data-mfb-label]:after,.email-page .tcol .nav-stacked>li a,.email-page .tcol #mail-labels li a{
    font-size:14px
}
.font-15,.sidebar .user-info .quick-stats>ul>li>span,.sidebar .menu .list a,.sidebar .menu .list .ml-menu span,.card .card-inside-title,.wizard .steps .number,.dropdown-menu ul.menu .menu-info h4,.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-day-number,.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-day-number,.mfbc_icon{
    font-size:15px
}
.font-16,.sidebar .menu .list .ml-menu li a:before,.demo-color-box .color-name,.modal .modal-header .modal-title,.panel-group .panel .panel-title,.panel-group .panel-primary .panel-title,.media .media-body .media-heading,.email-page .tcol #mail-labels li a i,.dummy-media-object h3{
    font-size:16px
}
.font-17,.sidebar .user-info .admin-action-info h3,.thumbnail h3,.breadcrumb li a .material-icons,.list-group .list-group-item .list-group-item-heading{
    font-size:17px
}
.font-18,.demo-choose-skin li.active:after,.btn-circle i,.input-group .input-group-addon .material-icons,.breadcrumb li .material-icons,.dropdown-menu ul.menu .icon-circle i,.mfb-component__icon,.mfbcm-icon-active,.mfbcm-icon-resting,.mfbc_icon{
    font-size:18px
}
.font-19{
    font-size:19px
}
.font-20,.btn-just-icon,.close i,.block-header h2,.card .header .header-dropdown i,.info-box .content .number,.info-box-2 .content .number,.info-box-3 .content .number,.info-box-4 .content .number,.dropdown-menu>li>a i.material-icons,.profile-page .profile-sub-header .box-list ul li a i{
    font-size:20px
}

.align-left,.dropdown-menu .header,.dropdown-menu .footer a,.email-page .tcol .nav-stacked>li a,.email-page .tcol #mail-labels li a{
    text-align:left
}
.align-center,.info-box .icon,.info-box-3 .icon,.info-box-4 .icon,.dropdown-menu ul.menu .icon-circle,.profile-page .profile-header,.member-card,.member-card .social-links li a{
    text-align:center
}
.align-right,.wizard .actions{
    text-align:right
}
.align-justify{
    text-align:justify
}
.no-resize{
    resize:none
}
.font-bold{
    font-weight:700
}
.font-italic{
    font-style:italic
}
.font-underline{
    text-decoration:underline
}
.font-line-through{
    text-decoration:line-through
}
.font-overline{
    text-decoration:overline
}
.block-header{
    margin-bottom:15px;
    padding:10px 0
}
.block-header h2{
    margin:0 !important;
    color:var(--nav) !important;
    font-weight:600
}
.block-header h2 small{
    display:block;
    margin-top:8px;
    color:#888
}
.block-header h2 small a{
    font-weight:700;
    color:#757575
}
.bg-red{
    background-color:#ec3b57 !important;
    color:#fff
}
.bg-red .content .text,.bg-red .content .number{
    color:#fff !important
}
.bg-pink{
    background-color:#E91E63 !important;
    color:#fff
}
.bg-pink .content .text,.bg-pink .content .number{
    color:#fff !important
}
.bg-purple{
    background-color:#ba3bd0 !important;
    color:#fff
}
.bg-purple .content .text,.bg-purple .content .number{
    color:#fff !important
}
.bg-deep-purple{
    background-color:#673AB7 !important;
    color:#fff
}
.bg-deep-purple .content .text,.bg-deep-purple .content .number{
    color:#fff !important
}
.bg-blue{
    background-color:#457fca !important;
    color:#fff
}
.bg-blue .content .text,.bg-blue .content .number{
    color:#fff !important
}
.bg-cyan{
    background-color:#379c94 !important;
    color:#fff
}
.bg-cyan .content .text,.bg-cyan .content .number{
    color:#fff !important
}
.bg-green{
    background-color:#78b83e !important;
    color:#fff
}
.bg-green .content .text,.bg-green .content .number{
    color:#fff !important
}
.bg-light-green{
    background-color:#8BC34A !important;
    color:#fff
}
.bg-light-green .content .text,.bg-light-green .content .number{
    color:#fff !important
}
.bg-yellow{
    background-color:#ffe821 !important;
    color:#fff
}
.bg-yellow .content .text,.bg-yellow .content .number{
    color:#fff !important
}
.bg-orange{
    background-color:#FF9800 !important;
    color:#fff
}
.bg-orange .content .text,.bg-orange .content .number{
    color:#fff !important
}
.bg-deep-orange{
    background-color:#f83600 !important;
    color:#fff
}
.bg-deep-orange .content .text,.bg-deep-orange .content .number{
    color:#fff !important
}
.bg-grey{
    background-color:#9E9E9E !important;
    color:#fff
}
.bg-grey .content .text,.bg-grey .content .number{
    color:#fff !important
}
.bg-blue-grey{
    background-color:#607D8B !important;
    color:#fff
}
.bg-blue-grey .content .text,.bg-blue-grey .content .number{
    color:#fff !important
}
.bg-indigo{
    background-color:#3F51B5 !important;
    color:#fff
}
.bg-indigo .content .text,.bg-indigo .content .number{
    color:#fff !important
}
.bg-light-blue{
    background-color:#03A9F4 !important;
    color:#fff
}
.bg-light-blue .content .text,.bg-light-blue .content .number{
    color:#fff !important
}
.bg-teal{
    background-color:#009688 !important;
    color:#fff
}
.bg-teal .content .text,.bg-teal .content .number{
    color:#fff !important
}
.bg-lime{
    background-color:#CDDC39 !important;
    color:#fff
}
.bg-lime .content .text,.bg-lime .content .number{
    color:#fff !important
}
.bg-amber{
    background-color:#FFC107 !important;
    color:#fff
}
.bg-amber .content .text,.bg-amber .content .number{
    color:#fff !important
}
.bg-brown{
    background-color:#795548 !important;
    color:#fff
}
.bg-brown .content .text,.bg-brown .content .number{
    color:#fff !important
}
.bg-blush{
    background-color:#F15F79 !important;
    color:#fff
}
.bg-blush .content .text,.bg-blush .content .number{
    color:#fff !important
}
.bg-black{
    background-color:#000 !important;
    color:#fff
}
.bg-black .content .text,.bg-black .content .number{
    color:#fff !important
}
.bg-white{
    background-color:#fff !important;
    color:#fff
}
.bg-white .content .text,.bg-white .content .number{
    color:#fff !important
}
.col-red{
    color:#ec3b57 !important
}
.col-pink{
    color:#E91E63 !important
}
.col-purple{
    color:#ba3bd0 !important
}
.col-deep-purple{
    color:#673AB7 !important
}
.col-blue{
    color:#457fca !important
}
.col-cyan{
    color:#379c94 !important
}
.col-green{
    color:#78b83e !important
}
.col-light-green{
    color:#8BC34A !important
}
.col-yellow{
    color:#ffe821 !important
}
.col-orange{
    color:#FF9800 !important
}
.col-deep-orange{
    color:#f83600 !important
}
.col-grey{
    color:#9E9E9E !important
}
.col-blue-grey{
    color:#607D8B !important
}
.col-indigo{
    color:#3F51B5 !important
}
.col-light-blue{
    color:#03A9F4 !important
}
.col-teal{
    color:#009688 !important
}
.col-lime{
    color:#CDDC39 !important
}
.col-amber{
    color:#FFC107 !important
}
.col-brown{
    color:#795548 !important
}
.col-blush{
    color:#F15F79 !important
}
.col-black{
    color:#000 !important
}
.col-white{
    color:#fff !important
}
@-ms-keyframes spin{
    from{
        -ms-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -ms-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-moz-keyframes spin{
    from{
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes spin{
    from{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spin{
    from{
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.demo-button-sizes .btn{
    margin-bottom:5px
}
.icon-button-demo button{
    margin-right:5px;
    margin-bottom:12px
}
.button-demo ul{
    padding-left:0
}
.button-demo ul li{
    list-style:none;
    padding-left:0;
    display:inline-block;
    margin-right:7px
}
.button-demo ul li .btn{
    display:block;
    min-width:175px
}
.button-demo .btn{
    margin-right:8px;
    margin-bottom:13px;
    min-width:120px
}
.demo-button-groups .btn-group{
    margin-right:10px
}
.demo-button-toolbar .btn-toolbar{
    float:left;
    margin-right:25px
}
.demo-button-nesting>.btn-group{
    margin-right:15px
}
.demo-single-button-dropdowns>.btn-group{
    margin-right:10px
}
.demo-splite-button-dropdowns>.btn-group{
    margin-right:10px
}
.demo-dropup .dropup{
    margin-right:10px
}
.demo-color-box{
    padding:15px 0;
    text-align:center;
    margin-bottom:20px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px
}
.demo-color-box .color-name{
    margin-bottom:5px
}
.demo-image-copyright{
    text-align:right;
    font-style:italic;
    color:#757575;
    margin:5px 0 10px 0
}
.demo-image-copyright a{
    font-weight:700;
    color:#555 !important
}
.demo-icon-container .demo-google-material-icon{
    padding:10px;
    margin:2px;
    border:1px solid #eee;
    display:flex;
    align-items:center
}
.demo-icon-container .demo-google-material-icon .icon-name{
    position:relative
}
.demo-icon-container .demo-google-material-icon .material-icons{
    width:30px;
    font-size:20px
}
.demo-preloader .preloader{
    margin-right:10px
}
.irs-demo{
    margin-bottom:40px
}
.irs-demo .irs{
    margin-top:15px
}

@media screen and (max-width: 768px){
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{
        margin-left:35px
    }
    .navbar .navbar-header{
        display:inline-block
    }
    .navbar .nav>li{
        display:inline-block
    }
    .navbar .navbar-nav{
        margin:0;
        float:right
    }
    .navbar .navbar-nav .open .dropdown-menu{
        background-color:#fff;
        position:absolute;
        box-shadow:0 2px 10px rgba(0,0,0,0.2)
    }
    .navbar .dropdown-menu{
        margin-left:-230px
    }
    .navbar .js-right-sidebar{
        margin-top:15px
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{
        margin-left:20px
    }
}
@media (min-width: 992px) and (max-width: 1169px){
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{
        margin-left:20px
    }
}
body{
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    background-color:var(--nav);
    font-family:'Roboto', Arial, Tahoma, sans-serif;
    font-size:14px
}
button,input,select,a{
    outline:none !important
}
.no-animate{
    -o-transition-property:none !important;
    -moz-transition-property:none !important;
    -ms-transition-property:none !important;
    -webkit-transition-property:none !important;
    transition-property:none !important;
    -o-transform:none !important;
    -moz-transform:none !important;
    -ms-transform:none !important;
    -webkit-transform:none !important;
    transform:none !important;
    -webkit-animation:none !important;
    -moz-animation:none !important;
    -o-animation:none !important;
    -ms-animation:none !important;
    animation:none !important
}
section.content{
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
    padding:15px 10px;
    background:#f3f3f3;
    z-index:9;
    position:relative;
    margin:60px 15px 15px 250px;
    box-shadow:1px 5px 20px rgba(0,0,0,0.09)
}
.g-bg-cyan{
    background:linear-gradient(60deg, #09b9ac, #7dd1c1);
    color:#fff !important
}
.g-bg-blue{
    background:linear-gradient(60deg, #00adef, #0094da);
    color:#fff !important
}
.g-bg-gy{
    background:linear-gradient(60deg, #94d23b, #fcb711);
    color:#fff !important
}
.g-bg-cgreen{
    background:linear-gradient(60deg, #16c99f, #12a682);
    color:#fff !important
}
.carousel .glyphicon-chevron-right:before{
    content:'\f2f5';
    font-family:'Material-Design-Iconic-Font'
}
.carousel .glyphicon-chevron-left:before{
    content:'\f2f3';
    font-family:'Material-Design-Iconic-Font'
}
.drop-custum{
    border-bottom:1px solid #ddd;
    margin-top:18px !important
}
@media screen and (max-width: 993px){
    .collapse.collapse-sm,.collapse.collapse-xs{
        display:block
    }
}
@media screen and (max-width: 768px){
    .hidden-sm-down{
        display:none !important
    }
}
@media screen and (max-width: 992px){
    section.content{
        margin-left:5px !important;
        margin-right:5px;
        padding:0
    }
    .hidden-md-down{
        display:none !important
    }
}
.stats-report .stat-item{
    display:inline-block
}
.stats-report .stat-item h5{
    font-weight:300
}
.basic-list li{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 0px;
    border-bottom:1px solid #eee
}
.basic-list li:last-child{
    border-bottom:none
}
.country-state{
    list-style:none
}
.country-state .progress{
    height:7px
}
@media screen and (max-width: 768px){
    .home .nav-tabs li a{
        padding:10px 15px
    }
    .home .nav-tabs li a i{
        display:block;
        text-align:center
    }
    .clearHeader .navbar-header{
        margin-top:5px;
        position:relative
    }
}
@media screen and (max-width: 361px){
    .home .nav-tabs li a{
        padding:10px 8px
    }
}
.btn:focus{
    outline:none !important
}
.btn-circle{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    border:none;
    outline:none !important;
    overflow:hidden;
    width:40px;
    height:40px
}
.btn-circle i{
    position:relative;
    left:-1px
}
.btn-link{
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    font-weight:700;
    color:#424242
}
.btn-link:active,.btn-link:focus{
    text-decoration:none;
    color:#424242
}
.btn-link:hover{
    text-decoration:none;
    color:#424242;
    background-color:#bdbdbd
}
.btn-circle-lg{
    -webkit-border-radius:50% !important;
    -moz-border-radius:50% !important;
    -ms-border-radius:50% !important;
    border-radius:50% !important;
    border:none;
    outline:none !important;
    overflow:hidden;
    width:50px;
    height:50px
}
.btn-circle-lg i{
    font-size:26px !important;
    position:relative !important;
    left:0px !important;
    top:6px !important
}
.btn:not(.btn-link):not(.btn-circle){
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    border-radius:2px;
    box-shadow:0 2px 5px rgba(0,0,0,0.16),0 2px 10px rgba(0,0,0,0.12);
    border:none;
    outline:none
}
.btn:not(.btn-link):not(.btn-circle):hover{
    outline:none
}
.btn:not(.btn-link):not(.btn-circle) i{
    position:relative;
    top:1px
}
.btn-warning,.btn-warning:hover,.btn-warning:active,.btn-warning:focus{
    background-color:#ff9600 !important
}
.btn-danger,.btn-danger:hover,.btn-danger:active,.btn-danger:focus{
    background-color:#fb483a !important
}
.btn-info,.btn-info:hover,.btn-info:active,.btn-info:focus{
    background-color:#00b0e4 !important
}
.btn-success,.btn-success:hover,.btn-success:active,.btn-success:focus{
    background-color:#2b982b !important
}
.btn-primary,.btn-primary:hover,.btn-primary:active,.btn-primary:focus{
    background-color:#1f91f3 !important
}
.btn-default,.btn-default:hover,.btn-default:active,.btn-default:focus{
    background-color:#fff !important
}
.btn-group,.btn-group-vertical{
    box-shadow:0 2px 5px rgba(0,0,0,0.16),0 2px 10px rgba(0,0,0,0.12)
}
.btn-group .btn,.btn-group-vertical .btn{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    box-shadow:none !important
}
.btn-group .btn .caret,.btn-group-vertical .btn .caret{
    position:relative;
    bottom:1px
}
.btn-group .btn-group,.btn-group-vertical .btn-group{
    box-shadow:none !important
}
.btn-group .btn+.dropdown-toggle,.btn-group-vertical .btn+.dropdown-toggle{
    border-left:1px solid rgba(0,0,0,0.08) !important
}
.bootstrap-tagsinput{
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    -ms-box-shadow:none !important;
    box-shadow:none !important;
    border:none !important
}
.noUi-target{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -ms-touch-action:none;
    touch-action:none;
    -ms-user-select:none;
    -moz-user-select:none;
    user-select:none;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    direction:ltr
}
.noUi-target *{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -ms-touch-action:none;
    touch-action:none;
    -ms-user-select:none;
    -moz-user-select:none;
    user-select:none;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.noUi-base{
    width:100%;
    height:100%;
    position:relative;
    z-index:1
}
.noUi-origin{
    position:absolute;
    right:0;
    top:6px;
    left:0;
    bottom:0
}
.noUi-handle{
    position:relative;
    z-index:1
}
.noUi-stacking .noUi-handle{
    z-index:10
}
.noUi-state-tap .noUi-origin{
    -webkit-transition:left 0.25s, top 0.25s;
    transition:left 0.25s, top 0.25s
}
.noUi-state-drag *{
    cursor:inherit !important
}
.noUi-base{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.noUi-horizontal{
    height:18px
}
.noUi-horizontal .noUi-handle{
    width:34px;
    height:28px;
    left:-17px;
    top:-6px
}
.noUi-vertical{
    width:18px
}
.noUi-vertical .noUi-handle{
    width:28px;
    height:34px;
    left:-6px;
    top:-17px
}
.noUi-background{
    background:#FAFAFA;
    box-shadow:inset 0 1px 1px #f0f0f0
}
.noUi-connect{
    background:#3FB8AF;
    box-shadow:inset 0 0 3px rgba(51,51,51,0.45);
    -webkit-transition:background 450ms;
    transition:background 450ms
}
.noUi-origin{
    border-radius:2px
}
.noUi-target{
    border-radius:4px;
    border:1px solid #D3D3D3;
    box-shadow:inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}
.noUi-target.noUi-connect{
    box-shadow:inset 0 0 3px rgba(51,51,51,0.45),0 3px 6px -5px #BBB
}
.noUi-dragable{
    cursor:w-resize
}
.noUi-vertical .noUi-dragable{
    cursor:n-resize
}
.noUi-handle{
    border:1px solid #D9D9D9;
    border-radius:3px;
    background:#FFF;
    cursor:default;
    box-shadow:inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB
}
.noUi-active{
    box-shadow:inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}
.noUi-handle:before{
    content:"";
    display:block;
    position:absolute;
    height:14px;
    width:1px;
    background:#E8E7E6;
    left:14px;
    top:6px
}
.noUi-handle:after{
    content:"";
    display:block;
    position:absolute;
    height:14px;
    width:1px;
    background:#E8E7E6;
    left:14px;
    top:6px;
    left:17px
}
.noUi-vertical .noUi-handle:before{
    width:14px;
    height:1px;
    left:6px;
    top:14px
}
.noUi-vertical .noUi-handle:after{
    width:14px;
    height:1px;
    left:6px;
    top:14px;
    top:17px
}
[disabled].noUi-connect,[disabled] .noUi-connect{
    background:#B8B8B8
}
[disabled].noUi-origin,[disabled] .noUi-handle{
    cursor:not-allowed
}
.noUi-target{
    box-shadow:none;
    border:none
}
.noUi-base{
    height:15px;
    top:-6px
}
.noUi-background{
    height:3px;
    top:6px;
    background-color:#bfbfbf;
    box-shadow:none
}
.noUi-horizontal{
    height:3px
}
.noUi-connect{
    height:3px;
    top:6px;
    background-color:#26A69A;
    box-shadow:none
}
.noUi-horizontal .noUi-handle{
    width:15px;
    height:15px;
    border-radius:50%;
    box-shadow:none;
    background-color:#26A69A;
    border:none;
    left:-5px;
    top:-6px;
    transition:width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.noUi-handle:before,.noUi-handle:after{
    content:none
}
.noUi-target .noUi-active.noUi-handle{
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.5);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.5);
    -ms-box-shadow:0 0 20px rgba(0,0,0,0.5);
    box-shadow:0 0 20px rgba(0,0,0,0.5)
}
.noUi-target .range-label{
    position:absolute;
    height:30px;
    width:30px;
    top:-17px;
    left:-2px;
    background-color:#26A69A;
    border-radius:50%;
    transition:border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1),transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform:scale(0.5) rotate(-45deg);
    transform-origin:50% 100%
}
.noUi-target .noUi-active .range-label{
    border-radius:15px 15px 15px 0;
    transform:rotate(-45deg) translate(23px, -25px)
}
.range-label span{
    width:100%;
    text-align:center;
    color:#fff;
    transform:rotate(45deg);
    opacity:0;
    position:absolute;
    top:7px;
    left:-1px;
    transition:opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.noUi-active .range-label span{
    opacity:1
}
.ms-container{
    width:auto !important
}
.ms-container .ms-list{
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    -ms-box-shadow:none !important;
    box-shadow:none !important;
    -webkit-border-radius:0 !important;
    -moz-border-radius:0 !important;
    -ms-border-radius:0 !important;
    border-radius:0 !important
}
.ms-container .ms-list.ms-focus{
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    -ms-box-shadow:none !important;
    box-shadow:none !important
}
.ms-container .ms-selectable,.ms-container .ms-selection{
    min-width:250px !important
}
.ms-container .ms-selectable li.ms-hover,.ms-container .ms-selection li.ms-hover{
    color:#000000 !important;
    background-color:#e6e6e6 !important
}
.ms-container .ms-selectable li.ms-elem-selectable,.ms-container .ms-selectable li.ms-elem-selection,.ms-container .ms-selection li.ms-elem-selectable,.ms-container .ms-selection li.ms-elem-selection{
    padding:9px 15px 6px 15px !important
}
.ms-container .ms-optgroup-label{
    padding:5px 0 0 8px !important
}
.card{
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    box-shadow:none;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
    background:#fff;
    min-height:50px;
    position:relative;
    margin-bottom:30px;
    border:none
}
.card .card-inside-title{
    color:#000;
    margin-top:25px;
    display:block
}
.card .card-inside-title small{
    color:#9e9e9e;
    display:block
}
.card .card-inside-title small a{
    color:#757575;
    font-weight:700
}
.card .card-inside-title:first-child{
    margin-top:0
}
.card .bg-red,.card .bg-pink,.card .bg-purple,.card .bg-deep-purple,.card .bg-indigo,.card .bg-blue,.card .bg-light-blue,.card .bg-cyan,.card .bg-teal,.card .bg-green,.card .bg-light-green,.card .bg-lime,.card .bg-yellow,.card .bg-amber,.card .bg-orange,.card .bg-deep-orange,.card .bg-brown,.card .bg-grey,.card .bg-blue-grey,.card .bg-blush,.card .bg-black{
    border-bottom:none !important;
    color:#fff !important
}
.card .bg-red h2,.card .bg-red small,.card .bg-red .material-icons,.card .bg-pink h2,.card .bg-pink small,.card .bg-pink .material-icons,.card .bg-purple h2,.card .bg-purple small,.card .bg-purple .material-icons,.card .bg-deep-purple h2,.card .bg-deep-purple small,.card .bg-deep-purple .material-icons,.card .bg-indigo h2,.card .bg-indigo small,.card .bg-indigo .material-icons,.card .bg-blue h2,.card .bg-blue small,.card .bg-blue .material-icons,.card .bg-light-blue h2,.card .bg-light-blue small,.card .bg-light-blue .material-icons,.card .bg-cyan h2,.card .bg-cyan small,.card .bg-cyan .material-icons,.card .bg-teal h2,.card .bg-teal small,.card .bg-teal .material-icons,.card .bg-green h2,.card .bg-green small,.card .bg-green .material-icons,.card .bg-light-green h2,.card .bg-light-green small,.card .bg-light-green .material-icons,.card .bg-lime h2,.card .bg-lime small,.card .bg-lime .material-icons,.card .bg-yellow h2,.card .bg-yellow small,.card .bg-yellow .material-icons,.card .bg-amber h2,.card .bg-amber small,.card .bg-amber .material-icons,.card .bg-orange h2,.card .bg-orange small,.card .bg-orange .material-icons,.card .bg-deep-orange h2,.card .bg-deep-orange small,.card .bg-deep-orange .material-icons,.card .bg-brown h2,.card .bg-brown small,.card .bg-brown .material-icons,.card .bg-grey h2,.card .bg-grey small,.card .bg-grey .material-icons,.card .bg-blue-grey h2,.card .bg-blue-grey small,.card .bg-blue-grey .material-icons,.card .bg-blush h2,.card .bg-blush small,.card .bg-blush .material-icons,.card .bg-black h2,.card .bg-black small,.card .bg-black .material-icons{
    color:#fff !important
}
.card .bg-red .badge,.card .bg-pink .badge,.card .bg-purple .badge,.card .bg-deep-purple .badge,.card .bg-indigo .badge,.card .bg-blue .badge,.card .bg-light-blue .badge,.card .bg-cyan .badge,.card .bg-teal .badge,.card .bg-green .badge,.card .bg-light-green .badge,.card .bg-lime .badge,.card .bg-yellow .badge,.card .bg-amber .badge,.card .bg-orange .badge,.card .bg-deep-orange .badge,.card .bg-brown .badge,.card .bg-grey .badge,.card .bg-blue-grey .badge,.card .bg-blush .badge,.card .bg-black .badge{
    background-color:#fff;
    color:#424242
}
.card .header{
    -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;
    color:#424242;
    padding:20px;
    position:relative
}
.card .header .header-dropdown{
    position:absolute;
    top:19px;
    right:10px;
    list-style:none
}
.card .header .header-dropdown a{
    padding:0 10px;
    display:block
}
.card .header .header-dropdown a:hover{
    color:inherit;
    text-decoration:none
}
.card .header .header-dropdown a::after{
    display:none
}
.card .header .header-dropdown .dropdown-menu{
    left:auto !important;
    transform:none !important;
    top:100% !important;
    right:0
}
.card .header .header-dropdown .dropdown-menu li{
    display:block !important
}
.card .header .header-dropdown .dropdown-menu li a{
    padding:6px 10px
}
.card .header .header-dropdown li{
    display:inline-block
}
.card .header .header-dropdown i{
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    color:#9e9e9e
}
.card .header .header-dropdown i:hover{
    color:#000
}
.card .header h2{
    text-transform:uppercase;
    font-weight:500;
    color:#000
}
.card .header h2 small{
    color:#9e9e9e;
    display:block;
    line-height:15px;
    text-transform:capitalize
}
.card .header h2 small a{
    font-weight:700;
    color:#757575
}
.card .p-15{
    padding:15px !important
}
.card .body{
    color:#424242;
    font-weight:400;
    padding:20px
}
.card .body .col-xs-1,.card .body .col-sm-1,.card .body .col-md-1,.card .body .col-lg-1{
    margin-bottom:0px
}
.card .body .col-xs-2,.card .body .col-sm-2,.card .body .col-md-2,.card .body .col-lg-2{
    margin-bottom:0px
}
.card .body .col-xs-3,.card .body .col-sm-3,.card .body .col-md-3,.card .body .col-lg-3{
    margin-bottom:0px
}
.card .body .col-xs-4,.card .body .col-sm-4,.card .body .col-md-4,.card .body .col-lg-4{
    margin-bottom:0px
}
.card .body .col-xs-5,.card .body .col-sm-5,.card .body .col-md-5,.card .body .col-lg-5{
    margin-bottom:0px
}
.card .body .col-xs-6,.card .body .col-sm-6,.card .body .col-md-6,.card .body .col-lg-6{
    margin-bottom:0px
}
.card .body .col-xs-7,.card .body .col-sm-7,.card .body .col-md-7,.card .body .col-lg-7{
    margin-bottom:0px
}
.card .body .col-xs-8,.card .body .col-sm-8,.card .body .col-md-8,.card .body .col-lg-8{
    margin-bottom:0px
}
.card .body .col-xs-9,.card .body .col-sm-9,.card .body .col-md-9,.card .body .col-lg-9{
    margin-bottom:0px
}
.card .body .col-xs-10,.card .body .col-sm-10,.card .body .col-md-10,.card .body .col-lg-10{
    margin-bottom:0px
}
.card .body .col-xs-11,.card .body .col-sm-11,.card .body .col-md-11,.card .body .col-lg-11{
    margin-bottom:0px
}
.card .body .col-xs-12,.card .body .col-sm-12,.card .body .col-md-12,.card .body .col-lg-12{
    margin-bottom:0px
}
.info-box{
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    box-shadow:none;
    background-color:#fff;
    height:80px;
    display:flex;
    cursor:default;
    position:relative;
    overflow:hidden;
    margin-bottom:30px;
    border:1px solid #f5f5f5
}
.info-box:hover{
    box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
    transition:all 150ms linear
}
.info-box .icon{
    display:inline-block;
    background-color:rgba(0,0,0,0.12);
    width:70px
}
.info-box .icon i{
    color:#fff;
    font-size:28px;
    line-height:80px
}
.info-box .icon .chart.chart-bar{
    height:100%;
    line-height:100px
}
.info-box .icon .chart.chart-bar canvas{
    vertical-align:baseline !important
}
.info-box .icon .chart.chart-pie{
    height:100%;
    line-height:123px
}
.info-box .icon .chart.chart-pie canvas{
    vertical-align:baseline !important
}
.info-box .icon .chart.chart-line{
    height:100%;
    line-height:115px
}
.info-box .icon .chart.chart-line canvas{
    vertical-align:baseline !important
}
.info-box .content{
    display:inline-block;
    padding:7px 10px
}
.info-box .content .text{
    margin:5px 0;
    color:#424242
}
.info-box .content .number{
    font-weight:400;
    color:#424242
}
.info-box.hover-zoom-effect .icon{
    overflow:hidden
}
.info-box.hover-zoom-effect .icon i{
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.info-box.hover-zoom-effect:hover .icon i{
    opacity:0.4;
    -moz-transform:rotate(-32deg) scale(1.4);
    -ms-transform:rotate(-32deg) scale(1.4);
    -o-transform:rotate(-32deg) scale(1.4);
    -webkit-transform:rotate(-32deg) scale(1.4);
    transform:rotate(-32deg) scale(1.4)
}
.info-box.hover-expand-effect:after{
    -moz-transition:all 0.95s ease-in-out;
    -o-transition:all 0.95s ease-in-out;
    -webkit-transition:all 0.95s ease-in-out;
    transition:all 0.95s ease-in-out;
    background-color:rgba(0,0,0,0.05);
    content:".";
    position:absolute;
    left:80px;
    top:0;
    width:0;
    height:100%;
    color:transparent
}
.info-box.hover-expand-effect:hover:after{
    width:100%
}
.info-box-2{
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    box-shadow:none;
    height:80px;
    display:flex;
    cursor:default;
    background-color:#fff;
    position:relative;
    overflow:hidden;
    margin-bottom:15px;
    border:1px solid #f5f5f5
}
.info-box-2:hover{
    box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
    transition:all 150ms linear
}
.info-box-2 .icon{
    display:inline-block;
    text-align:center;
    width:70px
}
.info-box-2 .icon i{
    color:#fff;
    font-size:35px;
    line-height:80px
}
.info-box-2 .chart.chart-bar{
    height:100%;
    line-height:105px
}
.info-box-2 .chart.chart-bar canvas{
    vertical-align:baseline !important
}
.info-box-2 .chart.chart-pie{
    height:100%;
    line-height:123px
}
.info-box-2 .chart.chart-pie canvas{
    vertical-align:baseline !important
}
.info-box-2 .chart.chart-line{
    height:100%;
    line-height:115px
}
.info-box-2 .chart.chart-line canvas{
    vertical-align:baseline !important
}
.info-box-2 .content{
    display:inline-block;
    padding:7px 10px
}
.info-box-2 .content .text{
    margin:5px 0;
    color:#424242
}
.info-box-2 .content .number{
    font-weight:400;
    color:#424242
}
.info-box-2.hover-zoom-effect .icon{
    overflow:hidden
}
.info-box-2.hover-zoom-effect .icon i{
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.info-box-2.hover-zoom-effect:hover .icon i{
    opacity:0.4;
    -moz-transform:rotate(-32deg) scale(1.4);
    -ms-transform:rotate(-32deg) scale(1.4);
    -o-transform:rotate(-32deg) scale(1.4);
    -webkit-transform:rotate(-32deg) scale(1.4);
    transform:rotate(-32deg) scale(1.4)
}
.info-box-2.hover-expand-effect:after{
    -moz-transition:all 0.9s ease-in-out;
    -o-transition:all 0.9s ease-in-out;
    -webkit-transition:all 0.9s ease-in-out;
    transition:all 0.9s ease-in-out;
    background-color:rgba(0,0,0,0.05);
    content:".";
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    color:transparent
}
.info-box-2.hover-expand-effect:hover:after{
    width:100%
}
.info-box-3{
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    box-shadow:none;
    background-color:#fff;
    height:80px;
    display:flex;
    cursor:default;
    position:relative;
    overflow:hidden;
    margin-bottom:30px;
    border:1px solid #f5f5f5
}
.info-box-3:hover{
    box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
    transition:all 150ms linear
}
.info-box-3 .icon{
    position:absolute;
    right:10px;
    bottom:2px
}
.info-box-3 .icon i{
    color:rgba(0,0,0,0.15);
    font-size:60px
}
.info-box-3 .chart{
    margin-right:5px
}
.info-box-3 .chart.chart-bar{
    height:100%;
    line-height:50px
}
.info-box-3 .chart.chart-bar canvas{
    vertical-align:baseline !important
}
.info-box-3 .chart.chart-pie{
    height:100%;
    line-height:34px
}
.info-box-3 .chart.chart-pie canvas{
    vertical-align:baseline !important
}
.info-box-3 .chart.chart-line{
    height:100%;
    line-height:40px
}
.info-box-3 .chart.chart-line canvas{
    vertical-align:baseline !important
}
.info-box-3 .content{
    display:inline-block;
    padding:7px 16px
}
.info-box-3 .content .text{
    color:#424242;
    margin:5px 0
}
.info-box-3 .content .number{
    font-weight:400;
    color:#424242
}
.info-box-3.hover-zoom-effect .icon i{
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.info-box-3.hover-zoom-effect:hover .icon i{
    opacity:0.4;
    -moz-transform:rotate(-32deg) scale(1.4);
    -ms-transform:rotate(-32deg) scale(1.4);
    -o-transform:rotate(-32deg) scale(1.4);
    -webkit-transform:rotate(-32deg) scale(1.4);
    transform:rotate(-32deg) scale(1.4)
}
.info-box-3.hover-expand-effect:after{
    -moz-transition:all 0.9s ease-in-out;
    -o-transition:all 0.9s ease-in-out;
    -webkit-transition:all 0.9s ease-in-out;
    transition:all 0.9s ease-in-out;
    background-color:rgba(0,0,0,0.05);
    content:".";
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    color:transparent
}
.info-box-3.hover-expand-effect:hover:after{
    width:100%
}
.info-box-4{
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    box-shadow:none;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
    background-color:#fff;
    height:80px;
    display:flex;
    cursor:default;
    position:relative;
    overflow:hidden;
    border:1px solid #f5f5f5;
    margin-bottom:30px
}
.info-box-4:hover{
    transition:all 150ms linear
}
.info-box-4 .icon{
    position:absolute;
    right:20px;
    top:25px
}
.info-box-4 .icon i{
    color:rgba(0,0,0,0.15);
    font-size:28px
}
.info-box-4 .chart{
    margin-right:5px
}
.info-box-4 .chart.chart-bar{
    height:100%;
    line-height:50px
}
.info-box-4 .chart.chart-bar canvas{
    vertical-align:baseline !important
}
.info-box-4 .chart.chart-pie{
    height:100%;
    line-height:34px
}
.info-box-4 .chart.chart-pie canvas{
    vertical-align:baseline !important
}
.info-box-4 .chart.chart-line{
    height:100%;
    line-height:40px
}
.info-box-4 .chart.chart-line canvas{
    vertical-align:baseline !important
}
.info-box-4 .content{
    display:inline-block;
    padding:7px 16px
}
.info-box-4 .content .text{
    margin:5px 0;
    color:#424242
}
.info-box-4 .content .number{
    font-weight:400;
    margin-top:0px;
    color:#424242
}
.info-box-4.hover-zoom-effect .icon i{
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.info-box-4.hover-zoom-effect:hover .icon i{
    opacity:0.4;
    -moz-transform:rotate(-32deg) scale(1.4);
    -ms-transform:rotate(-32deg) scale(1.4);
    -o-transform:rotate(-32deg) scale(1.4);
    -webkit-transform:rotate(-32deg) scale(1.4);
    transform:rotate(-32deg) scale(1.4)
}
.info-box-4.hover-expand-effect:after{
    -moz-transition:all 0.9s ease-in-out;
    -o-transition:all 0.9s ease-in-out;
    -webkit-transition:all 0.9s ease-in-out;
    transition:all 0.9s ease-in-out;
    background-color:rgba(0,0,0,0.05);
    content:".";
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    color:transparent
}
.info-box-4.hover-expand-effect:hover:after{
    width:100%
}
@media screen and (max-width: 767px){
    .home .info-box-2{
        margin-bottom:0
    }
}
.alert{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    box-shadow:none;
    border:none;
    color:#fff !important
}
.alert .alert-link{
    color:#fff;
    text-decoration:underline;
    font-weight:700
}
.alert-success{
    background-color:#2b982b
}
.alert-info{
    background-color:#00b0e4
}
.alert-warning{
    background-color:#ff9600 !important
}
.alert-danger{
    background-color:#fb483a !important
}
.alert-dismissible .close{
    color:#fff;
    opacity:1;
    border:none;
    text-shadow:none
}
.notify{
    position:absolute;
    top:27px;
    right:14px
}
.notify .heartbit{
    position:absolute;
    top:-20px;
    right:-16px;
    height:25px;
    width:25px;
    z-index:10;
    border:4px solid;
    border-color:var(--nav);
    border-radius:70px;
    animation:heartbit 1s ease-out;
    -moz-animation:heartbit 1s ease-out;
    -moz-animation-iteration-count:infinite;
    -o-animation:heartbit 1s ease-out;
    -o-animation-iteration-count:infinite;
    -webkit-animation:heartbit 1s ease-out;
    -ms-animation:heartbit 1s ease-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.notify .point{
    width:6px;
    height:6px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    background-color:var(--nav);
    position:absolute;
    right:-6px;
    top:-10px
}
@-moz-keyframes heartbit{
    0%{
        -moz-transform:scale(0);
        opacity:0
    }
    25%{
        -moz-transform:scale(0.1);
        opacity:.1
    }
    50%{
        -moz-transform:scale(0.5);
        opacity:.3
    }
    75%{
        -moz-transform:scale(0.8);
        opacity:.5
    }
    100%{
        -moz-transform:scale(1);
        opacity:0
    }
}
@-webkit-keyframes heartbit{
    0%{
        -webkit-transform:scale(0);
        opacity:0
    }
    25%{
        -webkit-transform:scale(0.1);
        opacity:.1
    }
    50%{
        -webkit-transform:scale(0.5);
        opacity:.3
    }
    75%{
        -webkit-transform:scale(0.8);
        opacity:.5
    }
    100%{
        -webkit-transform:scale(1);
        opacity:0
    }
}
@-ms-keyframes heartbit{
    0%{
        -ms-transform:scale(0);
        opacity:0
    }
    25%{
        -ms-transform:scale(0.1);
        opacity:.1
    }
    50%{
        -ms-transform:scale(0.5);
        opacity:.3
    }
    75%{
        -ms-transform:scale(0.8);
        opacity:.5
    }
    100%{
        -ms-transform:scale(1);
        opacity:0
    }
}
.sweet-alert{
    -webkit-border-radius:0 !important;
    -moz-border-radius:0 !important;
    -ms-border-radius:0 !important;
    border-radius:0 !important
}
.sweet-alert p{
    font-size:14px !important
}
.sweet-alert .sa-input-error{
    top:23px !important;
    right:13px !important
}
.sweet-alert h2{
    font-size:18px !important;
    margin:0 0 5px 0 !important
}
.sweet-alert button{
    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-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 #ec3b57;
    border-bottom:2px solid #ec3b57
}
[type="checkbox"]:checked.chk-col-pink+label:before{
    border-right:2px solid #E91E63;
    border-bottom:2px solid #E91E63
}
[type="checkbox"]:checked.chk-col-purple+label:before{
    border-right:2px solid #ba3bd0;
    border-bottom:2px solid #ba3bd0
}
[type="checkbox"]:checked.chk-col-deep-purple+label:before{
    border-right:2px solid #673AB7;
    border-bottom:2px solid #673AB7
}
[type="checkbox"]:checked.chk-col-blue+label:before{
    border-right:2px solid #457fca;
    border-bottom:2px solid #457fca
}
[type="checkbox"]:checked.chk-col-cyan+label:before{
    border-right:2px solid #379c94;
    border-bottom:2px solid #379c94
}
[type="checkbox"]:checked.chk-col-green+label:before{
    border-right:2px solid #78b83e;
    border-bottom:2px solid #78b83e
}
[type="checkbox"]:checked.chk-col-light-green+label:before{
    border-right:2px solid #8BC34A;
    border-bottom:2px solid #8BC34A
}
[type="checkbox"]:checked.chk-col-yellow+label:before{
    border-right:2px solid #ffe821;
    border-bottom:2px solid #ffe821
}
[type="checkbox"]:checked.chk-col-orange+label:before{
    border-right:2px solid #FF9800;
    border-bottom:2px solid #FF9800
}
[type="checkbox"]:checked.chk-col-deep-orange+label:before{
    border-right:2px solid #f83600;
    border-bottom:2px solid #f83600
}
[type="checkbox"]:checked.chk-col-grey+label:before{
    border-right:2px solid #9E9E9E;
    border-bottom:2px solid #9E9E9E
}
[type="checkbox"]:checked.chk-col-blue-grey+label:before{
    border-right:2px solid #607D8B;
    border-bottom:2px solid #607D8B
}
[type="checkbox"]:checked.chk-col-indigo+label:before{
    border-right:2px solid #3F51B5;
    border-bottom:2px solid #3F51B5
}
[type="checkbox"]:checked.chk-col-light-blue+label:before{
    border-right:2px solid #03A9F4;
    border-bottom:2px solid #03A9F4
}
[type="checkbox"]:checked.chk-col-teal+label:before{
    border-right:2px solid #009688;
    border-bottom:2px solid #009688
}
[type="checkbox"]:checked.chk-col-lime+label:before{
    border-right:2px solid #CDDC39;
    border-bottom:2px solid #CDDC39
}
[type="checkbox"]:checked.chk-col-amber+label:before{
    border-right:2px solid #FFC107;
    border-bottom:2px solid #FFC107
}
[type="checkbox"]:checked.chk-col-brown+label:before{
    border-right:2px solid #795548;
    border-bottom:2px solid #795548
}
[type="checkbox"]:checked.chk-col-blush+label:before{
    border-right:2px solid #F15F79;
    border-bottom:2px solid #F15F79
}
[type="checkbox"]:checked.chk-col-black+label:before{
    border-right:2px solid #000;
    border-bottom:2px solid #000
}
[type="checkbox"]:checked.chk-col-white+label:before{
    border-right:2px solid #fff;
    border-bottom:2px solid #fff
}
[type="checkbox"].filled-in:checked+label:after{
    top:0;
    width:20px;
    height:20px;
    border:2px solid #26a69a;
    background-color:#26a69a;
    z-index:0
}
[type="checkbox"].filled-in:checked+label:before{
    border-right:2px solid #fff !important;
    border-bottom:2px solid #fff !important
}
[type="checkbox"].filled-in:checked.chk-col-red+label:after{
    border:2px solid #ec3b57;
    background-color:#ec3b57
}
[type="checkbox"].filled-in:checked.chk-col-pink+label:after{
    border:2px solid #E91E63;
    background-color:#E91E63
}
[type="checkbox"].filled-in:checked.chk-col-purple+label:after{
    border:2px solid #ba3bd0;
    background-color:#ba3bd0
}
[type="checkbox"].filled-in:checked.chk-col-deep-purple+label:after{
    border:2px solid #673AB7;
    background-color:#673AB7
}
[type="checkbox"].filled-in:checked.chk-col-blue+label:after{
    border:2px solid #457fca;
    background-color:#457fca
}
[type="checkbox"].filled-in:checked.chk-col-cyan+label:after{
    border:2px solid #379c94;
    background-color:#379c94
}
[type="checkbox"].filled-in:checked.chk-col-green+label:after{
    border:2px solid #78b83e;
    background-color:#78b83e
}
[type="checkbox"].filled-in:checked.chk-col-light-green+label:after{
    border:2px solid #8BC34A;
    background-color:#8BC34A
}
[type="checkbox"].filled-in:checked.chk-col-yellow+label:after{
    border:2px solid #ffe821;
    background-color:#ffe821
}
[type="checkbox"].filled-in:checked.chk-col-orange+label:after{
    border:2px solid #FF9800;
    background-color:#FF9800
}
[type="checkbox"].filled-in:checked.chk-col-deep-orange+label:after{
    border:2px solid #f83600;
    background-color:#f83600
}
[type="checkbox"].filled-in:checked.chk-col-grey+label:after{
    border:2px solid #9E9E9E;
    background-color:#9E9E9E
}
[type="checkbox"].filled-in:checked.chk-col-blue-grey+label:after{
    border:2px solid #607D8B;
    background-color:#607D8B
}
[type="checkbox"].filled-in:checked.chk-col-indigo+label:after{
    border:2px solid #3F51B5;
    background-color:#3F51B5
}
[type="checkbox"].filled-in:checked.chk-col-light-blue+label:after{
    border:2px solid #03A9F4;
    background-color:#03A9F4
}
[type="checkbox"].filled-in:checked.chk-col-teal+label:after{
    border:2px solid #009688;
    background-color:#009688
}
[type="checkbox"].filled-in:checked.chk-col-lime+label:after{
    border:2px solid #CDDC39;
    background-color:#CDDC39
}
[type="checkbox"].filled-in:checked.chk-col-amber+label:after{
    border:2px solid #FFC107;
    background-color:#FFC107
}
[type="checkbox"].filled-in:checked.chk-col-brown+label:after{
    border:2px solid #795548;
    background-color:#795548
}
[type="checkbox"].filled-in:checked.chk-col-blush+label:after{
    border:2px solid #F15F79;
    background-color:#F15F79
}
[type="checkbox"].filled-in:checked.chk-col-black+label:after{
    border:2px solid #000;
    background-color:#000
}
[type="checkbox"].filled-in:checked.chk-col-white+label:after{
    border:2px solid #fff;
    background-color:#fff
}
[type="radio"]:not(:checked)+label{
    padding-left:26px;
    height:25px;
    line-height:25px;
    font-weight:400
}
[type="radio"]:checked+label{
    padding-left:26px;
    height:25px;
    line-height:25px;
    font-weight:400
}
[type="radio"].radio-col-red:checked+label:after{
    background-color:#ec3b57;
    border-color:#ec3b57
}
[type="radio"].radio-col-pink:checked+label:after{
    background-color:#E91E63;
    border-color:#E91E63
}
[type="radio"].radio-col-purple:checked+label:after{
    background-color:#ba3bd0;
    border-color:#ba3bd0
}
[type="radio"].radio-col-deep-purple:checked+label:after{
    background-color:#673AB7;
    border-color:#673AB7
}
[type="radio"].radio-col-blue:checked+label:after{
    background-color:#457fca;
    border-color:#457fca
}
[type="radio"].radio-col-cyan:checked+label:after{
    background-color:#379c94;
    border-color:#379c94
}
[type="radio"].radio-col-green:checked+label:after{
    background-color:#78b83e;
    border-color:#78b83e
}
[type="radio"].radio-col-light-green:checked+label:after{
    background-color:#8BC34A;
    border-color:#8BC34A
}
[type="radio"].radio-col-yellow:checked+label:after{
    background-color:#ffe821;
    border-color:#ffe821
}
[type="radio"].radio-col-orange:checked+label:after{
    background-color:#FF9800;
    border-color:#FF9800
}
[type="radio"].radio-col-deep-orange:checked+label:after{
    background-color:#f83600;
    border-color:#f83600
}
[type="radio"].radio-col-grey:checked+label:after{
    background-color:#9E9E9E;
    border-color:#9E9E9E
}
[type="radio"].radio-col-blue-grey:checked+label:after{
    background-color:#607D8B;
    border-color:#607D8B
}
[type="radio"].radio-col-indigo:checked+label:after{
    background-color:#3F51B5;
    border-color:#3F51B5
}
[type="radio"].radio-col-light-blue:checked+label:after{
    background-color:#03A9F4;
    border-color:#03A9F4
}
[type="radio"].radio-col-teal:checked+label:after{
    background-color:#009688;
    border-color:#009688
}
[type="radio"].radio-col-lime:checked+label:after{
    background-color:#CDDC39;
    border-color:#CDDC39
}
[type="radio"].radio-col-amber:checked+label:after{
    background-color:#FFC107;
    border-color:#FFC107
}
[type="radio"].radio-col-brown:checked+label:after{
    background-color:#795548;
    border-color:#795548
}
[type="radio"].radio-col-blush:checked+label:after{
    background-color:#F15F79;
    border-color:#F15F79
}
[type="radio"].radio-col-black:checked+label:after{
    background-color:#000;
    border-color:#000
}
[type="radio"].radio-col-white:checked+label:after{
    background-color:#fff;
    border-color:#fff
}
[type="radio"].with-gap.radio-col-red:checked+label:before{
    border:2px solid #ec3b57
}
[type="radio"].with-gap.radio-col-red:checked+label:after{
    background-color:#ec3b57;
    border:2px solid #ec3b57
}
[type="radio"].with-gap.radio-col-pink:checked+label:before{
    border:2px solid #E91E63
}
[type="radio"].with-gap.radio-col-pink:checked+label:after{
    background-color:#E91E63;
    border:2px solid #E91E63
}
[type="radio"].with-gap.radio-col-purple:checked+label:before{
    border:2px solid #ba3bd0
}
[type="radio"].with-gap.radio-col-purple:checked+label:after{
    background-color:#ba3bd0;
    border:2px solid #ba3bd0
}
[type="radio"].with-gap.radio-col-deep-purple:checked+label:before{
    border:2px solid #673AB7
}
[type="radio"].with-gap.radio-col-deep-purple:checked+label:after{
    background-color:#673AB7;
    border:2px solid #673AB7
}
[type="radio"].with-gap.radio-col-blue:checked+label:before{
    border:2px solid #457fca
}
[type="radio"].with-gap.radio-col-blue:checked+label:after{
    background-color:#457fca;
    border:2px solid #457fca
}
[type="radio"].with-gap.radio-col-cyan:checked+label:before{
    border:2px solid #379c94
}
[type="radio"].with-gap.radio-col-cyan:checked+label:after{
    background-color:#379c94;
    border:2px solid #379c94
}
[type="radio"].with-gap.radio-col-green:checked+label:before{
    border:2px solid #78b83e
}
[type="radio"].with-gap.radio-col-green:checked+label:after{
    background-color:#78b83e;
    border:2px solid #78b83e
}
[type="radio"].with-gap.radio-col-light-green:checked+label:before{
    border:2px solid #8BC34A
}
[type="radio"].with-gap.radio-col-light-green:checked+label:after{
    background-color:#8BC34A;
    border:2px solid #8BC34A
}
[type="radio"].with-gap.radio-col-yellow:checked+label:before{
    border:2px solid #ffe821
}
[type="radio"].with-gap.radio-col-yellow:checked+label:after{
    background-color:#ffe821;
    border:2px solid #ffe821
}
[type="radio"].with-gap.radio-col-orange:checked+label:before{
    border:2px solid #FF9800
}
[type="radio"].with-gap.radio-col-orange:checked+label:after{
    background-color:#FF9800;
    border:2px solid #FF9800
}
[type="radio"].with-gap.radio-col-deep-orange:checked+label:before{
    border:2px solid #f83600
}
[type="radio"].with-gap.radio-col-deep-orange:checked+label:after{
    background-color:#f83600;
    border:2px solid #f83600
}
[type="radio"].with-gap.radio-col-grey:checked+label:before{
    border:2px solid #9E9E9E
}
[type="radio"].with-gap.radio-col-grey:checked+label:after{
    background-color:#9E9E9E;
    border:2px solid #9E9E9E
}
[type="radio"].with-gap.radio-col-blue-grey:checked+label:before{
    border:2px solid #607D8B
}
[type="radio"].with-gap.radio-col-blue-grey:checked+label:after{
    background-color:#607D8B;
    border:2px solid #607D8B
}
[type="radio"].with-gap.radio-col-indigo:checked+label:before{
    border:2px solid #3F51B5
}
[type="radio"].with-gap.radio-col-indigo:checked+label:after{
    background-color:#3F51B5;
    border:2px solid #3F51B5
}
[type="radio"].with-gap.radio-col-light-blue:checked+label:before{
    border:2px solid #03A9F4
}
[type="radio"].with-gap.radio-col-light-blue:checked+label:after{
    background-color:#03A9F4;
    border:2px solid #03A9F4
}
[type="radio"].with-gap.radio-col-teal:checked+label:before{
    border:2px solid #009688
}
[type="radio"].with-gap.radio-col-teal:checked+label:after{
    background-color:#009688;
    border:2px solid #009688
}
[type="radio"].with-gap.radio-col-lime:checked+label:before{
    border:2px solid #CDDC39
}
[type="radio"].with-gap.radio-col-lime:checked+label:after{
    background-color:#CDDC39;
    border:2px solid #CDDC39
}
[type="radio"].with-gap.radio-col-amber:checked+label:before{
    border:2px solid #FFC107
}
[type="radio"].with-gap.radio-col-amber:checked+label:after{
    background-color:#FFC107;
    border:2px solid #FFC107
}
[type="radio"].with-gap.radio-col-brown:checked+label:before{
    border:2px solid #795548
}
[type="radio"].with-gap.radio-col-brown:checked+label:after{
    background-color:#795548;
    border:2px solid #795548
}
[type="radio"].with-gap.radio-col-blush:checked+label:before{
    border:2px solid #F15F79
}
[type="radio"].with-gap.radio-col-blush:checked+label:after{
    background-color:#F15F79;
    border:2px solid #F15F79
}
[type="radio"].with-gap.radio-col-black:checked+label:before{
    border:2px solid #000
}
[type="radio"].with-gap.radio-col-black:checked+label:after{
    background-color:#000;
    border:2px solid #000
}
[type="radio"].with-gap.radio-col-white:checked+label:before{
    border:2px solid #fff
}
[type="radio"].with-gap.radio-col-white:checked+label:after{
    background-color:#fff;
    border:2px solid #fff
}
.switch label{
    font-weight:400
}
.switch label .lever{
    margin:0 14px
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-red:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(236,59,87,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-red{
    background-color:rgba(236,59,87,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-red:after{
    background-color:#ec3b57
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-pink:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(233,30,99,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-pink{
    background-color:rgba(233,30,99,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-pink:after{
    background-color:#E91E63
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-purple:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(186,59,208,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-purple{
    background-color:rgba(186,59,208,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-purple:after{
    background-color:#ba3bd0
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-deep-purple:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(103,58,183,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-deep-purple{
    background-color:rgba(103,58,183,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-deep-purple:after{
    background-color:#673AB7
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(69,127,202,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-blue{
    background-color:rgba(69,127,202,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-blue:after{
    background-color:#457fca
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-cyan:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(55,156,148,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-cyan{
    background-color:rgba(55,156,148,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-cyan:after{
    background-color:#379c94
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-green:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(120,184,62,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-green{
    background-color:rgba(120,184,62,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-green:after{
    background-color:#78b83e
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-green:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(139,195,74,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-light-green{
    background-color:rgba(139,195,74,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-light-green:after{
    background-color:#8BC34A
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-yellow:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(255,232,33,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-yellow{
    background-color:rgba(255,232,33,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-yellow:after{
    background-color:#ffe821
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-orange:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(255,152,0,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-orange{
    background-color:rgba(255,152,0,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-orange:after{
    background-color:#FF9800
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-deep-orange:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(248,54,0,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange{
    background-color:rgba(248,54,0,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange:after{
    background-color:#f83600
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-grey:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(158,158,158,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-grey{
    background-color:rgba(158,158,158,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-grey:after{
    background-color:#9E9E9E
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue-grey:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(96,125,139,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-blue-grey{
    background-color:rgba(96,125,139,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-blue-grey:after{
    background-color:#607D8B
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-indigo:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(63,81,181,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-indigo{
    background-color:rgba(63,81,181,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-indigo:after{
    background-color:#3F51B5
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-blue:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(3,169,244,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-light-blue{
    background-color:rgba(3,169,244,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-light-blue:after{
    background-color:#03A9F4
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-teal:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(0,150,136,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-teal{
    background-color:rgba(0,150,136,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-teal:after{
    background-color:#009688
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-lime:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(205,220,57,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-lime{
    background-color:rgba(205,220,57,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-lime:after{
    background-color:#CDDC39
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-amber:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(255,193,7,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-amber{
    background-color:rgba(255,193,7,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-amber:after{
    background-color:#FFC107
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-brown:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(121,85,72,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-brown{
    background-color:rgba(121,85,72,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-brown:after{
    background-color:#795548
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blush:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(241,95,121,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-blush{
    background-color:rgba(241,95,121,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-blush:after{
    background-color:#F15F79
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-black:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(0,0,0,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-black{
    background-color:rgba(0,0,0,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-black:after{
    background-color:#000
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-white:active:after{
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(255,255,255,0.1)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-white{
    background-color:rgba(255,255,255,0.5)
}
.switch label input[type=checkbox]:checked+.lever.switch-col-white:after{
    background-color:#fff
}
.dtp div.dtp-date,.dtp div.dtp-time{
    background:#00bcd4
}
.dtp>.dtp-content>.dtp-date-view>header.dtp-header{
    background:#00bcd4
}
.dtp .dtp-buttons .dtp-btn-ok{
    margin-left:10px
}
.dtp .dtp-buttons .dtp-btn-clear{
    margin-right:10px !important
}
.dtp .p10>a{
    color:#fff
}
.dtp div.dtp-actual-year{
    color:#fff;
    font-size:1.5em
}
.dtp table.dtp-picker-days tr td a.selected{
    color:#fff;
    background:#00bcd4
}
.bootstrap-select{
    box-shadow:none !important;
    border-bottom:1px solid #ddd !important;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0
}
.bootstrap-select .dropdown-toggle:focus,.bootstrap-select .dropdown-toggle:active{
    outline:none !important
}
.bootstrap-select .bs-searchbox,.bootstrap-select .bs-actionsbox,.bootstrap-select .bs-donebutton{
    padding:0 0 5px 0;
    border-bottom:1px solid #e9e9e9
}
.bootstrap-select .bs-searchbox .form-control,.bootstrap-select .bs-actionsbox .form-control,.bootstrap-select .bs-donebutton .form-control{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    -ms-box-shadow:none !important;
    box-shadow:none !important;
    border:none;
    margin-left:30px
}
.bootstrap-select .bs-searchbox{
    position:relative
}
.bootstrap-select .bs-searchbox:after{
    content:'\E8B6';
    font-family:'Material Icons';
    position:absolute;
    top:0;
    left:10px;
    font-size:25px
}
.bootstrap-select ul.dropdown-menu{
    margin-top:0 !important
}
.bootstrap-select .dropdown-menu li.selected a{
    background-color:#eee !important;
    color:#555 !important
}
.bootstrap-select .dropdown-menu .active a{
    background-color:transparent;
    color:#333 !important
}
.bootstrap-select .dropdown-menu .notify{
    background-color:#fb483a !important;
    color:#fff !important;
    border:none !important
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
    margin-top:9px
}
.tooltip .tooltip-inner{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0
}
.popover{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    border:1px solid rgba(0,0,0,0.08)
}
.popover .popover-title{
    font-weight:700;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    background-color:#e9e9e9;
    border-bottom:1px solid #ddd
}
.popover .popover-content{
    color:#757575;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0
}
/* =========================================================
   PREMIUM CLASSIC TABS
   Enhanced version of your original design
========================================================= */

.nav-tabs{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:0;

    padding:0 10px;

    border:none !important;

    border-radius:18px 18px 0 0;

    background:
        linear-gradient(
            135deg,
            color-mix(in srgb, var(--subnav) 92%, #ffffff 8%),
            color-mix(in srgb, var(--subnav) 78%, #000000 22%)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 6px 20px rgba(15,23,42,.10);

    position:relative;

    overflow:hidden;
}

/* =========================================================
   SOFT TOP SHINE
========================================================= */

.nav-tabs::before{

    content:'';

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:1px;

    background:
        rgba(255,255,255,.20);
}

/* =========================================================
   TAB ITEM
========================================================= */

.nav-tabs > li{

    position:relative;

    list-style:none;
}

/* =========================================================
   TAB LINK
========================================================= */

.nav-tabs > li > a{

    height:58px;

    padding:0 22px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    border:none !important;

    border-radius:14px 14px 0 0;

    background:transparent !important;

    color:rgba(255,255,255,.72) !important;

    font-size:13px;

    font-weight:700;

    letter-spacing:.3px;

    text-transform:uppercase;

    transition:all .22s ease;

    position:relative;

    overflow:hidden;
}

/* =========================================================
   ICONS
========================================================= */

.nav-tabs > li > a .material-icons,
.nav-tabs > li > a i{

    position:relative;

    top:0;

    margin:0;

    font-size:18px;

    opacity:.92;
}

/* =========================================================
   HOVER
========================================================= */

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:active{

    background:
        rgba(255,255,255,.06) !important;

    color:#ffffff !important;
}

/* =========================================================
   ACTIVE TAB
========================================================= */

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.18),
            rgba(255,255,255,.08)
        ) !important;

    color:#ffffff !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18);

    backdrop-filter:blur(10px);
}

/* =========================================================
   ACTIVE PREMIUM UNDERLINE
========================================================= */

.nav-tabs > li > a::before{

    content:'';

    position:absolute;

    left:16px;
    right:16px;
    bottom:0;

    height:3px;

    border-radius:30px;

    background:
        linear-gradient(
            90deg,
            #60a5fa,
            #93c5fd,
            #dbeafe
        );

    transform:scaleX(0);

    transform-origin:center;

    transition:transform .22s ease;
}

/* =========================================================
   SHOW ACTIVE LINE
========================================================= */

.nav-tabs > li.active > a::before{

    transform:scaleX(1);
}

/* =========================================================
   ACTIVE TAB GLOW
========================================================= */

.nav-tabs > li.active > a::after{

    content:'';

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.08),
            transparent
        );

    pointer-events:none;
}

/* =========================================================
   TAB CONTENT
========================================================= */

.nav-tabs + .tab-content{

    padding:24px;

    border:
        2px solid
        color-mix(
            in srgb,
            var(--subnav) 82%,
            #ffffff 18%
        );

    border-top:none;

    border-radius:
        0 0 18px 18px;

    background:#ffffff;

    box-shadow:
        0 10px 30px rgba(15,23,42,.06);

    position:relative;
}

/* =========================================================
   SUBTLE CONTENT TOP BORDER
========================================================= */

.nav-tabs + .tab-content::before{

    content:'';

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:1px;

    background:
        rgba(255,255,255,.40);
}

/* =========================================================
   TAB PANE
========================================================= */

.tab-pane{

    animation:premiumTab .22s ease;
}

@keyframes premiumTab{

    from{
        opacity:0;
        transform:translateY(6px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

/* =========================================================
   COLOR VARIANTS
========================================================= */

.nav-tabs.tab-col-red > li > a::before{
    background:linear-gradient(90deg,#ef4444,#fca5a5);
}

.nav-tabs.tab-col-pink > li > a::before{
    background:linear-gradient(90deg,#ec4899,#f9a8d4);
}

.nav-tabs.tab-col-purple > li > a::before{
    background:linear-gradient(90deg,#9333ea,#c084fc);
}

.nav-tabs.tab-col-blue > li > a::before{
    background:linear-gradient(90deg,#2563eb,#60a5fa);
}

.nav-tabs.tab-col-green > li > a::before{
    background:linear-gradient(90deg,#16a34a,#4ade80);
}

.nav-tabs.tab-col-orange > li > a::before{
    background:linear-gradient(90deg,#ea580c,#fdba74);
}

.nav-tabs.tab-col-cyan > li > a::before{
    background:linear-gradient(90deg,#0891b2,#67e8f9);
}

.nav-tabs.tab-col-indigo > li > a::before{
    background:linear-gradient(90deg,#4f46e5,#818cf8);
}

.nav-tabs.tab-col-teal > li > a::before{
    background:linear-gradient(90deg,#0f766e,#5eead4);
}

.nav-tabs.tab-col-dark > li > a::before{
    background:linear-gradient(90deg,#1e293b,#64748b);
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:768px){

    .nav-tabs{

        padding:6px;

        overflow-x:auto;

        flex-wrap:nowrap;

        scrollbar-width:none;
    }

    .nav-tabs::-webkit-scrollbar{
        display:none;
    }

    .nav-tabs > li > a{

        white-space:nowrap;

        height:52px;

        padding:0 18px;

        font-size:12px;
    }

    .nav-tabs + .tab-content{

        padding:18px;
    }

}
.thumbnail{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0
}
.thumbnail p:not(button){
    color:#9e9e9e
}
.thumbnail h3{
    font-weight:700
}
.modal .modal-header{
    border:none;
    padding:25px 25px 5px 25px
}
.modal .modal-header .modal-title{
    font-weight:700
}
.modal .modal-content{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    box-shadow:0 5px 20px rgba(0,0,0,0.31) !important;
    border:none
}
.modal .modal-content .modal-body{
    color:#757575;
    padding:15px 25px
}
.modal .modal-footer{
    border:none
}
.modal-col-red{
    background-color:#ec3b57
}
.modal-col-red .modal-body,.modal-col-red .modal-title{
    color:#fff !important
}
.modal-col-red .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-red .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-red .modal-footer .btn-link:hover,.modal-col-red .modal-footer .btn-link:active,.modal-col-red .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-pink{
    background-color:#E91E63
}
.modal-col-pink .modal-body,.modal-col-pink .modal-title{
    color:#fff !important
}
.modal-col-pink .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-pink .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-pink .modal-footer .btn-link:hover,.modal-col-pink .modal-footer .btn-link:active,.modal-col-pink .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-purple{
    background-color:#ba3bd0
}
.modal-col-purple .modal-body,.modal-col-purple .modal-title{
    color:#fff !important
}
.modal-col-purple .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-purple .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-purple .modal-footer .btn-link:hover,.modal-col-purple .modal-footer .btn-link:active,.modal-col-purple .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-deep-purple{
    background-color:#673AB7
}
.modal-col-deep-purple .modal-body,.modal-col-deep-purple .modal-title{
    color:#fff !important
}
.modal-col-deep-purple .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-deep-purple .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-deep-purple .modal-footer .btn-link:hover,.modal-col-deep-purple .modal-footer .btn-link:active,.modal-col-deep-purple .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-blue{
    background-color:#457fca
}
.modal-col-blue .modal-body,.modal-col-blue .modal-title{
    color:#fff !important
}
.modal-col-blue .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-blue .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-blue .modal-footer .btn-link:hover,.modal-col-blue .modal-footer .btn-link:active,.modal-col-blue .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-cyan{
    background-color:#379c94
}
.modal-col-cyan .modal-body,.modal-col-cyan .modal-title{
    color:#fff !important
}
.modal-col-cyan .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-cyan .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-cyan .modal-footer .btn-link:hover,.modal-col-cyan .modal-footer .btn-link:active,.modal-col-cyan .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-green{
    background-color:#78b83e
}
.modal-col-green .modal-body,.modal-col-green .modal-title{
    color:#fff !important
}
.modal-col-green .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-green .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-green .modal-footer .btn-link:hover,.modal-col-green .modal-footer .btn-link:active,.modal-col-green .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-light-green{
    background-color:#8BC34A
}
.modal-col-light-green .modal-body,.modal-col-light-green .modal-title{
    color:#fff !important
}
.modal-col-light-green .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-light-green .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-light-green .modal-footer .btn-link:hover,.modal-col-light-green .modal-footer .btn-link:active,.modal-col-light-green .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-yellow{
    background-color:#ffe821
}
.modal-col-yellow .modal-body,.modal-col-yellow .modal-title{
    color:#fff !important
}
.modal-col-yellow .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-yellow .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-yellow .modal-footer .btn-link:hover,.modal-col-yellow .modal-footer .btn-link:active,.modal-col-yellow .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-orange{
    background-color:#FF9800
}
.modal-col-orange .modal-body,.modal-col-orange .modal-title{
    color:#fff !important
}
.modal-col-orange .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-orange .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-orange .modal-footer .btn-link:hover,.modal-col-orange .modal-footer .btn-link:active,.modal-col-orange .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-deep-orange{
    background-color:#f83600
}
.modal-col-deep-orange .modal-body,.modal-col-deep-orange .modal-title{
    color:#fff !important
}
.modal-col-deep-orange .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-deep-orange .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-deep-orange .modal-footer .btn-link:hover,.modal-col-deep-orange .modal-footer .btn-link:active,.modal-col-deep-orange .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-grey{
    background-color:#9E9E9E
}
.modal-col-grey .modal-body,.modal-col-grey .modal-title{
    color:#fff !important
}
.modal-col-grey .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-grey .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-grey .modal-footer .btn-link:hover,.modal-col-grey .modal-footer .btn-link:active,.modal-col-grey .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-blue-grey{
    background-color:#607D8B
}
.modal-col-blue-grey .modal-body,.modal-col-blue-grey .modal-title{
    color:#fff !important
}
.modal-col-blue-grey .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-blue-grey .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-blue-grey .modal-footer .btn-link:hover,.modal-col-blue-grey .modal-footer .btn-link:active,.modal-col-blue-grey .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-indigo{
    background-color:#3F51B5
}
.modal-col-indigo .modal-body,.modal-col-indigo .modal-title{
    color:#fff !important
}
.modal-col-indigo .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-indigo .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-indigo .modal-footer .btn-link:hover,.modal-col-indigo .modal-footer .btn-link:active,.modal-col-indigo .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-light-blue{
    background-color:#03A9F4
}
.modal-col-light-blue .modal-body,.modal-col-light-blue .modal-title{
    color:#fff !important
}
.modal-col-light-blue .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-light-blue .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-light-blue .modal-footer .btn-link:hover,.modal-col-light-blue .modal-footer .btn-link:active,.modal-col-light-blue .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-teal{
    background-color:#009688
}
.modal-col-teal .modal-body,.modal-col-teal .modal-title{
    color:#fff !important
}
.modal-col-teal .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-teal .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-teal .modal-footer .btn-link:hover,.modal-col-teal .modal-footer .btn-link:active,.modal-col-teal .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-lime{
    background-color:#CDDC39
}
.modal-col-lime .modal-body,.modal-col-lime .modal-title{
    color:#fff !important
}
.modal-col-lime .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-lime .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-lime .modal-footer .btn-link:hover,.modal-col-lime .modal-footer .btn-link:active,.modal-col-lime .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-amber{
    background-color:#FFC107
}
.modal-col-amber .modal-body,.modal-col-amber .modal-title{
    color:#fff !important
}
.modal-col-amber .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-amber .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-amber .modal-footer .btn-link:hover,.modal-col-amber .modal-footer .btn-link:active,.modal-col-amber .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-brown{
    background-color:#795548
}
.modal-col-brown .modal-body,.modal-col-brown .modal-title{
    color:#fff !important
}
.modal-col-brown .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-brown .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-brown .modal-footer .btn-link:hover,.modal-col-brown .modal-footer .btn-link:active,.modal-col-brown .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-blush{
    background-color:#F15F79
}
.modal-col-blush .modal-body,.modal-col-blush .modal-title{
    color:#fff !important
}
.modal-col-blush .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-blush .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-blush .modal-footer .btn-link:hover,.modal-col-blush .modal-footer .btn-link:active,.modal-col-blush .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-black{
    background-color:#000
}
.modal-col-black .modal-body,.modal-col-black .modal-title{
    color:#fff !important
}
.modal-col-black .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-black .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-black .modal-footer .btn-link:hover,.modal-col-black .modal-footer .btn-link:active,.modal-col-black .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-white{
    background-color:#fff
}
.modal-col-white .modal-body,.modal-col-white .modal-title{
    color:#fff !important
}
.modal-col-white .modal-footer{
    background-color:rgba(0,0,0,0.12)
}
.modal-col-white .modal-footer .btn-link{
    color:#fff !important
}
.modal-col-white .modal-footer .btn-link:hover,.modal-col-white .modal-footer .btn-link:active,.modal-col-white .modal-footer .btn-link:focus{
    background-color:rgba(0,0,0,0.12)
}
.label{
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    border-radius:50px;
    color:#fff;
    border-radius:3px;
    padding:5px 12px;
    text-transform:uppercase
}
.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.table_custom{
    border-collapse:separate;
    border-spacing:0 5px !important
}
.table.table_custom tr{
    background:#fff
}
.table.table_custom tr td{
    white-space:nowrap;
    border-bottom:0;
    border-top:0
}
.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 #eee
}
.panel-group .panel-col-red .panel-title{
    background-color:#ec3b57 !important;
    color:#fff
}
.panel-group .panel-col-red .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-pink{
    border:1px solid #eee
}
.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 #eee
}
.panel-group .panel-col-purple .panel-title{
    background-color:#ba3bd0 !important;
    color:#fff
}
.panel-group .panel-col-purple .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-deep-purple{
    border:1px solid #eee
}
.panel-group .panel-col-deep-purple .panel-title{
    background-color:#673AB7 !important;
    color:#fff
}
.panel-group .panel-col-deep-purple .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-blue{
    border:1px solid #eee
}
.panel-group .panel-col-blue .panel-title{
    background-color:#457fca !important;
    color:#fff
}
.panel-group .panel-col-blue .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-cyan{
    border:1px solid #eee
}
.panel-group .panel-col-cyan .panel-title{
    background-color:#379c94 !important;
    color:#fff
}
.panel-group .panel-col-cyan .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-green{
    border:1px solid #eee
}
.panel-group .panel-col-green .panel-title{
    background-color:#78b83e !important;
    color:#fff
}
.panel-group .panel-col-green .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-light-green{
    border:1px solid #eee
}
.panel-group .panel-col-light-green .panel-title{
    background-color:#8BC34A !important;
    color:#fff
}
.panel-group .panel-col-light-green .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-yellow{
    border:1px solid #eee
}
.panel-group .panel-col-yellow .panel-title{
    background-color:#ffe821 !important;
    color:#fff
}
.panel-group .panel-col-yellow .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-orange{
    border:1px solid #eee
}
.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 #eee
}
.panel-group .panel-col-deep-orange .panel-title{
    background-color:#f83600 !important;
    color:#fff
}
.panel-group .panel-col-deep-orange .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-grey{
    border:1px solid #eee
}
.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 #eee
}
.panel-group .panel-col-blue-grey .panel-title{
    background-color:#607D8B !important;
    color:#fff
}
.panel-group .panel-col-blue-grey .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-indigo{
    border:1px solid #eee
}
.panel-group .panel-col-indigo .panel-title{
    background-color:#3F51B5 !important;
    color:#fff
}
.panel-group .panel-col-indigo .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-light-blue{
    border:1px solid #eee
}
.panel-group .panel-col-light-blue .panel-title{
    background-color:#03A9F4 !important;
    color:#fff
}
.panel-group .panel-col-light-blue .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-teal{
    border:1px solid #eee
}
.panel-group .panel-col-teal .panel-title{
    background-color:#009688 !important;
    color:#fff
}
.panel-group .panel-col-teal .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-lime{
    border:1px solid #eee
}
.panel-group .panel-col-lime .panel-title{
    background-color:#CDDC39 !important;
    color:#fff
}
.panel-group .panel-col-lime .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-amber{
    border:1px solid #eee
}
.panel-group .panel-col-amber .panel-title{
    background-color:#FFC107 !important;
    color:#fff
}
.panel-group .panel-col-amber .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-brown{
    border:1px solid #eee
}
.panel-group .panel-col-brown .panel-title{
    background-color:#795548 !important;
    color:#fff
}
.panel-group .panel-col-brown .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-blush{
    border:1px solid #eee
}
.panel-group .panel-col-blush .panel-title{
    background-color:#F15F79 !important;
    color:#fff
}
.panel-group .panel-col-blush .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel-col-black{
    border:1px solid #eee
}
.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 #eee
}
.panel-group .panel-col-white .panel-title{
    background-color:#fff !important;
    color:#fff
}
.panel-group .panel-col-white .panel-body{
    border-top-color:transparent !important
}
.panel-group .panel{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    margin-bottom:5px
}
.panel-group .panel .panel-title{
    font-weight:400
}
.panel-group .panel .panel-title a{
    color:inherit
}
.panel-group .panel .panel-title .material-icons{
    float:left;
    line-height:16px;
    margin-right:8px
}
.panel-group .panel .panel-heading{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    padding:0
}
.panel-group .panel .panel-heading a{
    display:block;
    padding:10px 15px
}
.panel-group .panel .panel-heading a:hover,.panel-group .panel .panel-heading a:focus,.panel-group .panel .panel-heading a:active{
    text-decoration:none
}
.panel-group .panel .panel-body{
    color:#424242;
    background:#fff;
    padding:20px
}
.panel-group .panel-primary{
    border:1px solid #1f91f3
}
.panel-group .panel-primary .panel-title{
    background-color:#fff;
    color:#424242;
    font-weight:400;
    margin:0
}
.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:#ec3b57;
    color:#fff
}
.full-body .panel-col-pink .panel-body{
    border-top-color:#fff !important;
    background-color:#E91E63;
    color:#fff
}
.full-body .panel-col-purple .panel-body{
    border-top-color:#fff !important;
    background-color:#ba3bd0;
    color:#fff
}
.full-body .panel-col-deep-purple .panel-body{
    border-top-color:#fff !important;
    background-color:#673AB7;
    color:#fff
}
.full-body .panel-col-blue .panel-body{
    border-top-color:#fff !important;
    background-color:#457fca;
    color:#fff
}
.full-body .panel-col-cyan .panel-body{
    border-top-color:#fff !important;
    background-color:#379c94;
    color:#fff
}
.full-body .panel-col-green .panel-body{
    border-top-color:#fff !important;
    background-color:#78b83e;
    color:#fff
}
.full-body .panel-col-light-green .panel-body{
    border-top-color:#fff !important;
    background-color:#8BC34A;
    color:#fff
}
.full-body .panel-col-yellow .panel-body{
    border-top-color:#fff !important;
    background-color:#ffe821;
    color:#fff
}
.full-body .panel-col-orange .panel-body{
    border-top-color:#fff !important;
    background-color:#FF9800;
    color:#fff
}
.full-body .panel-col-deep-orange .panel-body{
    border-top-color:#fff !important;
    background-color:#f83600;
    color:#fff
}
.full-body .panel-col-grey .panel-body{
    border-top-color:#fff !important;
    background-color:#9E9E9E;
    color:#fff
}
.full-body .panel-col-blue-grey .panel-body{
    border-top-color:#fff !important;
    background-color:#607D8B;
    color:#fff
}
.full-body .panel-col-indigo .panel-body{
    border-top-color:#fff !important;
    background-color:#3F51B5;
    color:#fff
}
.full-body .panel-col-light-blue .panel-body{
    border-top-color:#fff !important;
    background-color:#03A9F4;
    color:#fff
}
.full-body .panel-col-teal .panel-body{
    border-top-color:#fff !important;
    background-color:#009688;
    color:#fff
}
.full-body .panel-col-lime .panel-body{
    border-top-color:#fff !important;
    background-color:#CDDC39;
    color:#fff
}
.full-body .panel-col-amber .panel-body{
    border-top-color:#fff !important;
    background-color:#FFC107;
    color:#fff
}
.full-body .panel-col-brown .panel-body{
    border-top-color:#fff !important;
    background-color:#795548;
    color:#fff
}
.full-body .panel-col-blush .panel-body{
    border-top-color:#fff !important;
    background-color:#F15F79;
    color:#fff
}
.full-body .panel-col-black .panel-body{
    border-top-color:#fff !important;
    background-color:#000;
    color:#fff
}
.full-body .panel-col-white .panel-body{
    border-top-color:#fff !important;
    background-color:#fff;
    color:#fff
}
.full-body .panel-primary .panel-body{
    border-top-color:#fff !important;
    background-color:#1f91f3;
    color:#fff
}
.full-body .panel-success .panel-body{
    border-top-color:#fff !important;
    background-color:#2b982b;
    color:#fff
}
.full-body .panel-warning .panel-body{
    border-top-color:#fff !important;
    background-color:#ff9600;
    color:#fff
}
.full-body .panel-danger .panel-body{
    border-top-color:#fff !important;
    background-color:#fb483a;
    color:#fff
}
.irs .irs-min,.irs .irs-max,.irs .irs-from,.irs .irs-to,.irs .irs-single{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0
}
.input-group{
    width:100%;
    margin-bottom:20px
}
.input-group .form-line{
    display:inline-block;
    width:100%;
    border-bottom:1px solid #ddd;
    position:relative
}
.input-group .form-line:after{
    -moz-transform:scaleX(0);
    -ms-transform:scaleX(0);
    -o-transform:scaleX(0);
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -moz-transition:0.25s ease-in;
    -o-transition:0.25s ease-in;
    -webkit-transition:0.25s ease-in;
    transition:0.25s ease-in;
    content:'';
    position:absolute;
    left:0;
    width:100%;
    bottom:-2px;
    border-bottom:2px solid #1f91f3
}
.input-group .form-line+.input-group-addon{
    padding-right:0;
    padding-left:10px
}
.input-group .help-info{
    float:right;
    color:#9e9e9e
}
.input-group label.error{
    color:#fb483a;
    font-weight:400;
    display:block
}
.input-group .form-line.error:after{
    border-bottom:2px solid #fb483a
}
.input-group .form-line.success:after{
    border-bottom:2px solid #2b982b
}
.input-group .form-line.warning:after{
    border-bottom:2px solid #ff9600
}
.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
}
.input-group .input-group-addon{
    font-weight:700;
    border:none;
    background-color:transparent
}
.input-group .input-group-addon .material-icons{
    color:#424242
}
.input-group input[type="text"],.input-group .form-control{
    border:none;
    box-shadow:none;
    padding-left:0
}
.input-group .form-control{
    width:100%
}
.input-group .form-control:focus{
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    -ms-box-shadow:none !important;
    box-shadow:none !important
}
.input-group.icon .input-group-addon{
    z-index:9999
}
.input-group.icon.before_span .form-line{
    padding-left:30px
}
.input-group.icon.before_span span{
    padding:10px 0 0 0;
    position:absolute;
    left:0
}
.input-group.icon.after_span .form-line{
    padding-right:30px
}
.input-group.icon.after_span span{
    padding:10px 0 0 0;
    position:absolute;
    right:0
}
.input-group.icon.both_span .form-line{
    padding:0 30px
}
.input-group.icon.both_span .first{
    position:absolute;
    right:auto !important;
    left:0
}
.input-group.icon.both_span .last{
    position:absolute;
    left:auto !important;
    right:0
}
.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{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    width:100%;
    border:none;
    box-shadow:none;
    padding-left:0
}
.form-group .help-info{
    color:#9e9e9e;
    float:right
}
.form-group label.error{
    font-weight:400;
    color:#fb483a;
    display:block
}
.form-group .form-line{
    width:100%;
    position:relative;
    border-bottom:1px solid #bdbdbd
}
.form-group .form-line:after{
    -moz-transform:scaleX(0);
    -ms-transform:scaleX(0);
    -o-transform:scaleX(0);
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -moz-transition:0.25s ease-in;
    -o-transition:0.25s ease-in;
    -webkit-transition:0.25s ease-in;
    transition:0.25s ease-in;
    content:'';
    position:absolute;
    left:0;
    width:100%;
    height:0;
    bottom:-1px;
    border-bottom:2px solid #1f91f3
}
.form-group .form-line .form-label{
    -moz-transition:.2s;
    -o-transition:.2s;
    -webkit-transition:.2s;
    transition:.2s;
    font-weight:400;
    color:#aaa;
    position:absolute;
    top:10px;
    left:0;
    cursor:text
}
.form-group .form-line.error:after{
    border-bottom:2px solid #fb483a
}
.form-group .form-line.success:after{
    border-bottom:2px solid #2b982b
}
.form-group .form-line.warning:after{
    border-bottom:2px solid #ff9600
}
.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
}
.form-group-sm .form-label{
    font-size:12px
}
.form-group-sm .form-line.focused .form-label{
    bottom:20px;
    font-size:10px
}
.form-group-lg .form-label{
    font-size:18px
}
.form-group-lg .form-line.focused .form-label{
    bottom:35px;
    font-size:12px
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{
    background-color:transparent
}
.colorpicker{
    z-index:1
}
.colorpicker:before,.colorpicker:after{
    display:none !important
}
.dropzone{
    border:2px solid transparent !important;
    background-color:#eee !important
}
.dropzone .dz-message .drag-icon-cph .material-icons{
    font-size:80px;
    color:#757575
}
.dz-drag-hover{
    border:2px dashed #888 !important
}
.breadcrumb{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    background-color:transparent
}
.breadcrumb li a{
    color:#424242;
    text-decoration:none
}
.breadcrumb li a .material-icons{
    position:relative
}
.breadcrumb li .material-icons{
    position:relative;
    top:4px
}
.breadcrumb>li+li:before{
    content:'>\00a0'
}
.breadcrumb-col-red li a{
    color:#ec3b57 !important;
    font-weight:700
}
.breadcrumb-bg-red{
    background-color:#ec3b57 !important
}
.breadcrumb-bg-red li{
    color:#fff !important
}
.breadcrumb-bg-red li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-red li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-red li+li:before{
    color:#fff
}
.breadcrumb-col-pink li a{
    color:#E91E63 !important;
    font-weight:700
}
.breadcrumb-bg-pink{
    background-color:#E91E63 !important
}
.breadcrumb-bg-pink li{
    color:#fff !important
}
.breadcrumb-bg-pink li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-pink li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-pink li+li:before{
    color:#fff
}
.breadcrumb-col-purple li a{
    color:#ba3bd0 !important;
    font-weight:700
}
.breadcrumb-bg-purple{
    background-color:#ba3bd0 !important
}
.breadcrumb-bg-purple li{
    color:#fff !important
}
.breadcrumb-bg-purple li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-purple li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-purple li+li:before{
    color:#fff
}
.breadcrumb-col-deep-purple li a{
    color:#673AB7 !important;
    font-weight:700
}
.breadcrumb-bg-deep-purple{
    background-color:#673AB7 !important
}
.breadcrumb-bg-deep-purple li{
    color:#fff !important
}
.breadcrumb-bg-deep-purple li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-deep-purple li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-deep-purple li+li:before{
    color:#fff
}
.breadcrumb-col-blue li a{
    color:#457fca !important;
    font-weight:700
}
.breadcrumb-bg-blue{
    background-color:#457fca !important
}
.breadcrumb-bg-blue li{
    color:#fff !important
}
.breadcrumb-bg-blue li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-blue li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-blue li+li:before{
    color:#fff
}
.breadcrumb-col-cyan li a{
    color:#379c94 !important;
    font-weight:700
}
.breadcrumb-bg-cyan{
    background-color:#379c94 !important
}
.breadcrumb-bg-cyan li{
    color:#fff !important
}
.breadcrumb-bg-cyan li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-cyan li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-cyan li+li:before{
    color:#fff
}
.breadcrumb-col-green li a{
    color:#78b83e !important;
    font-weight:700
}
.breadcrumb-bg-green{
    background-color:#78b83e !important
}
.breadcrumb-bg-green li{
    color:#fff !important
}
.breadcrumb-bg-green li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-green li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-green li+li:before{
    color:#fff
}
.breadcrumb-col-light-green li a{
    color:#8BC34A !important;
    font-weight:700
}
.breadcrumb-bg-light-green{
    background-color:#8BC34A !important
}
.breadcrumb-bg-light-green li{
    color:#fff !important
}
.breadcrumb-bg-light-green li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-light-green li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-light-green li+li:before{
    color:#fff
}
.breadcrumb-col-yellow li a{
    color:#ffe821 !important;
    font-weight:700
}
.breadcrumb-bg-yellow{
    background-color:#ffe821 !important
}
.breadcrumb-bg-yellow li{
    color:#fff !important
}
.breadcrumb-bg-yellow li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-yellow li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-yellow li+li:before{
    color:#fff
}
.breadcrumb-col-orange li a{
    color:#FF9800 !important;
    font-weight:700
}
.breadcrumb-bg-orange{
    background-color:#FF9800 !important
}
.breadcrumb-bg-orange li{
    color:#fff !important
}
.breadcrumb-bg-orange li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-orange li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-orange li+li:before{
    color:#fff
}
.breadcrumb-col-deep-orange li a{
    color:#f83600 !important;
    font-weight:700
}
.breadcrumb-bg-deep-orange{
    background-color:#f83600 !important
}
.breadcrumb-bg-deep-orange li{
    color:#fff !important
}
.breadcrumb-bg-deep-orange li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-deep-orange li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-deep-orange li+li:before{
    color:#fff
}
.breadcrumb-col-grey li a{
    color:#9E9E9E !important;
    font-weight:700
}
.breadcrumb-bg-grey{
    background-color:#9E9E9E !important
}
.breadcrumb-bg-grey li{
    color:#fff !important
}
.breadcrumb-bg-grey li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-grey li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-grey li+li:before{
    color:#fff
}
.breadcrumb-col-blue-grey li a{
    color:#607D8B !important;
    font-weight:700
}
.breadcrumb-bg-blue-grey{
    background-color:#607D8B !important
}
.breadcrumb-bg-blue-grey li{
    color:#fff !important
}
.breadcrumb-bg-blue-grey li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-blue-grey li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-blue-grey li+li:before{
    color:#fff
}
.breadcrumb-col-indigo li a{
    color:#3F51B5 !important;
    font-weight:700
}
.breadcrumb-bg-indigo{
    background-color:#3F51B5 !important
}
.breadcrumb-bg-indigo li{
    color:#fff !important
}
.breadcrumb-bg-indigo li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-indigo li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-indigo li+li:before{
    color:#fff
}
.breadcrumb-col-light-blue li a{
    color:#03A9F4 !important;
    font-weight:700
}
.breadcrumb-bg-light-blue{
    background-color:#03A9F4 !important
}
.breadcrumb-bg-light-blue li{
    color:#fff !important
}
.breadcrumb-bg-light-blue li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-light-blue li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-light-blue li+li:before{
    color:#fff
}
.breadcrumb-col-teal li a{
    color:#009688 !important;
    font-weight:700
}
.breadcrumb-bg-teal{
    background-color:#009688 !important
}
.breadcrumb-bg-teal li{
    color:#fff !important
}
.breadcrumb-bg-teal li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-teal li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-teal li+li:before{
    color:#fff
}
.breadcrumb-col-lime li a{
    color:#CDDC39 !important;
    font-weight:700
}
.breadcrumb-bg-lime{
    background-color:#CDDC39 !important
}
.breadcrumb-bg-lime li{
    color:#fff !important
}
.breadcrumb-bg-lime li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-lime li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-lime li+li:before{
    color:#fff
}
.breadcrumb-col-amber li a{
    color:#FFC107 !important;
    font-weight:700
}
.breadcrumb-bg-amber{
    background-color:#FFC107 !important
}
.breadcrumb-bg-amber li{
    color:#fff !important
}
.breadcrumb-bg-amber li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-amber li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-amber li+li:before{
    color:#fff
}
.breadcrumb-col-brown li a{
    color:#795548 !important;
    font-weight:700
}
.breadcrumb-bg-brown{
    background-color:#795548 !important
}
.breadcrumb-bg-brown li{
    color:#fff !important
}
.breadcrumb-bg-brown li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-brown li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-brown li+li:before{
    color:#fff
}
.breadcrumb-col-blush li a{
    color:#F15F79 !important;
    font-weight:700
}
.breadcrumb-bg-blush{
    background-color:#F15F79 !important
}
.breadcrumb-bg-blush li{
    color:#fff !important
}
.breadcrumb-bg-blush li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-blush li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-blush li+li:before{
    color:#fff
}
.breadcrumb-col-black li a{
    color:#000 !important;
    font-weight:700
}
.breadcrumb-bg-black{
    background-color:#000 !important
}
.breadcrumb-bg-black li{
    color:#fff !important
}
.breadcrumb-bg-black li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-black li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-black li+li:before{
    color:#fff
}
.breadcrumb-col-white li a{
    color:#fff !important;
    font-weight:700
}
.breadcrumb-bg-white{
    background-color:#fff !important
}
.breadcrumb-bg-white li{
    color:#fff !important
}
.breadcrumb-bg-white li a{
    color:#fff;
    font-weight:700
}
.breadcrumb-bg-white li a .material-icons{
    padding-bottom:8px
}
.breadcrumb-bg-white li+li:before{
    color:#fff
}
.badge{
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    border-radius:2px
}
.list-group-item{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    -moz-transition:.5s;
    -o-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s
}
.list-group .active{
    background-color:#1f91f3;
    border-color:#1f91f3
}
.list-group .active:hover,.list-group .active:focus,.list-group .active:active{
    background-color:#1f91f3;
    border-color:#1f91f3
}
.list-group .active .list-group-item-text{
    color:#dfe9f1
}
.list-group .active .list-group-item-text:hover,.list-group .active .list-group-item-text:active,.list-group .active .list-group-item-text:focus{
    color:#dfe9f1
}
.list-group .list-group-item.active:hover .list-group-item-text,.list-group .list-group-item.active:focus .list-group-item-text,.list-group .list-group-item.active:active .list-group-item-text{
    color:#dfe9f1
}
.list-group .list-group-item:first-child,.list-group .list-group-item:last-child{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0
}
.list-group .list-group-item .list-group-item-heading{
    font-weight:700
}
.list-group .list-group-item-success{
    background-color:#2b982b;
    color:#fff;
    border:none
}
.list-group .list-group-item-success:hover,.list-group .list-group-item-success:focus{
    background-color:#2b982b;
    color:#fff;
    opacity:0.8
}
.list-group .list-group-item-info{
    background-color:#00b0e4;
    color:#fff;
    border:none
}
.list-group .list-group-item-info:hover,.list-group .list-group-item-info:focus{
    background-color:#00b0e4;
    color:#fff;
    opacity:0.8
}
.list-group .list-group-item-warning{
    background-color:#ff9600;
    color:#fff;
    border:none
}
.list-group .list-group-item-warning:hover,.list-group .list-group-item-warning:focus{
    background-color:#ff9600;
    color:#fff;
    opacity:0.8
}
.list-group .list-group-item-danger{
    background-color:#fb483a;
    color:#fff;
    border:none
}
.list-group .list-group-item-danger:hover,.list-group .list-group-item-danger:focus{
    background-color:#fb483a;
    color:#fff;
    opacity:0.8
}
.list-group .pl-red{
    stroke:#ec3b57
}
.list-group .list-group-bg-red{
    background-color:#ec3b57;
    border:none;
    color:#fff
}
.list-group .list-group-bg-red:hover,.list-group .list-group-bg-red:focus{
    background-color:#ec3b57;
    color:#fff;
    opacity:0.8
}
.list-group .pl-pink{
    stroke:#E91E63
}
.list-group .list-group-bg-pink{
    background-color:#E91E63;
    border:none;
    color:#fff
}
.list-group .list-group-bg-pink:hover,.list-group .list-group-bg-pink:focus{
    background-color:#E91E63;
    color:#fff;
    opacity:0.8
}
.list-group .pl-purple{
    stroke:#ba3bd0
}
.list-group .list-group-bg-purple{
    background-color:#ba3bd0;
    border:none;
    color:#fff
}
.list-group .list-group-bg-purple:hover,.list-group .list-group-bg-purple:focus{
    background-color:#ba3bd0;
    color:#fff;
    opacity:0.8
}
.list-group .pl-deep-purple{
    stroke:#673AB7
}
.list-group .list-group-bg-deep-purple{
    background-color:#673AB7;
    border:none;
    color:#fff
}
.list-group .list-group-bg-deep-purple:hover,.list-group .list-group-bg-deep-purple:focus{
    background-color:#673AB7;
    color:#fff;
    opacity:0.8
}
.list-group .pl-blue{
    stroke:#457fca
}
.list-group .list-group-bg-blue{
    background-color:#457fca;
    border:none;
    color:#fff
}
.list-group .list-group-bg-blue:hover,.list-group .list-group-bg-blue:focus{
    background-color:#457fca;
    color:#fff;
    opacity:0.8
}
.list-group .pl-cyan{
    stroke:#379c94
}
.list-group .list-group-bg-cyan{
    background-color:#379c94;
    border:none;
    color:#fff
}
.list-group .list-group-bg-cyan:hover,.list-group .list-group-bg-cyan:focus{
    background-color:#379c94;
    color:#fff;
    opacity:0.8
}
.list-group .pl-green{
    stroke:#78b83e
}
.list-group .list-group-bg-green{
    background-color:#78b83e;
    border:none;
    color:#fff
}
.list-group .list-group-bg-green:hover,.list-group .list-group-bg-green:focus{
    background-color:#78b83e;
    color:#fff;
    opacity:0.8
}
.list-group .pl-light-green{
    stroke:#8BC34A
}
.list-group .list-group-bg-light-green{
    background-color:#8BC34A;
    border:none;
    color:#fff
}
.list-group .list-group-bg-light-green:hover,.list-group .list-group-bg-light-green:focus{
    background-color:#8BC34A;
    color:#fff;
    opacity:0.8
}
.list-group .pl-yellow{
    stroke:#ffe821
}
.list-group .list-group-bg-yellow{
    background-color:#ffe821;
    border:none;
    color:#fff
}
.list-group .list-group-bg-yellow:hover,.list-group .list-group-bg-yellow:focus{
    background-color:#ffe821;
    color:#fff;
    opacity:0.8
}
.list-group .pl-orange{
    stroke:#FF9800
}
.list-group .list-group-bg-orange{
    background-color:#FF9800;
    border:none;
    color:#fff
}
.list-group .list-group-bg-orange:hover,.list-group .list-group-bg-orange:focus{
    background-color:#FF9800;
    color:#fff;
    opacity:0.8
}
.list-group .pl-deep-orange{
    stroke:#f83600
}
.list-group .list-group-bg-deep-orange{
    background-color:#f83600;
    border:none;
    color:#fff
}
.list-group .list-group-bg-deep-orange:hover,.list-group .list-group-bg-deep-orange:focus{
    background-color:#f83600;
    color:#fff;
    opacity:0.8
}
.list-group .pl-grey{
    stroke:#9E9E9E
}
.list-group .list-group-bg-grey{
    background-color:#9E9E9E;
    border:none;
    color:#fff
}
.list-group .list-group-bg-grey:hover,.list-group .list-group-bg-grey:focus{
    background-color:#9E9E9E;
    color:#fff;
    opacity:0.8
}
.list-group .pl-blue-grey{
    stroke:#607D8B
}
.list-group .list-group-bg-blue-grey{
    background-color:#607D8B;
    border:none;
    color:#fff
}
.list-group .list-group-bg-blue-grey:hover,.list-group .list-group-bg-blue-grey:focus{
    background-color:#607D8B;
    color:#fff;
    opacity:0.8
}
.list-group .pl-indigo{
    stroke:#3F51B5
}
.list-group .list-group-bg-indigo{
    background-color:#3F51B5;
    border:none;
    color:#fff
}
.list-group .list-group-bg-indigo:hover,.list-group .list-group-bg-indigo:focus{
    background-color:#3F51B5;
    color:#fff;
    opacity:0.8
}
.list-group .pl-light-blue{
    stroke:#03A9F4
}
.list-group .list-group-bg-light-blue{
    background-color:#03A9F4;
    border:none;
    color:#fff
}
.list-group .list-group-bg-light-blue:hover,.list-group .list-group-bg-light-blue:focus{
    background-color:#03A9F4;
    color:#fff;
    opacity:0.8
}
.list-group .pl-teal{
    stroke:#009688
}
.list-group .list-group-bg-teal{
    background-color:#009688;
    border:none;
    color:#fff
}
.list-group .list-group-bg-teal:hover,.list-group .list-group-bg-teal:focus{
    background-color:#009688;
    color:#fff;
    opacity:0.8
}
.list-group .pl-lime{
    stroke:#CDDC39
}
.list-group .list-group-bg-lime{
    background-color:#CDDC39;
    border:none;
    color:#fff
}
.list-group .list-group-bg-lime:hover,.list-group .list-group-bg-lime:focus{
    background-color:#CDDC39;
    color:#fff;
    opacity:0.8
}
.list-group .pl-amber{
    stroke:#FFC107
}
.list-group .list-group-bg-amber{
    background-color:#FFC107;
    border:none;
    color:#fff
}
.list-group .list-group-bg-amber:hover,.list-group .list-group-bg-amber:focus{
    background-color:#FFC107;
    color:#fff;
    opacity:0.8
}
.list-group .pl-brown{
    stroke:#795548
}
.list-group .list-group-bg-brown{
    background-color:#795548;
    border:none;
    color:#fff
}
.list-group .list-group-bg-brown:hover,.list-group .list-group-bg-brown:focus{
    background-color:#795548;
    color:#fff;
    opacity:0.8
}
.list-group .pl-blush{
    stroke:#F15F79
}
.list-group .list-group-bg-blush{
    background-color:#F15F79;
    border:none;
    color:#fff
}
.list-group .list-group-bg-blush:hover,.list-group .list-group-bg-blush:focus{
    background-color:#F15F79;
    color:#fff;
    opacity:0.8
}
.list-group .pl-black{
    stroke:#000
}
.list-group .list-group-bg-black{
    background-color:#000;
    border:none;
    color:#fff
}
.list-group .list-group-bg-black:hover,.list-group .list-group-bg-black:focus{
    background-color:#000;
    color:#fff;
    opacity:0.8
}
.list-group .pl-white{
    stroke:#fff
}
.list-group .list-group-bg-white{
    background-color:#fff;
    border:none;
    color:#fff
}
.list-group .list-group-bg-white:hover,.list-group .list-group-bg-white:focus{
    background-color:#fff;
    color:#fff;
    opacity:0.8
}
.pager{
    list-style:none
}
.pager li>a{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    border:none;
    background-color:transparent;
    font-weight:700
}
.pager li a:focus,.pager li a:active{
    background-color:transparent
}
.media{
    margin-bottom:20px
}
.media.mright .media-body{
    text-align:right
}
.media .media-body{
    color:#757575
}
.media .media-body .media-heading{
    font-weight:700;
    color:#424242
}
.wizard .content{
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    -ms-border-radius:0px;
    border-radius:0px;
    min-height:245px;
    overflow-y:auto
}
.wizard .content .body{
    padding:15px
}
.wizard .content .body label.error{
    color:#fb483a
}
.wizard .content .body input[type="checkbox"]{
    display:none
}
.wizard .content .body input{
    border:0
}
.wizard .actions{
    display:block;
    position:relative;
    width:100%;
    margin-top:10px !important
}
.wizard .actions ul{
    display:inline-block
}
.wizard .actions ul>li{
    float:left;
    margin:0 !important
}
.wizard .actions a{
    display:block;
    color:#fff;
    text-decoration:none
}
.wizard .actions a:hover,.wizard .actions a:active{
    display:block;
    color:#fff;
    text-decoration:none
}
.wizard .actions .disabled a{
    background:#eee;
    color:#9e9e9e
}
.wizard .actions .disabled a:hover,.wizard .actions .disabled a:active{
    background:#eee;
    color:#9e9e9e
}
.wizard .steps{
    display:block;
    position:relative;
    width:100%;
    margin-bottom:2px
}
.wizard .steps a{
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    -ms-border-radius:0px;
    border-radius:0px;
    display:block;
    width:auto;
    margin:0 2px 0 0;
    padding:10px;
    text-decoration:none
}
.wizard .steps a:hover,.wizard .steps a:active{
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    -ms-border-radius:0px;
    border-radius:0px;
    display:block;
    width:auto;
    margin:0 2px 0 0;
    padding:10px;
    text-decoration:none
}
.wizard .steps .disabled a{
    background:#eee;
    color:#bdbdbd;
    cursor:default
}
.wizard .steps .disabled a:hover,.wizard .steps .disabled a:active{
    background:#eee;
    color:#bdbdbd;
    cursor:default
}
.wizard .steps .current a{
    color:#fff;
    cursor:default
}
.wizard .steps .current a:hover,.wizard .steps .current a:active{
    color:#fff;
    cursor:default
}
.wizard .steps .done a{
    color:#fff;
    opacity:0.7
}
.wizard .steps .done a:hover,.wizard .steps .done a:active{
    color:#fff;
    opacity:0.7
}
.wizard .steps>ul>li{
    width:25%;
    float:left
}
.wizard .steps>ul>li:last-child a{
    margin:0
}
.wizard.vertical>.steps{
    float:left;
    width:30%
}
.wizard.vertical>.steps>ul>li{
    float:none;
    width:100%
}
.wizard.vertical>.steps>ul>li a{
    margin:0 0 2px 0
}
.wizard.vertical>.content{
    float:left;
    width:70%;
    margin:0
}
.wizard.vertical>.actions{
    float:right;
    width:100%;
    margin:0
}
.wizard_validation .wizard .steps>ul>li{
    width:auto !important
}
@media only screen and (max-width: 767px){
    .wizard>.steps>ul>li{
        width:100%;
        margin-bottom:2px
    }
    .wizard>.steps a{
        margin:0
    }
    .wizard.wizard.vertical>.content,.wizard.wizard.vertical>.steps{
        width:100%;
        padding:0
    }
    .wizard_validation .wizard .steps>ul>li{
        width:100% !important
    }
}
.waves-effect.waves-red .waves-ripple{
    background:rgba(236,59,87,0.5)
}
.waves-effect.waves-pink .waves-ripple{
    background:rgba(233,30,99,0.5)
}
.waves-effect.waves-purple .waves-ripple{
    background:rgba(186,59,208,0.5)
}
.waves-effect.waves-deep-purple .waves-ripple{
    background:rgba(103,58,183,0.5)
}
.waves-effect.waves-blue .waves-ripple{
    background:rgba(69,127,202,0.5)
}
.waves-effect.waves-cyan .waves-ripple{
    background:rgba(55,156,148,0.5)
}
.waves-effect.waves-green .waves-ripple{
    background:rgba(120,184,62,0.5)
}
.waves-effect.waves-light-green .waves-ripple{
    background:rgba(139,195,74,0.5)
}
.waves-effect.waves-yellow .waves-ripple{
    background:rgba(255,232,33,0.5)
}
.waves-effect.waves-orange .waves-ripple{
    background:rgba(255,152,0,0.5)
}
.waves-effect.waves-deep-orange .waves-ripple{
    background:rgba(248,54,0,0.5)
}
.waves-effect.waves-grey .waves-ripple{
    background:rgba(158,158,158,0.5)
}
.waves-effect.waves-blue-grey .waves-ripple{
    background:rgba(96,125,139,0.5)
}
.waves-effect.waves-indigo .waves-ripple{
    background:rgba(63,81,181,0.5)
}
.waves-effect.waves-light-blue .waves-ripple{
    background:rgba(3,169,244,0.5)
}
.waves-effect.waves-teal .waves-ripple{
    background:rgba(0,150,136,0.5)
}
.waves-effect.waves-lime .waves-ripple{
    background:rgba(205,220,57,0.5)
}
.waves-effect.waves-amber .waves-ripple{
    background:rgba(255,193,7,0.5)
}
.waves-effect.waves-brown .waves-ripple{
    background:rgba(121,85,72,0.5)
}
.waves-effect.waves-blush .waves-ripple{
    background:rgba(241,95,121,0.5)
}
.waves-effect.waves-black .waves-ripple{
    background:rgba(0,0,0,0.5)
}
.waves-effect.waves-white .waves-ripple{
    background:rgba(255,255,255,0.5)
}
.md-preloader .pl-red{
    stroke:#ec3b57
}
.md-preloader .pl-pink{
    stroke:#E91E63
}
.md-preloader .pl-purple{
    stroke:#ba3bd0
}
.md-preloader .pl-deep-purple{
    stroke:#673AB7
}
.md-preloader .pl-blue{
    stroke:#457fca
}
.md-preloader .pl-cyan{
    stroke:#379c94
}
.md-preloader .pl-green{
    stroke:#78b83e
}
.md-preloader .pl-light-green{
    stroke:#8BC34A
}
.md-preloader .pl-yellow{
    stroke:#ffe821
}
.md-preloader .pl-orange{
    stroke:#FF9800
}
.md-preloader .pl-deep-orange{
    stroke:#f83600
}
.md-preloader .pl-grey{
    stroke:#9E9E9E
}
.md-preloader .pl-blue-grey{
    stroke:#607D8B
}
.md-preloader .pl-indigo{
    stroke:#3F51B5
}
.md-preloader .pl-light-blue{
    stroke:#03A9F4
}
.md-preloader .pl-teal{
    stroke:#009688
}
.md-preloader .pl-lime{
    stroke:#CDDC39
}
.md-preloader .pl-amber{
    stroke:#FFC107
}
.md-preloader .pl-brown{
    stroke:#795548
}
.md-preloader .pl-blush{
    stroke:#F15F79
}
.md-preloader .pl-black{
    stroke:#000
}
.md-preloader .pl-white{
    stroke:#fff
}
.preloader{
    display:inline-block;
    position:relative;
    width:50px;
    height:50px;
    -webkit-animation:container-rotate 1568ms linear infinite;
    -moz-animation:container-rotate 1568ms linear infinite;
    -o-animation:container-rotate 1568ms linear infinite;
    animation:container-rotate 1568ms linear infinite
}
.preloader.pl-size-xl{
    width:75px;
    height:75px
}
.preloader.pl-size-l{
    width:60px;
    height:60px
}
.preloader.pl-size-md{
    width:50px;
    height:50px
}
.preloader.pl-size-sm{
    width:40px;
    height:40px
}
.preloader.pl-size-xs{
    width:25px;
    height:25px
}
.spinner-layer{
    position:absolute;
    width:100%;
    height:100%;
    border-color:#F44336;
    -ms-opacity:1;
    opacity:1;
    -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    -moz-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    -o-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.spinner-layer.pl-red{
    border-color:#ec3b57
}
.spinner-layer.pl-pink{
    border-color:#E91E63
}
.spinner-layer.pl-purple{
    border-color:#ba3bd0
}
.spinner-layer.pl-deep-purple{
    border-color:#673AB7
}
.spinner-layer.pl-blue{
    border-color:#457fca
}
.spinner-layer.pl-cyan{
    border-color:#379c94
}
.spinner-layer.pl-green{
    border-color:#78b83e
}
.spinner-layer.pl-light-green{
    border-color:#8BC34A
}
.spinner-layer.pl-yellow{
    border-color:#ffe821
}
.spinner-layer.pl-orange{
    border-color:#FF9800
}
.spinner-layer.pl-deep-orange{
    border-color:#f83600
}
.spinner-layer.pl-grey{
    border-color:#9E9E9E
}
.spinner-layer.pl-blue-grey{
    border-color:#607D8B
}
.spinner-layer.pl-indigo{
    border-color:#3F51B5
}
.spinner-layer.pl-light-blue{
    border-color:#03A9F4
}
.spinner-layer.pl-teal{
    border-color:#009688
}
.spinner-layer.pl-lime{
    border-color:#CDDC39
}
.spinner-layer.pl-amber{
    border-color:#FFC107
}
.spinner-layer.pl-brown{
    border-color:#795548
}
.spinner-layer.pl-blush{
    border-color:#F15F79
}
.spinner-layer.pl-black{
    border-color:#000
}
.spinner-layer.pl-white{
    border-color:#fff
}
.right{
    float:right !important
}
.gap-patch{
    position:absolute;
    top:0;
    left:45%;
    width:10%;
    height:100%;
    overflow:hidden;
    border-color:inherit
}
.gap-patch.circle{
    width:1000%;
    left:-450%
}
.circle-clipper{
    display:inline-block;
    position:relative;
    width:50%;
    height:100%;
    overflow:hidden;
    border-color:inherit
}
.circle-clipper .circle{
    width:200%;
    height:100%;
    border-width:3px;
    border-style:solid;
    border-color:inherit;
    border-bottom-color:transparent !important;
    -ms-border-radius:50%;
    border-radius:50%;
    -webkit-animation:none;
    animation:none;
    position:absolute;
    top:0;
    right:0;
    bottom:0
}
.circle-clipper.left .circle{
    left:0;
    border-right-color:transparent !important;
    -webkit-transform:rotate(129deg);
    -moz-transform:rotate(129deg);
    -ms-transform:rotate(129deg);
    -o-transform:rotate(129deg);
    transform:rotate(129deg);
    -webkit-animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    -moz-animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    -o-animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.circle-clipper.right .circle{
    left:-100%;
    border-left-color:transparent !important;
    -webkit-transform:rotate(-129deg);
    -moz-transform:rotate(-129deg);
    -ms-transform:rotate(-129deg);
    -o-transform:rotate(-129deg);
    transform:rotate(-129deg);
    -webkit-animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    -moz-animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    -o-animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
@-webkit-keyframes container-rotate{
    to{
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes container-rotate{
    to{
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes fill-unfill-rotate{
    12.5%{
        -webkit-transform:rotate(135deg);
        transform:rotate(135deg)
    }
    25%{
        -webkit-transform:rotate(270deg);
        transform:rotate(270deg)
    }
    37.5%{
        -webkit-transform:rotate(405deg);
        transform:rotate(405deg)
    }
    50%{
        -webkit-transform:rotate(540deg);
        transform:rotate(540deg)
    }
    62.5%{
        -webkit-transform:rotate(675deg);
        transform:rotate(675deg)
    }
    75%{
        -webkit-transform:rotate(810deg);
        transform:rotate(810deg)
    }
    87.5%{
        -webkit-transform:rotate(945deg);
        transform:rotate(945deg)
    }
    to{
        -webkit-transform:rotate(1080deg);
        transform:rotate(1080deg)
    }
}
@keyframes fill-unfill-rotate{
    12.5%{
        transform:rotate(135deg)
    }
    25%{
        transform:rotate(270deg)
    }
    37.5%{
        transform:rotate(405deg)
    }
    50%{
        transform:rotate(540deg)
    }
    62.5%{
        transform:rotate(675deg)
    }
    75%{
        transform:rotate(810deg)
    }
    87.5%{
        transform:rotate(945deg)
    }
    to{
        transform:rotate(1080deg)
    }
}
@-webkit-keyframes left-spin{
    from{
        -webkit-transform:rotate(130deg);
        -moz-transform:rotate(130deg);
        -ms-transform:rotate(130deg);
        -o-transform:rotate(130deg);
        transform:rotate(130deg)
    }
    50%{
        -webkit-transform:rotate(-5deg);
        -moz-transform:rotate(-5deg);
        -ms-transform:rotate(-5deg);
        -o-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    to{
        -webkit-transform:rotate(130deg);
        -moz-transform:rotate(130deg);
        -ms-transform:rotate(130deg);
        -o-transform:rotate(130deg);
        transform:rotate(130deg)
    }
}
@keyframes left-spin{
    from{
        -moz-transform:rotate(130deg);
        -ms-transform:rotate(130deg);
        -o-transform:rotate(130deg);
        -webkit-transform:rotate(130deg);
        transform:rotate(130deg)
    }
    50%{
        -moz-transform:rotate(-5deg);
        -ms-transform:rotate(-5deg);
        -o-transform:rotate(-5deg);
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    to{
        -moz-transform:rotate(130deg);
        -ms-transform:rotate(130deg);
        -o-transform:rotate(130deg);
        -webkit-transform:rotate(130deg);
        transform:rotate(130deg)
    }
}
@-webkit-keyframes right-spin{
    from{
        -webkit-transform:rotate(-130deg);
        -moz-transform:rotate(-130deg);
        -ms-transform:rotate(-130deg);
        -o-transform:rotate(-130deg);
        transform:rotate(-130deg)
    }
    50%{
        -webkit-transform:rotate(5deg);
        -moz-transform:rotate(5deg);
        -ms-transform:rotate(5deg);
        -o-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    to{
        -webkit-transform:rotate(-130deg);
        -moz-transform:rotate(-130deg);
        -ms-transform:rotate(-130deg);
        -o-transform:rotate(-130deg);
        transform:rotate(-130deg)
    }
}
@-moz-keyframes right-spin{
    from{
        -moz-transform:rotate(-130deg);
        -ms-transform:rotate(-130deg);
        -o-transform:rotate(-130deg);
        -webkit-transform:rotate(-130deg);
        transform:rotate(-130deg)
    }
    50%{
        -moz-transform:rotate(5deg);
        -ms-transform:rotate(5deg);
        -o-transform:rotate(5deg);
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    to{
        -moz-transform:rotate(-130deg);
        -ms-transform:rotate(-130deg);
        -o-transform:rotate(-130deg);
        -webkit-transform:rotate(-130deg);
        transform:rotate(-130deg)
    }
}
@keyframes right-spin{
    from{
        -moz-transform:rotate(-130deg);
        -ms-transform:rotate(-130deg);
        -o-transform:rotate(-130deg);
        -webkit-transform:rotate(-130deg);
        transform:rotate(-130deg)
    }
    50%{
        -moz-transform:rotate(5deg);
        -ms-transform:rotate(5deg);
        -o-transform:rotate(5deg);
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    to{
        -moz-transform:rotate(-130deg);
        -ms-transform:rotate(-130deg);
        -o-transform:rotate(-130deg);
        -webkit-transform:rotate(-130deg);
        transform:rotate(-130deg)
    }
}
.dropdown-menu{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
    box-shadow:0 5px 20px rgba(0,0,0,0.2);
    border:none;
    right:0;
    left:auto
}
.dropdown-menu .divider{
    margin:5px 0
}
.dropdown-menu .header{
    font-weight:700;
    min-width:270px;
    border-bottom:1px solid #eee;
    padding:10px 15px
}
.dropdown-menu .footer a{
    padding:10px 15px;
    border-top:1px solid #eee;
    display:block
}
.dropdown-menu .footer a:hover{
    background-color:transparent;
    text-decoration:none;
    color:inherit
}
.dropdown-menu ul.menu{
    padding-left:0
}
.dropdown-menu ul.menu.tasks h4{
    color:#424242;
    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{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    color:#fff;
    width:38px;
    height:38px;
    display:inline-block;
    vertical-align:top
}
.dropdown-menu ul.menu .icon-circle i{
    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{
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    padding:13px;
    text-decoration:none;
    display:block
}
.dropdown-menu ul.menu li a:hover{
    background-color:#eee
}
.dropdown-menu ul.menu .menu-info{
    display:inline-block;
    position:relative;
    top:3px;
    left:5px
}
.dropdown-menu ul.menu .menu-info h4{
    color:#424242;
    font-weight:400;
    margin-top:-2px
}
.dropdown-menu ul.menu .menu-info p{
    color:#bdbdbd;
    line-height:normal
}
.dropdown-menu ul.menu .menu-info p .material-icons{
    color:#bdbdbd;
    position:relative;
    top:2px
}
.dropdown-menu>li>a{
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    padding:7px 18px;
    color:#616161;
    line-height:25px;
    display:block
}
.dropdown-menu>li>a:hover{
    background-color:rgba(0,0,0,0.075);
    text-decoration:none
}
.dropdown-menu>li>a i.material-icons{
    float:left;
    margin-right:7px;
    margin-top:2px
}
.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
}
.page-calendar .col-md-4,.page-calendar .col-md-8{
    margin:0 !important
}
.page-calendar .event-name{
    background:#f5f5f5;
    padding:10px;
    margin:1px 0;
    border-left:3px solid;
	cursor:pointer;
}
.page-calendar .event-name:hover{
    background:#3d4c5a;
    color:#fff
}
.page-calendar .event-name:hover i{
    color:#f44336
}
.page-calendar .event-name .event-remove{
    float:right
}
.page-calendar .b-primary{
    border-color:#1f91f3 !important
}
.page-calendar .b-success{
    border-color:#2b982b !important
}
.page-calendar .b-lightred{
    border-color:#f44336 !important
}
.page-calendar .b-amethyst{
    border-color:#9675ce !important
}
.page-calendar .b-greensea{
    border-color:#4caf50 !important
}
.event-control{
    background-color:#eee;
    cursor:pointer
}
.event-control:hover{
    background-color:#fff
}
.event-control a{
    color:#212121;
    cursor:pointer;
    opacity:.5
}
.event-control a:hover{
    opacity:1
}
.event-control[class*='bg-']:not(.bg-default):not(.bg-white) a{
    color:#212121 !important;
    opacity:1
}
.event-control[class*='bg-']:not(.bg-default):not(.bg-white) a:hover{
    color:#fff !important
}
.fc-overlay{
    display:none;
    position:absolute;
    min-width:260px;
    padding:15px 0;
    top:auto;
    left:50%;
    margin-left:-150px;
    z-index:1000;
    color:#000 !important
}
.fc-overlay.left{
    left:100%;
    top:-15px;
    padding:0 10px
}
.fc-overlay.right{
    left:auto;
    right:100%;
    top:-15px;
    padding:0 10px
}
.fc-overlay .panel{
    padding:10px
}
.fc .fc-toolbar{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    height:50px;
    color:#fff;
    background:#3d4c5a;
    margin:0
}
.fc .fc-toolbar .fc-button{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    box-shadow:none;
    color:#212121;
    background:transparent;
    border:none;
    text-shadow:none;
    height:50px;
    line-height:28px;
    padding:10px
}
.fc .fc-toolbar .fc-button:hover{
    color:#fff
}
.fc .fc-toolbar h2{
    line-height:50px;
    text-transform:uppercase;
    font-weight:400
}
.fc .fc-view-container .fc-event{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    color:#424242;
    background-color:#fff;
    padding:3px 5px;
    border:0;
    border-left:3px solid
}
.fc .fc-view-container .fc-event.fc-event-end:not(.fc-event-start){
    border:0 !important
}
.fc .fc-view-container .fc-event:focus,.fc .fc-view-container .fc-event:hover,.fc .fc-view-container .fc-event:active{
    z-index:1000
}
.fc .fc-view-container .fc-event:focus .fc-overlay,.fc .fc-view-container .fc-event:hover .fc-overlay,.fc .fc-view-container .fc-event:active .fc-overlay{
    display:block
}
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header,.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr td.fc-widget-header,.fc .fc-view-container .fc-view.fc-agenda>table>thead tr th.fc-widget-header,.fc .fc-view-container .fc-view.fc-agenda>table>thead tr td.fc-widget-header{
    background-color:#e0e0e0;
    color:#212121;
    font-weight:400;
    padding:10px;
    border:0
}
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-agenda-gutter,.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr td.fc-agenda-gutter,.fc .fc-view-container .fc-view.fc-agenda>table>thead tr th.fc-agenda-gutter,.fc .fc-view-container .fc-view.fc-agenda>table>thead tr td.fc-agenda-gutter{
    padding:0
}
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr td.fc-widget-header,.fc .fc-view-container .fc-view.fc-agenda>table>thead tr td.fc-widget-header{
    padding:2px
}
.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-widget-content,.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-widget-content{
    border:0;
    border-bottom:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0
}
.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-widget-content.fc-state-highlight,.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-widget-content.fc-state-highlight{
    background:#fff
}
.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-day-number,.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-day-number{
    color:#212121;
    padding:5px 10px;
    margin:5px
}
.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-day-number.fc-state-highlight,.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-day-number.fc-state-highlight{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background-color:#f44336;
    color:#fff;
    padding:4px 6px;
    float:right
}
.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td:first-child.fc-widget-content,.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td:first-child.fc-widget-content{
    border-left:1px solid #e0e0e0
}
.fc .fc-view-container .fc-view.fc-basic-view .fc-body .fc-row .fc-bg,.fc .fc-view-container .fc-view.fc-agenda .fc-body .fc-row .fc-bg{
    border-bottom:1px solid #e0e0e0
}
.fc .fc-view-container .fc-view.fc-basic-view .fc-body .fc-row:last-of-type .fc-bg,.fc .fc-view-container .fc-view.fc-agenda .fc-body .fc-row:last-of-type .fc-bg{
    border-bottom:0
}
.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-axis,.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-gutter{
    border-left:1px solid #eee;
    border-right:1px solid #eee;
    background-color:#f5f5f5;
    color:#212121;
    font-weight:400;
    padding:10px 5px
}
.fc .fc-view-container .fc-view.fc-agenda>table>tbody>tr>td.fc-state-highlight{
    background:#f5f5f5
}
.fc .fc-view-container .fc-view.fc-agenda>table>tbody>tr>td.fc-sat{
    border-right:0
}
.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr{
    line-height:35px
}
.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr th{
    border:0;
    border-left:1px solid #eee;
    border-right:1px solid #eee;
    background-color:#f5f5f5;
    color:#000;
    font-size:12px;
    font-weight:100;
    padding-top:10px
}
.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content{
    border-bottom:1px solid #eee;
    line-height:50px
}
.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content:last-child{
    border-right:0
}
.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr.fc-minor td.fc-widget-content{
    border-bottom:1px solid #eee
}
.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-divider{
    border:1px solid #eee
}
.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-divider .fc-agenda-divider-inner{
    background-color:#f5f5f5;
    height:3px
}
@media only screen and (max-width: 340px){
    .page-calendar .fc-header-toolbar .fc-center h2{
        font-size:15px
    }
}
.gmap{
    width:100%;
    height:400px
}
.jvector-map{
    width:100%;
    height:600px
}
.morris-hover.morris-default-style{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0
}
.flot-chart{
    width:100%;
    height:320px
}
.panel-switch-btn{
    position:relative;
    top:-27px;
    right:20px;
    z-index:9
}
.panel-switch-btn label{
    font-weight:bold !important
}
.legendLabel{
    width:85px !important;
    position:relative;
    left:3px
}
#multiple_axis_chart .legendLabel{
    width:160px !important
}
.sparkline{
    text-align:center
}
.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;
    border-bottom:1px solid #ddd
}
.dataTables_wrapper input[type="search"]:focus,.dataTables_wrapper input[type="search"]:active{
    border-bottom:2px solid #1f91f3
}
.dataTables_wrapper .dt-buttons{
    position:absolute;
    top:0;
    left:0
}
.dataTables_wrapper .dt-buttons a.dt-button{
    background-color:#607D8B;
    color:#fff;
    padding:7px 12px;
    margin-right:5px;
    text-decoration:none;
    box-shadow:0 2px 5px rgba(0,0,0,0.16),0 2px 10px rgba(0,0,0,0.12);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    border-radius:2px;
    border:none;
    outline:none
}
.dataTables_wrapper .dt-buttons a.dt-button:active{
    opacity:0.8
}
.lg-outer .lg-thumb-item,.lg-outer .lg-toogle-thumb{
    -webkit-border-radius:0 !important;
    -moz-border-radius:0 !important;
    -ms-border-radius:0 !important;
    border-radius:0 !important
}

.authentication .theme-bg{
    background:linear-gradient(45deg, #49cdd0, #ab9ae5);
    height:150px;
    position:absolute;
    width:50%;
    left:0;
    top:144px;
    z-index:-1
}
.authentication .card{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    background:#fff;
    position:relative;
    padding:20px 0;
    box-sizing:border-box;
    box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}
.authentication .card .title{
    font-weight:700;
    position:relative;
    z-index:1;
    border-left:5px solid #01c0c8;
    margin:0 0 25px;
    padding:10px 0 10px 30px;
    color:#01c0c8;
    text-transform:uppercase
}
.authentication .card .title span{
    font-weight:400;
    color:#424242;
    display:block;
    line-height:18px
}
.authentication .card .title .msg{
    font-weight:400;
    color:#757575;
    display:block;
    line-height:18px;
    text-transform:none
}
.authentication .locked .thumb{
    float:left;
    margin-left:20px;
    margin-right:20px
}
.authentication .locked .thumb .media-object{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    width:50px
}
.authentication .locked .media-heading{
    display:block
}
.authentication .locked .media-heading strong{
    font-weight:400
}
.authentication .card-top:first-child{
    background:#fafafa;
    height:10px;
    border-radius:5px 5px 0 0;
    margin:0 10px
}
.authentication .form-line .search-btn{
    display:inline-block;
    position:absolute;
    right:50px;
    top:0
}
.authentication .form-line .search-btn button{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    box-shadow:none
}
.profile-page .p-l-0.p-r-0,.profile-page .input-group .p-r-0.input-group-addon,.input-group .profile-page .p-r-0.input-group-addon,.profile-page .p-r-0.authentication{
    padding-right:0px !important;
    padding-left:0px !important
}
.profile-page .profile-header{
    color:#fff;
    background:transparent url("../images/profile-bg.jpg") repeat scroll center center/cover;
    position:relative;
    border-radius:3px 3px 0 0
}
.profile-page .profile-header .profile_info .profile-image img{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
.profile-page .profile-header .profile_info .social-icon a{
    margin:0 5px
}
.profile-page .profile-header .profile_info .social-icon a i{
    color:#fff
}
.profile-page .profile-sub-header{
    min-height:60px;
    width:100%
}
.profile-page .profile-sub-header .box-list ul{
    display:inline-table;
    table-layout:fixed;
    width:100%;
    background:#f5f5f5
}
.profile-page .profile-sub-header .box-list ul li{
    border-right:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    display:table-cell;
    list-style:outside none none
}
.profile-page .profile-sub-header .box-list ul li a{
    display:block;
    padding:15px 0;
    color:#424242
}
.profile-page .profile-sub-header .box-list ul li a:hover{
    text-decoration:none;
    color:#fff
}
.profile-page .profile-sub-header .box-list ul li:last-child{
    border-right:none
}
.profile-page #mypost .post-box .post-img{
    max-height:300px;
    overflow:hidden
}
.profile-page #timeline .timeline{
    border-left:1px solid #e0e0e0;
    position:relative
}
.profile-page #timeline .timeline .border-info{
    border-color:#03a9f4
}
.profile-page #timeline .timeline .border-warning{
    border-color:#fec60a
}
.profile-page #timeline .timeline .border-danger{
    border-color:#f44336
}
.profile-page #timeline .timeline .timeline-item{
    padding-bottom:1px;
    position:relative
}
.profile-page #timeline .timeline .timeline-item:after{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background-color:#fff;
    border-color:inherit;
    border-style:solid;
    border-width:2px;
    content:"";
    height:11px;
    left:0;
    margin-left:-6px;
    position:absolute;
    width:11px;
    bottom:auto;
    clear:both;
    top:4px
}
.profile-page #timeline .timeline .timeline-item .item-content{
    margin-left:24px
}
.profile-page #timeline .timeline .timeline-item .item-content p{
    font-weight:400;
    color:#424242
}
@media only screen and (max-width: 414px){
    .profile-page .profile-sub-header .box-list li a{
        padding:20px 0 !important
    }
    .profile-page .profile-sub-header .box-list li p{
        display:none
    }
}
.member-card .header-dropdown{
    display:inline-block;
    position:absolute;
    right:30px
}
.member-card .header-dropdown li a{
    padding:10px 15px
}
.member-card .text-pink{
    display:block
}
.member-card .member-thumb{
    position:relative;
    display:inline-block
}
.member-card .member-thumb img{
    padding:4px;
    border:1px solid #e0e0e0
}
.member-card .member-thumb i{
    position:absolute;
    bottom:0;
    right:30px
}
.member-card .social-links li{
    display:inline-block
}
.member-card .social-links li a{
    width:30px;
    display:block
}
.patients .all-patients .m-b-0,.patients .all-patients .card .header,.card .patients .all-patients .header,.patients .all-patients .media .media-body .media-heading,.media .media-body .patients .all-patients .media-heading,.patients .all-patients .profile-page #usersettings .form-group,.profile-page #usersettings .patients .all-patients .form-group,.patients .all-patients .member-card .social-links,.member-card .patients .all-patients .social-links,.patients .all-patients .profile-page #report ul li:last-child .progress,.profile-page #report ul li:last-child .patients .all-patients .progress,.patients .all-patients .email-page .mail_listing .table thead .dropdown,.email-page .mail_listing .table thead .patients .all-patients .dropdown,.patients .all-patients .email-page .mail_listing .table tbody tr td .checkbox,.email-page .mail_listing .table tbody tr td .patients .all-patients .checkbox,.patients .all-patients .email-page .mail-single .media,.email-page .mail-single .patients .all-patients .media{
    margin-bottom:0 !important
}
.patients .all-patients .p-profile-pix{
    display:inline-block
}
.patients .all-patients h5 .edit{
    float:right
}
.profile-page #report .progress{
    height:5px
}
.patients_status table{
    white-space:nowrap
}
.patients_status table tr td{
    vertical-align:middle
}
.patients_status img{
    width:38px
}

@keyframes fromBottom{
    0%{
        transform:translateY(250px)
    }
    100%{
        transform:translateY(0)
    }
}
@keyframes fromTop{
    0%{
        transform:translateY(-250px)
    }
    100%{
        transform:translateY(0)
    }
}
@-webkit-keyframes fromBottom{
    0%{
        transform:translateY(250px)
    }
    100%{
        transform:translateY(0)
    }
}
@-webkit-keyframes fromTop{
    0%{
        transform:translateY(-250px)
    }
    100%{
        transform:translateY(0)
    }
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}

.thumb{
    display:inline-block
}
.thumb .thumb-header{
    padding:5px
}
.thumb .thumb-body{
    padding:5px;
    box-shadow:0 1px 2px rgba(0,0,0,0.3)
}
.thumb img{
    width:100%
}
.thumb-sm{
    width:40px
}
.thumb-md{
    width:60px
}
.thumb-xxl{
    width:160px
}
@media only screen and (min-width: 993px){
    .collapse.collapse-sm,.collapse.collapse-xs{
        display:block
    }
}

input[type="search"]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    opacity:1;
    pointer-events:none;
    -webkit-transition:opacity 0.5s;
    transition:opacity 0.5s;
    -webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)
}

.theme-red ::selection{
    color:#fff;
    background:#f36
}
.theme-red .bars{
    color:#fff
}
.theme-red .color-bg,.theme-red .morphsearch.open,.theme-red .wizard .steps .current a,.theme-red .profile-page .profile-sub-header .box-list ul li a:hover,.theme-red .fc .fc-toolbar,.theme-red .blog-page .single-blog-post .img-holder .date-box{
    background:linear-gradient(45deg, #f36, #f66)
}
.theme-red .navbar-brand{
    color:#fff
}
.theme-red .navbar-brand:hover,.theme-red .navbar-brand:active,.theme-red .navbar-brand:focus{
    color:#fff
}
.theme-red .nav>li>a{
    color:#fff
}
.theme-red .nav>li>a:hover,.theme-red .nav>li>a:focus{
    background-color:transparent
}
.theme-red .nav .open>a{
    background-color:transparent
}
.theme-red .nav .open>a:hover,.theme-red .nav .open>a:focus{
    background-color:transparent
}
.theme-red .sidebar .menu .list li.active{
    background-color:transparent
}
.theme-red .sidebar .menu .list li.active>:first-child i,.theme-red .sidebar .menu .list li.active>:first-child span{
    color:#f36
}
.theme-red .sidebar .menu .list .toggled{
    background-color:transparent
}
.theme-red .sidebar .menu .list .ml-menu{
    background-color:transparent
}
.theme-red .sidebar .legal .copyright a{
    color:#f66 !important
}
.theme-red .sidebar .morphsearch .dummy-column h2{
    color:#f36
}
.theme-red .nav-tabs>li>a:before,.theme-red .input-group .form-line:after,.theme-red .nav-tabs .nav-link.active{
    border-bottom:2px solid #f66 !important
}
.theme-purple ::selection{
    color:#fff;
    background:#a27ce6
}
.theme-purple .bars{
    color:#fff
}
.theme-purple .color-bg,.theme-purple .morphsearch.open,.theme-purple .wizard .steps .current a,.theme-purple .profile-page .profile-sub-header .box-list ul li a:hover,.theme-purple .fc .fc-toolbar,.theme-purple .blog-page .single-blog-post .img-holder .date-box{
    background:linear-gradient(45deg, #a27ce6, #49c5b6)
}
.theme-purple .navbar-brand{
    color:#fff
}
.theme-purple .navbar-brand:hover,.theme-purple .navbar-brand:active,.theme-purple .navbar-brand:focus{
    color:#fff
}
.theme-purple .nav>li>a{
    color:#fff
}
.theme-purple .nav>li>a:hover,.theme-purple .nav>li>a:focus{
    background-color:transparent
}
.theme-purple .nav .open>a{
    background-color:transparent
}
.theme-purple .nav .open>a:hover,.theme-purple .nav .open>a:focus{
    background-color:transparent
}
.theme-purple .sidebar .menu .list li.active{
    background-color:transparent
}
.theme-purple .sidebar .menu .list li.active>:first-child i,.theme-purple .sidebar .menu .list li.active>:first-child span{
    color:#a27ce6
}
.theme-purple .sidebar .menu .list .toggled{
    background-color:transparent
}
.theme-purple .sidebar .menu .list .ml-menu{
    background-color:transparent
}
.theme-purple .sidebar .legal .copyright a{
    color:#49c5b6 !important
}
.theme-purple .sidebar .morphsearch .dummy-column h2{
    color:#a27ce6
}
.theme-purple .nav-tabs>li>a:before,.theme-purple .input-group .form-line:after,.theme-purple .nav-tabs .nav-link.active{
    border-bottom:2px solid #49c5b6 !important
}
.theme-blue ::selection{
    color:#fff;
    background:#2193b0
}
.theme-blue .bars{
    color:#fff
}
.theme-blue .color-bg,.theme-blue .morphsearch.open,.theme-blue .wizard .steps .current a,.theme-blue .profile-page .profile-sub-header .box-list ul li a:hover,.theme-blue .fc .fc-toolbar,.theme-blue .blog-page .single-blog-post .img-holder .date-box{
    background:linear-gradient(45deg, #2193b0, #6dd5ed)
}
.theme-blue .navbar-brand{
    color:#fff
}
.theme-blue .navbar-brand:hover,.theme-blue .navbar-brand:active,.theme-blue .navbar-brand:focus{
    color:#fff
}
.theme-blue .nav>li>a{
    color:#fff
}
.theme-blue .nav>li>a:hover,.theme-blue .nav>li>a:focus{
    background-color:transparent
}
.theme-blue .nav .open>a{
    background-color:transparent
}
.theme-blue .nav .open>a:hover,.theme-blue .nav .open>a:focus{
    background-color:transparent
}
.theme-blue .sidebar .menu .list li.active{
    background-color:transparent
}
.theme-blue .sidebar .menu .list li.active>:first-child i,.theme-blue .sidebar .menu .list li.active>:first-child span{
    color:#2193b0
}
.theme-blue .sidebar .menu .list .toggled{
    background-color:transparent
}
.theme-blue .sidebar .menu .list .ml-menu{
    background-color:transparent
}
.theme-blue .sidebar .legal .copyright a{
    color:#6dd5ed !important
}
.theme-blue .sidebar .morphsearch .dummy-column h2{
    color:#2193b0
}
.theme-blue .nav-tabs>li>a:before,.theme-blue .input-group .form-line:after,.theme-blue .nav-tabs .nav-link.active{
    border-bottom:2px solid #6dd5ed !important
}
.theme-cyan ::selection{
    color:#fff;
    background:#49c5b6
}
.theme-cyan .bars{
    color:#fff
}
.theme-cyan .color-bg,.theme-cyan .morphsearch.open,.theme-cyan .wizard .steps .current a,.theme-cyan .profile-page .profile-sub-header .box-list ul li a:hover,.theme-cyan .fc .fc-toolbar,.theme-cyan .blog-page .single-blog-post .img-holder .date-box{
    background:linear-gradient(45deg, #49c5b6, var(--subnav))
}
.theme-cyan .navbar-brand{
    color:#fff
}
.theme-cyan .navbar-brand:hover,.theme-cyan .navbar-brand:active,.theme-cyan .navbar-brand:focus{
    color:#fff
}
.theme-cyan .nav>li>a{
    color:#fff
}
.theme-cyan .nav>li>a:hover,.theme-cyan .nav>li>a:focus{
    background-color:transparent
}
.theme-cyan .nav .open>a{
    background-color:transparent
}
.theme-cyan .nav .open>a:hover,.theme-cyan .nav .open>a:focus{
    background-color:transparent
}
.theme-cyan .sidebar .menu .list li.active{
    background-color:transparent
}
.theme-cyan .sidebar .menu .list li.active>:first-child i,.theme-cyan .sidebar .menu .list li.active>:first-child span{
    color:#49c5b6
}
.theme-cyan .sidebar .menu .list .toggled{
    background-color:transparent
}
.theme-cyan .sidebar .menu .list .ml-menu{
    background-color:transparent
}
.theme-cyan .sidebar .legal .copyright a{
    color:#ab9ae5 !important
}
.theme-cyan .sidebar .morphsearch .dummy-column h2{
    color:#49c5b6
}
.theme-cyan .nav-tabs>li>a:before,.theme-cyan .input-group .form-line:after,.theme-cyan .nav-tabs .nav-link.active{
    border-bottom:2px solid #ab9ae5 !important
}
.theme-green ::selection{
    color:#fff;
    background:#02aab0
}
.theme-green .bars{
    color:#fff
}
.theme-green .color-bg,.theme-green .morphsearch.open,.theme-green .wizard .steps .current a,.theme-green .profile-page .profile-sub-header .box-list ul li a:hover,.theme-green .fc .fc-toolbar,.theme-green .blog-page .single-blog-post .img-holder .date-box{
    background:linear-gradient(45deg, #02aab0, #00cdac)
}
.theme-green .navbar-brand{
    color:#fff
}
.theme-green .navbar-brand:hover,.theme-green .navbar-brand:active,.theme-green .navbar-brand:focus{
    color:#fff
}
.theme-green .nav>li>a{
    color:#fff
}
.theme-green .nav>li>a:hover,.theme-green .nav>li>a:focus{
    background-color:transparent
}
.theme-green .nav .open>a{
    background-color:transparent
}
.theme-green .nav .open>a:hover,.theme-green .nav .open>a:focus{
    background-color:transparent
}
.theme-green .sidebar .menu .list li.active{
    background-color:transparent
}
.theme-green .sidebar .menu .list li.active>:first-child i,.theme-green .sidebar .menu .list li.active>:first-child span{
    color:#02aab0
}
.theme-green .sidebar .menu .list .toggled{
    background-color:transparent
}
.theme-green .sidebar .menu .list .ml-menu{
    background-color:transparent
}
.theme-green .sidebar .legal .copyright a{
    color:#00cdac !important
}
.theme-green .sidebar .morphsearch .dummy-column h2{
    color:#02aab0
}
.theme-green .nav-tabs>li>a:before,.theme-green .input-group .form-line:after,.theme-green .nav-tabs .nav-link.active{
    border-bottom:2px solid #00cdac !important
}
.theme-deep-orange ::selection{
    color:#fff;
    background:#fb8c00
}
.theme-deep-orange .bars{
    color:#fff
}
.theme-deep-orange .color-bg,.theme-deep-orange .morphsearch.open,.theme-deep-orange .wizard .steps .current a,.theme-deep-orange .profile-page .profile-sub-header .box-list ul li a:hover,.theme-deep-orange .fc .fc-toolbar,.theme-deep-orange .blog-page .single-blog-post .img-holder .date-box{
    background:linear-gradient(45deg, #fb8c00, #fe8c00)
}
.theme-deep-orange .navbar-brand{
    color:#fff
}
.theme-deep-orange .navbar-brand:hover,.theme-deep-orange .navbar-brand:active,.theme-deep-orange .navbar-brand:focus{
    color:#fff
}
.theme-deep-orange .nav>li>a{
    color:#fff
}
.theme-deep-orange .nav>li>a:hover,.theme-deep-orange .nav>li>a:focus{
    background-color:transparent
}
.theme-deep-orange .nav .open>a{
    background-color:transparent
}
.theme-deep-orange .nav .open>a:hover,.theme-deep-orange .nav .open>a:focus{
    background-color:transparent
}
.theme-deep-orange .sidebar .menu .list li.active{
    background-color:transparent
}
.theme-deep-orange .sidebar .menu .list li.active>:first-child i,.theme-deep-orange .sidebar .menu .list li.active>:first-child span{
    color:#fb8c00
}
.theme-deep-orange .sidebar .menu .list .toggled{
    background-color:transparent
}
.theme-deep-orange .sidebar .menu .list .ml-menu{
    background-color:transparent
}
.theme-deep-orange .sidebar .legal .copyright a{
    color:#fe8c00 !important
}
.theme-deep-orange .sidebar .morphsearch .dummy-column h2{
    color:#fb8c00
}
.theme-deep-orange .nav-tabs>li>a:before,.theme-deep-orange .input-group .form-line:after,.theme-deep-orange .nav-tabs .nav-link.active{
    border-bottom:2px solid #fe8c00 !important
}
.theme-blue-grey ::selection{
    color:#fff;
    background:#385871
}
.theme-blue-grey .bars{
    color:#fff
}
.theme-blue-grey .color-bg,.theme-blue-grey .morphsearch.open,.theme-blue-grey .wizard .steps .current a,.theme-blue-grey .profile-page .profile-sub-header .box-list ul li a:hover,.theme-blue-grey .fc .fc-toolbar,.theme-blue-grey .blog-page .single-blog-post .img-holder .date-box{
    background:linear-gradient(45deg, #385871, #4f7ca0)
}
.theme-blue-grey .navbar-brand{
    color:#fff
}
.theme-blue-grey .navbar-brand:hover,.theme-blue-grey .navbar-brand:active,.theme-blue-grey .navbar-brand:focus{
    color:#fff
}
.theme-blue-grey .nav>li>a{
    color:#fff
}
.theme-blue-grey .nav>li>a:hover,.theme-blue-grey .nav>li>a:focus{
    background-color:transparent
}
.theme-blue-grey .nav .open>a{
    background-color:transparent
}
.theme-blue-grey .nav .open>a:hover,.theme-blue-grey .nav .open>a:focus{
    background-color:transparent
}
.theme-blue-grey .sidebar .menu .list li.active{
    background-color:transparent
}
.theme-blue-grey .sidebar .menu .list li.active>:first-child i,.theme-blue-grey .sidebar .menu .list li.active>:first-child span{
    color:#385871
}
.theme-blue-grey .sidebar .menu .list .toggled{
    background-color:transparent
}
.theme-blue-grey .sidebar .menu .list .ml-menu{
    background-color:transparent
}
.theme-blue-grey .sidebar .legal .copyright a{
    color:#4f7ca0 !important
}
.theme-blue-grey .sidebar .morphsearch .dummy-column h2{
    color:#385871
}
.theme-blue-grey .nav-tabs>li>a:before,.theme-blue-grey .input-group .form-line:after,.theme-blue-grey .nav-tabs .nav-link.active{
    border-bottom:2px solid #4f7ca0 !important
}
.theme-black ::selection{
    color:#fff;
    background:var(--nav)
}
.theme-black .bars{
    color:#fff
}
.theme-black .color-bg,.theme-black .morphsearch.open,.theme-black .wizard .steps .current a,.theme-black .profile-page .profile-sub-header .box-list ul li a:hover,.theme-black .fc .fc-toolbar,.theme-black .blog-page .single-blog-post .img-holder .date-box{
    background:linear-gradient(45deg, var(--nav), var(--nav))
}
.theme-black .navbar-brand{
    color:#fff
}
.theme-black .navbar-brand:hover,.theme-black .navbar-brand:active,.theme-black .navbar-brand:focus{
    color:#fff
}
.theme-black .nav>li>a{
    color:#fff
}
.theme-black .nav>li>a:hover,.theme-black .nav>li>a:focus{
    background-color:transparent
}
.theme-black .nav .open>a{
    background-color:transparent
}
.theme-black .nav .open>a:hover,.theme-black .nav .open>a:focus{
    background-color:transparent
}
.theme-black .sidebar .menu .list li.active{
    background-color:transparent
}
.theme-black .sidebar .menu .list li.active>:first-child i,.theme-black .sidebar .menu .list li.active>:first-child span{
    color:var(--nav)
}
.theme-black .sidebar .menu .list .toggled{
    background-color:transparent
}
.theme-black .sidebar .menu .list .ml-menu{
    background-color:transparent
}
.theme-black .sidebar .legal .copyright a{
    color:var(--nav) !important
}
.theme-black .sidebar .morphsearch .dummy-column h2{
    color:var(--nav)
}
.theme-black .nav-tabs>li>a:before,.theme-black .input-group .form-line:after,.theme-black .nav-tabs .nav-link.active{
    border-bottom:2px solid var(--nav) !important
}
.theme-blush ::selection{
    color:#fff;
    background:#e25985
}
.theme-blush .bars{
    color:#fff
}
.theme-blush .color-bg,.theme-blush .morphsearch.open,.theme-blush .wizard .steps .current a,.theme-blush .profile-page .profile-sub-header .box-list ul li a:hover,.theme-blush .fc .fc-toolbar,.theme-blush .blog-page .single-blog-post .img-holder .date-box{
    background:linear-gradient(45deg, #e25985, #f7bb97)
}
.theme-blush .navbar-brand{
    color:#fff
}
.theme-blush .navbar-brand:hover,.theme-blush .navbar-brand:active,.theme-blush .navbar-brand:focus{
    color:#fff
}
.theme-blush .nav>li>a{
    color:#fff
}
.theme-blush .nav>li>a:hover,.theme-blush .nav>li>a:focus{
    background-color:transparent
}
.theme-blush .nav .open>a{
    background-color:transparent
}
.theme-blush .nav .open>a:hover,.theme-blush .nav .open>a:focus{
    background-color:transparent
}
.theme-blush .sidebar .menu .list li.active{
    background-color:transparent
}
.theme-blush .sidebar .menu .list li.active>:first-child i,.theme-blush .sidebar .menu .list li.active>:first-child span{
    color:#e25985
}
.theme-blush .sidebar .menu .list .toggled{
    background-color:transparent
}
.theme-blush .sidebar .menu .list .ml-menu{
    background-color:transparent
}
.theme-blush .sidebar .legal .copyright a{
    color:#f7bb97 !important
}
.theme-blush .sidebar .morphsearch .dummy-column h2{
    color:#e25985
}
.theme-blush .nav-tabs>li>a:before,.theme-blush .input-group .form-line:after,.theme-blush .nav-tabs .nav-link.active{
    border-bottom:2px solid #f7bb97 !important
}


 table {   
counter-reset: rowNumber;
}
.ctable tbody tr, tr.item {
 counter-increment: rowNumber;
}
.ctable tbody tr td:first-child::before, .item td:first-child::before {   
content: counter(rowNumber);   
min-width: 1em;   
margin-right: 0.5em;
}
.btn-sm{
	padding: 3px 5px !important;
}
.intable{
	border:2px solid var(--nav);
}

.intable tbody tr:nth-child(2) td:first-child{
	border-top-right-radius: 25px;
}
 
.check{ opacity:0.5; color:#fce4ec; border:2px solid #880e4f !important;}
.check2{ opacity:0.5; color:#fce4ec;  border:2px solid #880e4f !important;}
.check3{ opacity:0.5; color:#fce4ec;  border:2px solid #880e4f !important;}
.check4{ opacity:0.5; color:#fce4ec;  border:2px solid #880e4f !important;}
.check5{ opacity:0.5; color:#fce4ec;  border:2px solid #880e4f !important;}
.check6{ opacity:0.5; color:#fce4ec;  border:2px solid #880e4f !important;}

.hidden{display:none;}

.img-wrap {
    position: relative;
    display: inline-block;
    font-size: 0;
}
.img-wrap:hover{
background:#e0e0e0;	
}
.img-wrap .close {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 100;
    background-color: #FFF;
    color: #000;
    font-weight: bold;
    cursor: pointer;
	visibility:hidden;
    text-align: center;
    font-size: 22px;
    line-height: 10px;
    border-radius: 50%;
}
.img-wrap:hover .close {
	visibility:visible;
}

.img-wrap .name {
    position: absolute;
    top: 90px;
    margin-left: 40px;
    z-index: 100;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    line-height: 10px;
    border-radius: 50%;
}
.slimform{
  border: none;
  outline: none;
  background: none;
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight:normal;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.btn-view { background: #3498db; color: #fff; }
.btn-edit { background: #f1c40f; color: #000; }
.btn-delete { background: #e74c3c; color: #fff; }

.btn-delete:hover {
  opacity: 0.85;
}

/* HMS dashboard refresh */
.dashboard-shell{
    background:
        radial-gradient(circle at top left, rgba(73,197,182,0.14), transparent 24%),
        radial-gradient(circle at top right, rgba(17,24,39,0.08), transparent 18%),
        linear-gradient(180deg, #f4f8fb 0%, #eef4f7 42%, #f8fafc 100%);
    color:#102a43;
}
.dashboard-topbar{
    background:linear-gradient(135deg, #12344d 0%, var(--dashboard-accent) 100%) !important;
    box-shadow:0 18px 40px rgba(18,52,77,0.18);
    border:none;
}
.dashboard-topbar .navbar-brand{
    letter-spacing:0.04em;
    font-weight:700;
}
.dashboard-user-panel{
    background:
        linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0)),
        linear-gradient(180deg, #133c55 0%, #0f2f45 100%) !important;
    border-radius:0 0 24px 24px;
}
.dashboard-main{
    padding-top:18px;
    padding-bottom:40px;
}
.dashboard-page-header{
    margin-bottom:22px;
}
.dashboard-page-header h2{
    font-size:34px;
    font-weight:800;
    color:#102a43;
    margin-bottom:6px;
}
.dashboard-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,0.72);
    color:var(--dashboard-accent);
    font-size:12px;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
    box-shadow:0 10px 30px rgba(16,42,67,0.08);
}
.dashboard-hero{
    display:grid;
    grid-template-columns:minmax(0, 1.7fr) minmax(260px, 0.9fr);
    gap:22px;
    padding:30px;
    margin-bottom:24px;
    border-radius:28px;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.94), rgba(255,255,255,0.82)),
        linear-gradient(135deg, #dff6f3, #f8fbff);
    border:1px solid rgba(16,42,67,0.08);
    box-shadow:0 24px 60px rgba(16,42,67,0.08);
    position:relative;
    overflow:hidden;
}
.dashboard-hero:before,
.dashboard-hero:after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.dashboard-hero:before{
    width:240px;
    height:240px;
    background:radial-gradient(circle, rgba(73,197,182,0.24), transparent 70%);
    top:-90px;
    right:-50px;
}
.dashboard-hero:after{
    width:180px;
    height:180px;
    background:radial-gradient(circle, rgba(18,52,77,0.12), transparent 70%);
    bottom:-80px;
    left:-40px;
}
.dashboard-hero__content,
.dashboard-hero__actions{
    position:relative;
    z-index:1;
}
.dashboard-hero__kicker{
    display:inline-block;
    margin-bottom:12px;
    color:var(--dashboard-accent);
    text-transform:uppercase;
    letter-spacing:0.12em;
    font-size:12px;
    font-weight:800;
}
.dashboard-hero__content h1{
    font-size:38px;
    line-height:1.08;
    margin:0 0 12px;
    color:#102a43;
    font-weight:800;
}
.dashboard-hero__content p{
    max-width:640px;
    margin:0;
    color:#486581;
    font-size:15px;
    line-height:1.75;
}
.dashboard-hero__meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}
.dashboard-hero__meta span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    background:#fff;
    color:#243b53;
    font-size:13px;
    font-weight:600;
    box-shadow:0 14px 30px rgba(16,42,67,0.08);
}
.dashboard-hero__actions{
    display:grid;
    gap:12px;
    align-content:center;
}
.dashboard-quick-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 18px;
    border-radius:18px;
    text-decoration:none !important;
    background:#fff;
    color:#102a43 !important;
    border:1px solid rgba(16,42,67,0.08);
    box-shadow:0 14px 28px rgba(16,42,67,0.08);
    transition:transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.dashboard-quick-link:hover{
    transform:translateY(-3px);
    border-color:rgba(73,197,182,0.35);
    box-shadow:0 18px 32px rgba(16,42,67,0.12);
}
.dashboard-quick-link i{
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:rgba(73,197,182,0.12);
    color:var(--dashboard-accent);
}
.dashboard-quick-link span{
    flex:1;
    font-weight:700;
}
.dashboard-quick-link--danger i{
    background:rgba(217, 48, 37, 0.12);
    color:#d93025;
}
.dashboard-surface,
.dashboard-card,
.kpi-card{
    border:none;
    border-radius:24px;
    background:rgba(255,255,255,0.94);
    box-shadow:0 20px 44px rgba(16,42,67,0.08);
}
.setup-card{
    padding:24px;
    margin-bottom:22px;
}
.setup-header h4{
    margin-bottom:4px;
    font-weight:800;
    color:#102a43;
}
.setup-header small,
.setup-footer{
    color:#627d98;
}
.setup-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin:18px 0 0;
}
.setup-tabs:before{
    display:none;
}
.setup-tab{
    position:relative;
    z-index:1;
    padding:12px 16px;
    border-radius:14px;
    background:#f6fafc;
    border:1px solid rgba(16,42,67,0.08);
    color:#334e68;
    font-weight:600;
}
.setup-tab:hover{
    background:#eef6f9;
}
.setup-tab.done{
    background:rgba(19, 194, 109, 0.12);
    color:#137333;
}
.setup-tab.active{
    background:rgba(73,197,182,0.12);
    border-color:rgba(73,197,182,0.36);
    color:#0f766e;
}
.dashboard-stat-row > div{
    margin-bottom:20px;
}
.kpi-card{
    position:relative;
    min-height:156px;
    padding:22px;
    overflow:hidden;
    transition:transform 180ms ease, box-shadow 180ms ease;
}
.kpi-card:hover{
    transform:translateY(-5px);
    box-shadow:0 24px 46px rgba(16,42,67,0.12);
}
.kpi-card:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0));
    pointer-events:none;
}
.kpi-copy,
.kpi-icon{
    position:relative;
    z-index:1;
}
.kpi-title{
    display:block;
    margin-bottom:8px;
    color:#486581;
    font-size:13px;
    font-weight:700;
    letter-spacing:0.03em;
    text-transform:uppercase;
}
.kpi-value{
    font-size:34px;
    line-height:1;
    font-weight:800;
    color:#102a43;
    margin-bottom:10px;
}
.kpi-copy small{
    color:#7b8794;
    font-size:13px;
}
.kpi-icon{
    position:absolute;
    right:20px;
    bottom:18px;
    font-size:42px;
    opacity:0.16;
}
.kpi-pink{border-top:4px solid #d94675;}
.kpi-blue{border-top:4px solid #2f80ed;}
.kpi-green{border-top:4px solid #20a464;}
.kpi-purple{border-top:4px solid #7f56d9;}
.kpi-orange{border-top:4px solid #f28c28;}
.kpi-dark{border-top:4px solid #12344d;}
.dashboard-grid > div{
    margin-bottom:22px;
}
.dashboard-card{
    height:100%;
    overflow:hidden;
}
.dashboard-card__header{
    padding:22px 24px 8px;
    border-bottom:none;
}
.dashboard-card__header h4{
    margin:4px 0 0;
    font-size:22px;
    font-weight:800;
    color:#102a43;
}
.dashboard-section-tag{
    color:var(--dashboard-accent);
    font-size:12px;
    font-weight:800;
    letter-spacing:0.1em;
    text-transform:uppercase;
}
.dashboard-card__body{
    padding:18px 24px 24px;
}
.dashboard-table-wrap{
    overflow-x:auto;
}
.dashboard-table{
    margin-bottom:0;
}
.dashboard-table thead th{
    border-top:none !important;
    border-bottom:1px solid #d9e2ec !important;
    color:#486581;
    font-size:12px;
    font-weight:800;
    letter-spacing:0.08em;
    text-transform:uppercase;
    padding:0 0 14px;
}
.dashboard-table tbody td{
    padding:14px 0;
    border-top:1px solid #edf2f7 !important;
    color:#243b53;
    vertical-align:middle !important;
}
.activity-list,
.flow-list{
    list-style:none;
    margin:0;
    padding:0;
}
.activity-list li{
    position:relative;
    padding:14px 0 14px 18px;
    border-bottom:1px solid #edf2f7;
    color:#243b53;
}
.activity-list li:last-child{
    border-bottom:none;
    padding-bottom:0;
}
.activity-list li:before{
    content:"";
    position:absolute;
    left:0;
    top:21px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--dashboard-accent);
    box-shadow:0 0 0 6px rgba(73,197,182,0.12);
}
.activity-list small{
    color:#7b8794;
}
.flow-list li,
.bed-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:14px 0;
    border-bottom:1px solid #edf2f7;
    color:#243b53;
    font-weight:600;
}
.flow-list li:last-child,
.bed-row:last-child{
    border-bottom:none;
    padding-bottom:0;
}
.flow-list span,
.bed-row span:last-child{
    font-weight:800;
    color:#102a43;
}
.bed-map{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(78px, 1fr));
    gap:10px;
    margin-top:16px;
}
.bed{
    padding:12px 10px;
    border-radius:14px;
    text-align:center;
    font-size:12px;
    font-weight:700;
}
.bed-free{
    background:#e9f9f0;
    color:#137333;
}
.bed-used{
    background:#fff0f0;
    color:#b42318;
}
.safe{color:#16a34a;}
.warn{color:#d97706;}
.danger{color:#dc2626;}
.forecast-stack{
    display:grid;
    gap:16px;
}
.forecast-metric{
    padding:18px 20px;
    border-radius:18px;
    background:linear-gradient(135deg, rgba(73,197,182,0.12), rgba(18,52,77,0.06));
}
.forecast-metric span{
    display:block;
    margin-bottom:8px;
    color:#486581;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.08em;
    font-weight:700;
}
.forecast-metric strong{
    font-size:28px;
    color:#102a43;
    font-weight:800;
}
.wait-time-card{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:190px;
}
.wait-time-card h2{
    margin:0 0 8px;
    font-size:48px;
    color:#102a43;
    font-weight:800;
}
.wait-time-card p{
    margin:0;
    color:#627d98;
}
.dashboard-highlight{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:14px 18px;
    margin-bottom:18px;
    border-radius:18px;
    background:linear-gradient(135deg, rgba(18,52,77,0.08), rgba(73,197,182,0.16));
}
.dashboard-highlight span{
    color:#486581;
    font-weight:700;
}
.dashboard-highlight strong{
    color:#102a43;
    font-size:30px;
    font-weight:800;
}
.dashboard-mini-grid{
    display:grid;
    gap:22px;
    height:100%;
}
.setup-box{
    min-height:250px;
    border:1px dashed #cbd5e1;
    border-radius:14px;
    padding:12px;
    overflow-y:auto;
    background:#f8fafc;
}
.suggest-item,
.selected-item{
    padding:10px 12px;
    margin-bottom:8px;
    border-radius:12px;
    cursor:pointer;
    transition:background 180ms ease, transform 180ms ease;
}
.suggest-item{
    background:#eef6f9;
}
.suggest-item:hover{
    background:#e0f2f1;
    transform:translateX(2px);
}
.selected-item{
    background:#dcfce7;
    display:flex;
    justify-content:space-between;
    color:#166534;
}
.setup-header-fancy{
    background:linear-gradient(135deg, #12344d, var(--dashboard-accent));
    color:#fff;
    border-bottom:none;
    padding:16px 20px;
    position:relative;
}
.setup-icon{
    width:40px;
    height:40px;
    border-radius:50%;
    background:rgba(255,255,255,0.18);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}
.setup-close{
    background:rgba(255,255,255,0.18);
    border:none;
    color:#fff;
    font-size:22px;
    width:36px;
    height:36px;
    border-radius:50%;
    cursor:pointer;
    transition:all 0.2s ease;
}
.setup-close:hover{
    background:rgba(255,255,255,0.3);
    transform:rotate(90deg);
}
.setup-header-fancy:after{
    content:'';
    position:absolute;
    bottom:0;
    left:20px;
    right:20px;
    height:2px;
    background:rgba(255,255,255,0.24);
}
.setup-progress{
    width:100%;
    height:6px;
    background:rgba(255,255,255,0.18);
    border-radius:10px;
    overflow:hidden;
}
#setupProgressBar{
    height:100%;
    width:0;
    background:#fff;
    transition:width 0.4s ease;
}
.modal.fade .modal-dialog{
    transform:translateY(20px);
    transition:all 0.3s ease;
}
.modal.show .modal-dialog{
    transform:translateY(0);
}
.fade-in{
    animation:fadeIn 0.2s ease;
}
#setupTooltip{
    position:absolute;
    background:rgba(20,20,30,0.95);
    color:#fff;
    padding:8px 12px;
    font-size:12px;
    border-radius:8px;
    pointer-events:none;
    opacity:0;
    transform:translateY(5px);
    transition:all 0.15s ease;
    z-index:9999;
    max-width:220px;
    box-shadow:0 8px 20px rgba(0,0,0,0.2);
    margin-top:-40px;
}
#setupTooltip:after{
    content:'';
    position:absolute;
    bottom:-5px;
    left:10px;
    width:10px;
    height:10px;
    background:rgba(20,20,30,0.95);
    transform:rotate(45deg);
}
@media (max-width: 1199px){
    .dashboard-hero{
        grid-template-columns:1fr;
    }
}
@media (max-width: 991px){
    .dashboard-page-header h2{
        font-size:30px;
    }
    .dashboard-hero{
        padding:24px;
    }
    .dashboard-hero__content h1{
        font-size:32px;
    }
}
@media (max-width: 767px){
    .dashboard-main{
        padding-top:8px;
    }
    .dashboard-page-header{
        margin-bottom:18px;
    }
    .dashboard-hero{
        padding:20px;
        border-radius:22px;
    }
    .dashboard-hero__content h1{
        font-size:28px;
    }
    .dashboard-hero__meta{
        flex-direction:column;
        align-items:flex-start;
    }
    .dashboard-card__header,
    .dashboard-card__body,
    .setup-card{
        padding-left:18px;
        padding-right:18px;
    }
    .kpi-card{
        min-height:auto;
    }
    .kpi-value{
        font-size:30px;
    }
    .wait-time-card h2{
        font-size:40px;
    }
}
/* =====================================
MODERN QUANTIFIED SWITCH
===================================== */

.q-switch{
	position:relative;
	display:inline-block;
	width:46px;
	height:24px;
	margin:0;
}

.q-switch input{
	opacity:0;
	width:0;
	height:0;
}

.q-slider{
	position:absolute;
	cursor:pointer;
	inset:0;
	background:#d1d5db;
	transition:.25s ease;
	border-radius:50px;
	box-shadow:inset 0 1px 3px rgba(0,0,0,.15);
}

.q-slider:before{
	content:"";
	position:absolute;
	height:18px;
	width:18px;
	left:3px;
	top:3px;
	background:white;
	border-radius:50%;
	transition:.25s ease;
	box-shadow:0 2px 6px rgba(0,0,0,.2);
}

.q-switch input:checked + .q-slider{
	background:#10b981;
}

.q-switch input:checked + .q-slider:before{
	transform:translateX(22px);
}

.q-switch:hover .q-slider{
	box-shadow:
		inset 0 1px 3px rgba(0,0,0,.15),
		0 0 0 4px rgba(16,185,129,.08);
}