body, h1, h2, h3, h4, h5, h6 {
    font - family: "Open Sans", sans - serif
}.bold.btn, .sbold.btn {
    letter - spacing: 0
}
a, button, code, div, img, input, label, li, p, pre, select, span, svg, table, td, textarea, th, ul {
    -webkit - border - radius: 0!important; - moz - border - radius: 0!important;
    border - radius: 0!important
}.img - circle {
    border - radius: 50 % !important
}.img - rounded {
    border - radius: 6 px!important
}
body {
    color: #333;padding:0!important;margin:0!important;direction:"ltr";font-size:14px}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@viewport{width:device-width}@-ms-viewport{width:auto!important}.md-shadow-z-1{box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18)}.md-shadow-z-1-i{box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18)!important}.md-shadow-z-1-hover{box-shadow:0 1px 3px rgba(0,0,0,.14),0 1px 2px rgba(0,0,0,.22)}.md-shadow-z-2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.22)}.md-shadow-z-2-i{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.22)!important}.md-shadow-z-2-hover{box-shadow:0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26)}.md-shadow-z-3{box-shadow:0 8px 18px rgba(0,0,0,.18),0 6px 6px rgba(0,0,0,.23)}.md-shadow-z-3-i{box-shadow:0 8px 18px rgba(0,0,0,.18),0 6px 6px rgba(0,0,0,.24)!important}.md-shadow-z-3-hover{box-shadow:0 8px 18px rgba(0,0,0,.22),0 6px 6px rgba(0,0,0,.26)}.md-shadow-z-4{box-shadow:0 14px 28px rgba(0,0,0,.26),0 10px 10px rgba(0,0,0,.22)}.md-shadow-z-4-i{box-shadow:0 14px 28px rgba(0,0,0,.26),0 10px 10px rgba(0,0,0,.22)!important}.md-shadow-z-5{box-shadow:0 19px 38px rgba(0,0,0,.28),0 15px 12px rgba(0,0,0,.22)}.md-shadow-z-5-i{box-shadow:0 19px 38px rgba(0,0,0,.28),0 15px 12px rgba(0,0,0,.22)!important}.md-shadow-none{box-shadow:none!important}.md-click-circle{display:block;position:absolute;background:rgba(0,0,0,.2);border-radius:50%;opacity:0;-webkit-animation:scale(0);-moz-transform:scale(0);transform:scale(0)}.md-click-circle.md-click-animate{-webkit-animation:mdClickEffect .65s linear;-moz-animation:mdClickEffect .65s linear;animation:mdClickEffect .65s linear}@-webkit-keyframes mdClickEffect{0%{opacity:1;-webkit-transform:scale(0)}100%{opacity:0!important;-webkit-transform:scale(2.5)}}@-moz-keyframes mdClickEffect{0%{opacity:1;-webkit-transform:scale(0)}100%{opacity:0!important;-moz-transform:scale(2.5)}}@keyframes mdClickEffect{0%{opacity:1;-webkit-transform:scale(0)}100%{opacity:0!important;transform:scale(2.5)}}.form-group.form-md-line-input .form-control.edited:not([readonly])~label,.form-group.form-md-line-input .form-control:focus:not([readonly])~label,.form-group.form-md-line-input .form-control~.help-block-error,.form-group.form-md-line-input .form-control~label,.form-horizontal .form-group.form-md-line-input>label{opacity:1;filter:alpha(opacity= 100)
}.form - group.form - md - line - input {
    position: relative;margin: 0 0 35 px;padding - top: 20 px
}.form - horizontal.form - group.form - md - line - input {
    padding - top: 10 px;
    margin: 0 - 15 px 20 px
}.form - horizontal.form - group.form - md - line - input > label {
    padding - top: 5 px;
    font - size: 14 px;
    color: #888}.form-group.form-md-line-input .form-control{background:0 0;border:0;border-bottom:1px solid # c2cad8; - webkit - border - radius: 0; - moz - border - radius: 0; - ms - border - radius: 0; - o - border - radius: 0;
    border - radius: 0;
    color: #555;box-shadow:none;padding-left:0;padding-right:0;font-size:14px}.form-group.form-md-line-input .form-control::-moz-placeholder{color:# 999;
    opacity: 1
}.form - group.form - md - line - input.form - control: -ms - input - placeholder {
    color: #999}.form-group.form-md-line-input .form-control::-webkit-input-placeholder{color:# 999
}.form - group.form - md - line - input.form - control.form - control - static {
    border - bottom: 0
}.form - group.form - md - line - input.form - control.input - sm {
    font - size: 14 px;
    padding: 6 px 0
}.form - group.form - md - line - input.form - control.input - lg {
    font - size: 20 px;
    padding: 14 px 0
}.form - group.form - md - line - input.input - group, .form - group.form - md - line - input.input - group + .input - group - control, .form - group.form - md - line - input + .input - group, .form - group.form - md - line - input + .input - icon, .form - horizontal.form - group.form - md - line - input.input - group, .form - horizontal.form - group.form - md - line - input.input - group > .input - group - control, .form - inline.form - md - line - input {
    padding - top: 0
}.form - group.form - md - line - input.form - control~.form - control - focus, .form - group.form - md - line - input.form - control~label {
    width: 100 % ;position: absolute;left: 0;bottom: 0;pointer - events: none
}.form - horizontal.form - group.form - md - line - input.form - control~.form - control - focus, .form - horizontal.form - group.form - md - line - input.form - control~label {
    width: auto;left: 15 px;right: 15 px
}.form - group.form - md - line - input.form - control~.form - control - focus: after, .form - group.form - md - line - input.form - control~label: after {
    content: '';position: absolute;z - index: 5;bottom: 0;left: 50 % ;height: 2 px;width: 0;visibility: hidden;transition: .2 s ease all
}.form - group.form - md - line - input.form - control~label {
    top: 0;margin - bottom: 0;font - size: 14 px;color: #888}.form-group.form-md-line-input .form-control.edited:not([readonly])~.form-control-focus,.form-group.form-md-line-input .form-control.edited:not([readonly])~label,.form-group.form-md-line-input .form-control:focus:not([readonly])~.form-control-focus,.form-group.form-md-line-input .form-control:focus:not([readonly])~label{color:# 888
}.form - group.form - md - line - input.form - control.edited: not([readonly]) ~.form - control - focus: after, .form - group.form - md - line - input.form - control.edited: not([readonly]) ~label: after, .form - group.form - md - line - input.form - control: focus: not([readonly]) ~.form - control - focus: after, .form - group.form - md - line - input.form - control: focus: not([readonly]) ~label: after {
    visibility: visible;left: 0;width: 100 % ;background: #36c6d3}.form-group.form-md-line-input .form-control.edited:not([readonly])~.help-block,.form-group.form-md-line-input .form-control:focus:not([readonly])~.help-block{color:# 36 c6d3;opacity: 1;filter: alpha(opacity = 100)
}.form - group.form - md - line - input.form - control.edited: not([readonly]): not(: focus) ~.help - block, .form - group.form - md - line - input.form - control.edited: not([readonly]): not(: focus) ~.help - block - error, .form - group.form - md - line - input.form - control.edited: not([readonly]) ~.help - block - error, .form - group.form - md - line - input.form - control: focus: not([readonly]) ~.help - block - error {
    opacity: 0;filter: alpha(opacity = 0)
}.form - group.form - md - line - input.form - control[disabled], .form - group.form - md - line - input.form - control[readonly], fieldset[disabled].form - group.form - md - line - input.form - control {
    background: 0 0;cursor: not - allowed;border - bottom: 1 px dashed# c2cad8
}.form - group.form - md - line - input.form - md - floating - label.form - control~label {
    font - size: 16 px;
    top: 25 px;
    transition: .2 s ease all;
    color: #999}.form-group.form-md-line-input.form-md-floating-label .form-control.edited~label,.form-group.form-md-line-input.form-md-floating-label .form-control.focus:not([readonly])~label,.form-group.form-md-line-input.form-md-floating-label .form-control.form-control-static~label,.form-group.form-md-line-input.form-md-floating-label .form-control:focus:not([readonly])~label,.form-group.form-md-line-input.form-md-floating-label .form-control[readonly]~label{top:0;font-size:13px}.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm~label{font-size:14px;top:24px}.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.edited~label,.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.focus:not([readonly])~label,.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.form-control-static~label,.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm:focus:not([readonly])~label,.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm[readonly]~label{top:0;font-size:13px}.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg~label{font-size:20px;top:30px}.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.edited~label,.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.focus:not([readonly])~label,.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.form-control-static~label,.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg:focus:not([readonly])~label,.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg[readonly]~label{top:0;font-size:13px}.form-group.form-md-line-input.form-md-floating-label .input-icon>label{padding-left:34px}.form-group.form-md-line-input.form-md-floating-label .input-icon.right>label{padding-left:0;padding-right:34px}.form-group.form-md-line-input.form-md-floating-label .input-group.left-addon label,.form-group.form-md-line-input>.input-icon .form-control{padding-left:34px}.form-group.form-md-line-input.form-md-floating-label .input-group.right-addon label{padding-right:34px}.form-group.form-md-line-input .help-block{position:absolute;margin:2px 0 0;opacity:0;filter:alpha(opacity= 0);
font - size: 13 px
}.form - group.form - md - line - input > .input - icon > i {
    left: 0;bottom: 0;margin: 9 px 2 px 10 px 10 px;color: #888}.form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~.help-block,.form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~i,.form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~label,.form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~.help-block,.form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~i,.form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~label,.form-group.form-md-line-input.has-success .form-control.form-control-static~.help-block,.form-group.form-md-line-input.has-success .form-control.form-control-static~i,.form-group.form-md-line-input.has-success .form-control.form-control-static~label,.form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~.help-block,.form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~i,.form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~label,.form-group.form-md-line-input.has-success label{color:# 27 a4b0
}.form - group.form - md - line - input > .input - icon.input - icon - lg > i {
    top: 6 px
}.form - group.form - md - line - input > .input - icon.input - icon - sm > i {
    top: -1 px
}.form - group.form - md - line - input > .input - icon > label {
    margin - top: -20 px
}.form - group.form - md - line - input > .input - icon.right.form - control {
    padding - left: 0;
    padding - right: 34 px
}.form - group.form - md - line - input > .input - icon.right > i {
    left: auto;right: 8 px;margin: 11 px 2 px 10 px 10 px
}.form - horizontal.form - group.form - md - line - input.input - group > .form - control - focus, .form - horizontal.form - group.form - md - line - input.input - group > .input - group - control > .form - control - focus, .form - horizontal.form - group.form - md - line - input.input - icon > .form - control - focus {
    left: 0!important;right: 0!important
}.form - group.form - md - line - input.input - group.input - group - control > label, .form - group.form - md - line - input.input - group > label {
    margin - top: -20 px
}.form - group.form - md - line - input.input - group.input - group - addon {
    -webkit - border - radius: 0; - moz - border - radius: 0; - ms - border - radius: 0; - o - border - radius: 0;
    border - radius: 0;
    background: 0 0;
    border: 0;
    border - bottom: 1 px solid# c2cad8
}.form - group.form - md - line - input.input - group.input - group - control {
    padding - top: 0;
    position: relative;
    display: table - cell;
    vertical - align: bottom
}.badge, .input - inline {
    vertical - align: middle
}.form - group.form - md - line - input.input - group.input - group - btn.btn {
    -webkit - border - radius: 4 px; - moz - border - radius: 4 px; - ms - border - radius: 4 px; - o - border - radius: 4 px;
    border - radius: 4 px
}.form - group.form - md - line - input.input - group.input - group - btn.btn - left.btn {
    margin - right: 10 px
}.form - group.form - md - line - input.input - group.input - group - btn.btn - right.btn {
    margin - left: 10 px
}.form - group.form - md - line - input.input - group.help - block {
    margin - top: 35 px
}.form - group.form - md - line - input.input - group.input - group - sm.help - block {
    margin - top: 30 px
}.form - group.form - md - line - input.input - group.input - group - lg.help - block {
    margin - top: 47 px
}.form - group.form - md - line - input.has - success.form - control {
    border - bottom: 1 px solid #27a4b0}.form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~.form-control-focus:after,.form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~label:after,.form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~.form-control-focus:after,.form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~label:after,.form-group.form-md-line-input.has-success .form-control.form-control-static~.form-control-focus:after,.form-group.form-md-line-input.has-success .form-control.form-control-static~label:after,.form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~.form-control-focus:after,.form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~label:after{background:# 27 a4b0
}.form - group.form - md - line - input.has - success.input - group - addon {
    color: #27a4b0;border-bottom:1px solid # 27 a4b0
}.form - group.form - md - line - input.has - warning.form - control.edited: not([readonly]) ~.help - block, .form - group.form - md - line - input.has - warning.form - control.edited: not([readonly]) ~i, .form - group.form - md - line - input.has - warning.form - control.edited: not([readonly]) ~label, .form - group.form - md - line - input.has - warning.form - control.focus: not([readonly]) ~.help - block, .form - group.form - md - line - input.has - warning.form - control.focus: not([readonly]) ~i, .form - group.form - md - line - input.has - warning.form - control.focus: not([readonly]) ~label, .form - group.form - md - line - input.has - warning.form - control.form - control - static~.help - block, .form - group.form - md - line - input.has - warning.form - control.form - control - static~i, .form - group.form - md - line - input.has - warning.form - control.form - control - static~label, .form - group.form - md - line - input.has - warning.form - control: focus: not([readonly]) ~.help - block, .form - group.form - md - line - input.has - warning.form - control: focus: not([readonly]) ~i, .form - group.form - md - line - input.has - warning.form - control: focus: not([readonly]) ~label, .form - group.form - md - line - input.has - warning label {
    color: #c29d0b
}.form - group.form - md - line - input.has - warning.form - control {
    border - bottom: 1 px solid# c29d0b
}.form - group.form - md - line - input.has - warning.form - control.edited: not([readonly]) ~.form - control - focus: after, .form - group.form - md - line - input.has - warning.form - control.edited: not([readonly]) ~label: after, .form - group.form - md - line - input.has - warning.form - control.focus: not([readonly]) ~.form - control - focus: after, .form - group.form - md - line - input.has - warning.form - control.focus: not([readonly]) ~label: after, .form - group.form - md - line - input.has - warning.form - control.form - control - static~.form - control - focus: after, .form - group.form - md - line - input.has - warning.form - control.form - control - static~label: after, .form - group.form - md - line - input.has - warning.form - control: focus: not([readonly]) ~.form - control - focus: after, .form - group.form - md - line - input.has - warning.form - control: focus: not([readonly]) ~label: after {
    background: #c29d0b
}.form - group.form - md - line - input.has - warning.input - group - addon {
    color: #c29d0b;border - bottom: 1 px solid# c29d0b
}.form - group.form - md - line - input.has - error.form - control.edited: not([readonly]) ~.help - block, .form - group.form - md - line - input.has - error.form - control.edited: not([readonly]) ~i, .form - group.form - md - line - input.has - error.form - control.edited: not([readonly]) ~label, .form - group.form - md - line - input.has - error.form - control.focus: not([readonly]) ~.help - block, .form - group.form - md - line - input.has - error.form - control.focus: not([readonly]) ~i, .form - group.form - md - line - input.has - error.form - control.focus: not([readonly]) ~label, .form - group.form - md - line - input.has - error.form - control.form - control - static~.help - block, .form - group.form - md - line - input.has - error.form - control.form - control - static~i, .form - group.form - md - line - input.has - error.form - control.form - control - static~label, .form - group.form - md - line - input.has - error.form - control: focus: not([readonly]) ~.help - block, .form - group.form - md - line - input.has - error.form - control: focus: not([readonly]) ~i, .form - group.form - md - line - input.has - error.form - control: focus: not([readonly]) ~label, .form - group.form - md - line - input.has - error label {
    color: #e73d4a
}.form - group.form - md - line - input.has - error.form - control {
    border - bottom: 1 px solid# e73d4a
}.form - group.form - md - line - input.has - error.form - control.edited: not([readonly]) ~.form - control - focus: after, .form - group.form - md - line - input.has - error.form - control.edited: not([readonly]) ~label: after, .form - group.form - md - line - input.has - error.form - control.focus: not([readonly]) ~.form - control - focus: after, .form - group.form - md - line - input.has - error.form - control.focus: not([readonly]) ~label: after, .form - group.form - md - line - input.has - error.form - control.form - control - static~.form - control - focus: after, .form - group.form - md - line - input.has - error.form - control.form - control - static~label: after, .form - group.form - md - line - input.has - error.form - control: focus: not([readonly]) ~.form - control - focus: after, .form - group.form - md - line - input.has - error.form - control: focus: not([readonly]) ~label: after {
    background: #e73d4a
}.form - group.form - md - line - input.has - error.input - group - addon {
    color: #e73d4a;border - bottom: 1 px solid# e73d4a
}.form - group.form - md - line - input.has - info.form - control.edited: not([readonly]) ~.help - block, .form - group.form - md - line - input.has - info.form - control.edited: not([readonly]) ~i, .form - group.form - md - line - input.has - info.form - control.edited: not([readonly]) ~label, .form - group.form - md - line - input.has - info.form - control.focus: not([readonly]) ~.help - block, .form - group.form - md - line - input.has - info.form - control.focus: not([readonly]) ~i, .form - group.form - md - line - input.has - info.form - control.focus: not([readonly]) ~label, .form - group.form - md - line - input.has - info.form - control.form - control - static~.help - block, .form - group.form - md - line - input.has - info.form - control.form - control - static~i, .form - group.form - md - line - input.has - info.form - control.form - control - static~label, .form - group.form - md - line - input.has - info.form - control: focus: not([readonly]) ~.help - block, .form - group.form - md - line - input.has - info.form - control: focus: not([readonly]) ~i, .form - group.form - md - line - input.has - info.form - control: focus: not([readonly]) ~label, .form - group.form - md - line - input.has - info label {
    color: #327ad5}.form-group.form-md-line-input.has-info .form-control{border-bottom:1px solid # 327 ad5
}.form - group.form - md - line - input.has - info.form - control.edited: not([readonly]) ~.form - control - focus: after, .form - group.form - md - line - input.has - info.form - control.edited: not([readonly]) ~label: after, .form - group.form - md - line - input.has - info.form - control.focus: not([readonly]) ~.form - control - focus: after, .form - group.form - md - line - input.has - info.form - control.focus: not([readonly]) ~label: after, .form - group.form - md - line - input.has - info.form - control.form - control - static~.form - control - focus: after, .form - group.form - md - line - input.has - info.form - control.form - control - static~label: after, .form - group.form - md - line - input.has - info.form - control: focus: not([readonly]) ~.form - control - focus: after, .form - group.form - md - line - input.has - info.form - control: focus: not([readonly]) ~label: after {
    background: #327ad5}.form-group.form-md-line-input.has-info .input-group-addon{color:# 327 ad5;border - bottom: 1 px solid #327ad5}.form-inline .form-md-line-input{margin:0 20px 0 0}.form-inline .form-md-line-input>.input-icon{padding:0}.form-horizontal .form-group.form-md-line-input .input-icon .form-control{padding-left:33px}.form-horizontal .form-group.form-md-line-input .input-icon>i{top:0}.form-horizontal .form-group.form-md-line-input .input-icon.right .form-control{padding-left:0;padding-right:33px}.form-horizontal .form-group.form-md-line-input .input-group>.input-group-btn .btn{margin-bottom:0!important}.form-md-checkboxes,.form-md-radios{padding-top:5px}.md-checkbox{position:relative}.md-checkbox.md-checkbox-inline{display:inline-block}.form-inline .md-checkbox.md-checkbox-inline{margin-right:20px;top:3px}.md-checkbox input[type= checkbox] {
    visibility: hidden;position: absolute
}.md - checkbox label {
    cursor: pointer;padding - left: 30 px
}.md - checkbox label > span {
    display: block;position: absolute;left: 0; - webkit - transition - duration: .3 s; - moz - transition - duration: .3 s;transition - duration: .3 s
}.md - checkbox label > span.inc {
    background: #fff;left: -20 px;top: -20 px;height: 60 px;width: 60 px;opacity: 0;border - radius: 50 % !important; - moz - border - radius: 50 % !important; - webkit - border - radius: 50 % !important; - webkit - animation: growCircle .3 s ease; - moz - animation: growCircle .3 s ease;animation: growCircle .3 s ease
}.md - checkbox label > .box {
    top: 0;border: 2 px solid #666;height:20px;width:20px;z-index:5;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;transition-delay:.2s}.md-checkbox label>.check{top:-4px;left:6px;width:10px;height:20px;border:2px solid # 36 c6d3;border - top: none;border - left: none;opacity: 0;z - index: 5; - webkit - transform: rotate(180 deg); - moz - transform: rotate(180 deg);transform: rotate(180 deg); - webkit - transition - delay: .3 s; - moz - transition - delay: .3 s;transition - delay: .3 s
}.md - checkbox input[type = checkbox]: checked~label > .box {
    opacity: 0; - webkit - transform: scale(0) rotate(-180 deg); - moz - transform: scale(0) rotate(-180 deg);transform: scale(0) rotate(-180 deg)
}.md - checkbox input[type = checkbox]: checked~label > .check {
    opacity: 1; - webkit - transform: scale(1) rotate(45 deg); - moz - transform: scale(1) rotate(45 deg);transform: scale(1) rotate(45 deg)
}.md - checkbox input[type = checkbox]: disabled: checked~label > .check, .md - checkbox input[type = checkbox]: disabled~label, .md - checkbox input[type = checkbox]: disabled~label > .box, .md - checkbox input[type = checkbox][disabled]: checked~label > .check, .md - checkbox input[type = checkbox][disabled] ~label, .md - checkbox input[type = checkbox][disabled] ~label > .box {
    cursor: not - allowed;opacity: .7;filter: alpha(opacity = 70)
}.has - error.md - checkbox label, .has - error.md - checkbox label {
    color: #e73d4a
}.has - error.md - checkbox label > .box, .has - error.md - checkbox label > .check, .has - error.md - checkbox label > .box, .has - error.md - checkbox label > .check {
    border - color: #e73d4a
}.has - success.md - checkbox label, .has - success.md - checkbox label {
    color: #27a4b0}.has-success .md-checkbox label>.box,.has-success .md-checkbox label>.check,.has-success.md-checkbox label>.box,.has-success.md-checkbox label>.check{border-color:# 27 a4b0
}.has - warning.md - checkbox label, .has - warning.md - checkbox label {
    color: #c29d0b
}.has - warning.md - checkbox label > .box, .has - warning.md - checkbox label > .check, .has - warning.md - checkbox label > .box, .has - warning.md - checkbox label > .check {
    border - color: #c29d0b
}.has - info.md - checkbox label, .has - info.md - checkbox label {
    color: #327ad5}.has-info .md-checkbox label>.box,.has-info .md-checkbox label>.check,.has-info.md-checkbox label>.box,.has-info.md-checkbox label>.check{border-color:# 327 ad5
}.form - md - checkboxes > label {
    font - size: 14 px;
    color: #888;opacity:1;filter:alpha(opacity= 100)
}.form - md - checkboxes.has - error label {
    color: #ed6b75
}.form - md - checkboxes.has - info label {
    color: #659be0}.form-md-checkboxes.has-success label{color:# 36 c6d3
}.form - md - checkboxes.has - warning label {
    color: #F1C40F
}.md - checkbox - list {
    margin: 5 px 0
}.form - horizontal.md - checkbox - list {
    margin - top: 5 px
}.md - checkbox - list.md - checkbox {
    display: block;margin - bottom: 10 px
}.md - checkbox - list.md - checkbox: last - child {
    margin - bottom: 0
}.md - checkbox - inline {
    margin: 5 px 0
}.form - horizontal.md - checkbox - inline {
    margin - top: 7 px
}.md - checkbox - inline.md - checkbox {
    display: inline - block;margin - right: 20 px
}.md - checkbox - inline.md - checkbox: last - child {
    margin - right: 0
}
@ - webkit - keyframes growCircle {
    0 % , 100 % {-webkit - transform: scale(0);opacity: 1
    }
    70 % {
        background: #eee; - webkit - transform: scale(1.25)
    }
}
@ - moz - keyframes growCircle {
    0 % , 100 % {-moz - transform: scale(0);opacity: 1
    }
    70 % {
        background: #eee; - moz - transform: scale(1.25)
    }
}
@keyframes growCircle {
    0 % , 100 % {
        transform: scale(0);opacity: 1
    }
    70 % {
        background: #eee;transform: scale(1.25)
    }
}.md - radio {
    position: relative
}.md - radio input[type = radio] {
    visibility: hidden;position: absolute
}.md - radio label {
    cursor: pointer;padding - left: 30 px
}.md - radio label > span {
    display: block;position: absolute;left: 0; - webkit - transition - duration: .3 s; - moz - transition - duration: .3 s;transition - duration: .3 s
}.md - radio label > span.inc {
    background: #fff;left: -20 px;top: -20 px;height: 60 px;width: 60 px;opacity: 0;border - radius: 50 % !important; - moz - border - radius: 50 % !important; - webkit - border - radius: 50 % !important; - webkit - animation: growCircleRadio .3 s ease; - moz - animation: growCircleRadio .3 s ease;animation: growCircleRadio .3 s ease
}.md - radio label > .box {
    top: 0;border: 2 px solid #666;height:20px;width:20px;border-radius:50%!important;-moz-border-radius:50%!important;-webkit-border-radius:50%!important;z-index:5}.md-radio label>.check{top:5px;left:5px;width:10px;height:10px;background:# 36 c6d3;opacity: 0;z - index: 6;border - radius: 50 % !important; - moz - border - radius: 50 % !important; - webkit - border - radius: 50 % !important; - webkit - transform: scale(0); - moz - transform: scale(0);transform: scale(0)
}.md - radio input[type = radio]: checked~label > .check {
    opacity: 1; - webkit - transform: scale(1); - moz - transform: scale(1);transform: scale(1)
}.md - radio input[type = radio]: disabled: checked~label > .check, .md - radio input[type = radio]: disabled~label, .md - radio input[type = radio]: disabled~label > .box, .md - radio input[type = radio][disabled]: checked~label > .check, .md - radio input[type = radio][disabled] ~label, .md - radio input[type = radio][disabled] ~label > .box {
    cursor: not - allowed;opacity: .7;filter: alpha(opacity = 70)
}.has - error.md - radio label, .has - error.md - radio label {
    color: #e73d4a
}.has - error.md - radio label > .box, .has - error.md - radio label > .box {
    border - color: #e73d4a
}.has - error.md - radio label > .check, .has - error.md - radio label > .check {
    background: #e73d4a
}.has - success.md - radio label, .has - success.md - radio label {
    color: #27a4b0}.has-success .md-radio label>.box,.has-success.md-radio label>.box{border-color:# 27 a4b0
}.has - success.md - radio label > .check, .has - success.md - radio label > .check {
    background: #27a4b0}.has-warning .md-radio label,.has-warning.md-radio label{color:# c29d0b
}.has - warning.md - radio label > .box, .has - warning.md - radio label > .box {
    border - color: #c29d0b
}.has - warning.md - radio label > .check, .has - warning.md - radio label > .check {
    background: #c29d0b
}.has - info.md - radio label, .has - info.md - radio label {
    color: #327ad5}.has-info .md-radio label>.box,.has-info.md-radio label>.box{border-color:# 327 ad5
}.has - info.md - radio label > .check, .has - info.md - radio label > .check {
    background: #327ad5}.form-md-radios>label{font-size:14px;color:# 888;opacity: 1;filter: alpha(opacity = 100)
}.form - md - radios.has - error label {
    color: #ed6b75
}.form - md - radios.has - info label {
    color: #659be0}.form-md-radios.has-success label{color:# 36 c6d3
}.form - md - radios.has - warning label {
    color: #F1C40F
}.md - radio - list {
    margin: 5 px 0
}.form - horizontal.md - radio - list {
    margin - top: 5 px
}.md - radio - list.md - radio {
    display: block;margin - bottom: 10 px
}.md - radio - inline {
    margin: 5 px 0
}.form - horizontal.md - radio - inline {
    margin - top: 7 px
}.md - radio - inline.md - radio {
    display: inline - block;margin - right: 20 px
}.md - radio - inline.md - radio: last - child {
    margin - right: 0
}
hr, p {
    margin: 20 px 0
}
@ - webkit - keyframes growCircleRadio {
    0 % , 100 % {-webkit - transform: scale(0);opacity: 1
    }
    70 % {
        background: #eee; - webkit - transform: scale(1.25)
    }
}
@ - moz - keyframes growCircleRadio {
    0 % , 100 % {-moz - transform: scale(0);opacity: 1
    }
    70 % {
        background: #eee; - moz - transform: scale(1.25)
    }
}
@keyframes growCircleRadio {
    0 % , 100 % {
        transform: scale(0);opacity: 1
    }
    70 % {
        background: #eee;transform: scale(1.25)
    }
}.primary - link {
    color: #65A0D0;font-weight:600}.primary-link:hover{color:# 5194 ca
}
label {
    font - weight: 400
}
h1, h2, h3, h4, h5, h6 {
    font - weight: 300
}.bars, .chart, .pie, .primary - font {
    font - family: "Open Sans", sans - serif!important
}
h1 {
    font - size: 36 px
}
h2 {
    font - size: 30 px
}
h3 {
    font - size: 24 px
}
h4 {
    font - size: 18 px
}
h5 {
    font - size: 14 px
}
h6 {
    font - size: 12 px
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #444}h1.block,h2.block,h3.block,h4.block,h5.block,h6.block{padding-top:10px;padding-bottom:10px}a{text-shadow:none;color:# 337 ab7
}
a: hover {
    cursor: pointer;color: #23527c}a:active,a:focus,a:hover{outline:0}hr{border:0;border-top:1px solid # eee;border - bottom: 0
}.list - unstyled li > .list - unstyled {
    margin - left: 25 px
}
code {
    border: 1 px solid# e1e1e1; - webkit - box - shadow: 0 1 px 4 px rgba(0, 0, 0, .1); - moz - box - shadow: 0 1 px 4 px rgba(0, 0, 0, .1);box - shadow: 0 1 px 4 px rgba(0, 0, 0, .1)
}.btn, .form - control {
    box - shadow: none!important
}.disabled - link.disable - target, .disabled - link.disable - target {
    opacity: .6!important;filter: alpha(opacity = 60) !important
}.disabled - link.disable - target: hover, .disabled - link.disable - target: hover, .disabled - link: hover {
    cursor: not - allowed!important
}.rounded - 2 {
    border - radius: 2 px!important
}.rounded - 3 {
    border - radius: 3 px!important
}.rounded - 4 {
    border - radius: 4 px!important
}.circle {
    border - radius: 25 px!important
}.circle - right {
    border - radius: 0 25 px 25 px 0!important
}.circle - left {
    border - radius: 25 px 0 0 25 px!important
}.circle - bottom {
    border - radius: 0 0 25 px 25 px!important
}.circle - top {
    border - radius: 25 px 25 px 0 0!important
}.rounded {
    border - radius: 50 % !important
}.display - hide, .display - none {
    display: none
}.hidden {
    display: none!important
}.bold {
    font - weight: 700!important
}.sbold {
    font - weight: 600!important
}.thin {
    font - weight: 300!important
}.uppercase {
    text - transform: uppercase!important
}.fix - margin {
    margin - left: 0!important
}.border {
    border: 1 px solid red
}.font - hg {
    font - size: 23 px
}.font - lg {
    font - size: 18 px
}.font - md {
    font - size: 14 px
}.font - sm {
    font - size: 13 px
}.font - xs {
    font - size: 11 px
}.inline {
    display: inline
}.inline - block {
    display: inline - block
}.text - align - reverse {
    text - align: right
}.no - space {
    margin: 0!important;padding: 0!important
}.no - margin {
    margin: 0
}.margin - bottom - 5 {
    margin - bottom: 5 px
}.margin - bottom - 10 {
    margin - bottom: 10 px!important
}.margin - top - 10 {
    margin - top: 10 px!important
}.margin - top - 15 {
    margin - top: 15 px!important
}.margin - bottom - 15 {
    margin - bottom: 15 px!important
}.margin - bottom - 20 {
    margin - bottom: 20 px!important
}.margin - top - 20 {
    margin - top: 20 px!important
}.margin - top - 30 {
    margin - top: 30 px!important
}.margin - top - 40 {
    margin - top: 40 px!important
}.margin - bottom - 25 {
    margin - bottom: 25 px!important
}.margin - bottom - 30 {
    margin - bottom: 30 px!important
}.margin - bottom - 40 {
    margin - bottom: 40 px!important
}.margin - right - 10 {
    margin - right: 10 px!important
}.visible - ie8 {
    display: none
}.ie8.visible - ie8 {
    display: inherit!important
}.visible - ie9 {
    display: none
}.ie9.visible - ie9 {
    display: inherit!important
}.hidden - ie8 {
    display: inherit
}.ie8.hidden - ie8 {
    display: none!important
}.hidden - ie9 {
    display: inherit
}.ie9.hidden - ie9 {
    display: none!important
}
@media(max - width: 1024 px) {.hidden - 1024 {
        display: none
    }
}
@media(max - width: 480 px) {.hidden - 480 {
        display: none
    }
}
@media(max - width: 320 px) {.hidden - 320 {
        display: none
    }
}.scrollspy - example {
    position: relative;height: 200 px;margin - top: 10 px;overflow: auto
}.util - btn - group - margin - bottom - 5.btn - group, .util - btn - margin - bottom - 5.btn {
    margin - bottom: 5 px!important
}.padding - tb - 10, .padding - tb - 15 {
    padding: 10 px 0
}.padding - tb - 20 {
    padding: 20 px 0
}.user - info {
    margin - bottom: 10 px!important
}.user - info img {
    float: left;margin - right: 5 px
}.number - stats.stat - left, .number - stats.stat - left.stat - chart {
    float: right
}.user - info.details {
    display: inline - block
}.user - info.label {
    font - weight: 300;
    font - size: 11 px
}.ver - inline - menu {
    padding: 0;margin: 0;list - style: none
}.ver - inline - menu li {
    position: relative;margin - bottom: 1 px
}.ver - inline - menu li i {
    width: 37 px;height: 37 px;display: inline - block;color: #b9cbd5;font - size: 15 px;padding: 12 px 10 px 10 px 8 px;margin: 0 8 px 0 0;text - align: center;background: #e0eaf0!important
}.ver - inline - menu li a {
    font - size: 14 px;
    font - weight: 300;
    color: #557386;display:block;background:# f0f6fa;
    border - left: solid 2 px# c4d5df
}.ver - inline - menu li: hover a {
    background: #e0eaf0;text - decoration: none
}.ver - inline - menu li: hover i {
    color: #fff;background: #c4d5df!important
}.ver - inline - menu li.active a {
    border - left: solid 2 px #0c91e5}.ver-inline-menu li.active i{background:# 0 c91e5!important
}.ver - inline - menu li.active a, .ver - inline - menu li.active i {
    color: #fff;background: #169ef4;text-decoration:none}.ver-inline-menu li.active a,.ver-inline-menu li:hover a{font-size:14px}.ver-inline-menu li.active:after{content:'';display:inline-block;border-bottom:6px solid transparent;border-top:6px solid transparent;border-left:6px solid # 169e f4;position: absolute;top: 12 px;right: -5 px
}.list - separated {
    margin - top: 10 px;
    margin - bottom: 15 px
}.list - separated > div: last - child {
    border - right: 0
}
@media(max - width: 767 px) {.ver - inline - menu > li.active: after {
        display: none
    }.list - separated > div {
        margin - bottom: 20 px
    }
}.number - stats {
    margin: 10 px 0
}.number - stats.stat - number {
    display: inline - block;margin: 0 5 px
}.number - stats.stat - number.title {
    font - size: 13 px;
    margin - bottom: 3 px;
    color: #B8C3C7
}.number - stats.stat - number.number {
    font - size: 27 px;
    line - height: 27 px;
    color: #7D8C9D}.number-stats>div{border-right:1px solid # f5f5f5
}.number - stats > div: last - child {
    border - right: 0
}.number - stats.stat - left.stat - number {
    float: right;text - align: right
}.number - stats.stat - right {
    float: left!important
}.number - stats.stat - right.stat - number {
    float: left;text - align: left
}.number - stats.stat - right.stat - chart {
    float: left
}.number - stats.stat - number {
    float: left;text - align: left
}.number - stats.stat - chart {
    display: inline - block;margin: 0 5 px;float: left
}.general - item - list > .item {
    padding: 10 px 0;border - bottom: 1 px solid# F1F4F7
}.general - item - list > .item: last - child {
    border - bottom: 0
}.general - item - list > .item > .item - head {
    margin - bottom: 5 px
}.general - item - list > .item > .item - head: after, .general - item - list > .item > .item - head: before {
    content: " ";display: table
}.general - item - list > .item > .item - head: after {
    clear: both
}.general - item - list > .item > .item - head > .item - details {
    display: inline - block;float: left
}.general - item - list > .item > .item - head > .item - details > .item - pic {
    height: 35 px;margin - right: 10 px; - webkit - border - radius: 100 % ; - moz - border - radius: 100 % ; - ms - border - radius: 100 % ; - o - border - radius: 100 % ;border - radius: 100 %
}.general - item - list > .item > .item - head > .item - details > .item - name {
    display: inline - block;margin - right: 10 px
}.general - item - list > .item > .item - head > .item - details > .item - label {
    color: #C0C9CC
}.general - item - list > .item > .item - head > .item - status {
    color: #C0C9CC;top: 10 px;position: relative;display: inline - block;float: right
}.general - item - list > .item > .item - head > .item - status > .badge {
    margin - top: -2 px
}.general - item - list > .item > .item - body {
    color: #96a5aa}.file-drop-zone{border:2px dashed # ddd;padding: 30 px;text - align: center
}.file - drop - zone.file - drop - zone - over {
    border - color: #aaa
}[class *= " fa-"]: not(.fa - stack), [class *= " glyphicon-"], [class *= " icon-"], [class ^= fa - ]: not(.fa - stack), [class ^= glyphicon - ], [class ^= icon - ] {
    display: inline - block;line - height: 14 px; - webkit - font - smoothing: antialiased
}
li[class *= " fa-"], li[class *= " glyphicon-"], li[class *= " icon-"], li[class ^= fa - ], li[class ^= glyphicon - ], li[class ^= icon - ] {
    display: inline - block;width: 1.25e m;text - align: center
}
li[class *= " glyphicon-"], li[class ^= glyphicon - ] {
    top: 2 px
}
li[class *= " icon-"], li[class ^= icon - ] {
    top: 1 px;position: relative
}
li[class *= " fa-"].icon - large, li[class *= " glyphicon-"].icon - large, li[class *= " icon-"].icon - large, li[class ^= fa - ].icon - large, li[class ^= glyphicon - ].icon - large, li[class ^= icon - ].icon - large {
        width: 1.5625e m
    }.icon - state -
    default {
        color: #bac3d0
    }.icon - state - success {
        color: #36c6d3}.icon-state-info{color:# 659 be0
    }.icon - state - warning {
        color: #F1C40F
    }.icon - state - danger {
        color: #ed6b75
    }.fa - item {
        font - size: 14 px;
        padding: 10 px 10 px 10 px 20 px
    }.fa - item i {
        font - size: 16 px;
        display: inline - block;
        width: 20 px;
        color: #333}.fa-item:hover{cursor:pointer;background:# eee
    }.badge - danger, .badge -
    default, .badge - info, .badge - primary, .badge - success, .badge - warning, .btn.white: not(.btn - outline).active, .btn.white: not(.btn - outline): active, .open > .btn.white: not(.btn - outline).dropdown - toggle {
        background - image: none
    }.simplelineicons - demo.item - box {
        display: inline - block;font - size: 16 px;margin: 0 - .22e m 1e m 0;padding - left: 1e m;width: 100 %
    }.simplelineicons - demo.item - box.item {
        background - color: #fff;
        color: #33383e;border-radius:8px;display:inline-block;padding:10px;width:100%}.bs-glyphicons,.glyphicons-demo ul{padding-left:0;padding-bottom:1px;margin-bottom:20px;overflow:hidden;list-style:none}.simplelineicons-demo .item-box .item span{font-size:22px}@media only screen and (min-width:768px){.simplelineicons-demo .item-box{width:33.333%}}.bs-glyphicon-class{text-align:center}.glyphicons-demo ul li{float:left;width:25%;height:115px;padding:10px;margin:0 -1px -1px 0;font-size:14px;line-height:1.4;text-align:center;border:1px solid # ddd
    }.glyphicons - demo.glyphicon {
        display: block;margin: 5 px auto 10 px;font - size: 24 px;color: #444}.glyphicons-demo ul li:hover{background-color:rgba(86,61,124,.1)}.badge-default,.label-default{background-color:# bac3d0
    }
@media(min - width: 768 px) {.glyphicons - demo ul li {
        width: 12.5 %
    }
}.alert {
    border - width: 1 px
}.alert > p {
    margin: 0
}.alert.alert - borderless {
    border: 0
}.badge {
    font - size: 11 px!important;
    font - weight: 300;
    height: 18 px;
    color: #fff;
    padding: 3 px 6 px; - webkit - border - radius: 12 px!important; - moz - border - radius: 12 px!important;
    border - radius: 12 px!important;
    text - shadow: none!important;
    text - align: center
}.badge.badge - roundless {
    -webkit - border - radius: 0!important; - moz - border - radius: 0!important;
    border - radius: 0!important
}.badge.badge - empty {
    display: inline - block;padding: 0;min - width: 8 px;height: 8 px;width: 8 px
}.badge - primary {
    background - color: #337ab7}.badge-info{background-color:# 659 be0
}.badge - success {
    background - color: #36c6d3}.badge-danger{background-color:# ed6b75
}.badge - warning {
    background - color: #F1C40F
}.nav.nav - pills > li > a > .badge, .nav.nav - stacked > li > a > .badge {
    margin - top: -2 px
}.dropdown - menu > li > a > .badge {
    position: absolute;margin - top: 1 px;right: 3 px;display: inline
}.dropdown - menu.badge - roundless {
    -webkit - border - radius: 0!important; - moz - border - radius: 0!important;
    border - radius: 0!important
}.btn {
    outline: 0!important
}.btn: hover {
    transition: all .3 s
}.btn: not(.btn - sm): not(.btn - lg) {
    line - height: 1.44
}.btn.white: not(.btn - outline) {
    color: #666;background-color:# fff;border - color: #fff
}.btn.white: not(.btn - outline).focus, .btn.white: not(.btn - outline): focus {
    color: #666;background-color:# e6e6e6;border - color: #bfbfbf
}.btn.white: not(.btn - outline).active, .btn.white: not(.btn - outline): active, .btn.white: not(.btn - outline): hover, .open > .btn.white: not(.btn - outline).dropdown - toggle {
    color: #666;background-color:# e6e6e6;border - color: #e0e0e0
}.btn.white: not(.btn - outline).active.focus, .btn.white: not(.btn - outline).active: focus, .btn.white: not(.btn - outline).active: hover, .btn.white: not(.btn - outline): active.focus, .btn.white: not(.btn - outline): active: focus, .btn.white: not(.btn - outline): active: hover, .open > .btn.white: not(.btn - outline).dropdown - toggle.focus, .open > .btn.white: not(.btn - outline).dropdown - toggle: focus, .open > .btn.white: not(.btn - outline).dropdown - toggle: hover {
    color: #666;background-color:# d4d4d4;border - color: #bfbfbf
}.btn.white: not(.btn - outline).disabled.focus, .btn.white: not(.btn - outline).disabled: focus, .btn.white: not(.btn - outline).disabled: hover, .btn.white: not(.btn - outline)[disabled].focus, .btn.white: not(.btn - outline)[disabled]: focus, .btn.white: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.white: not(.btn - outline).focus, fieldset[disabled].btn.white: not(.btn - outline): focus, fieldset[disabled].btn.white: not(.btn - outline): hover {
    background - color: #fff;
    border - color: #fff
}.btn.white: not(.btn - outline).badge {
    color: #fff;background - color: #666}.btn.btn-outline.white{border-color:# fff;color: #fff;background: 0 0
}.btn.btn - outline.white.active, .btn.btn - outline.white: active, .btn.btn - outline.white: active: focus, .btn.btn - outline.white: active: hover, .btn.btn - outline.white: focus, .btn.btn - outline.white: hover {
    border - color: #fff;
    color: #666;background-color:# fff
}.btn.white - stripe {
    border - left: 4 px solid# fff!important
}.btn.white.btn - no - border: not(.active) {
    border - color: transparent
}.btn.default: not(.btn - outline) {
    color: #666;background-color:# e1e5ec;border - color: #e1e5ec
}.btn.default: not(.btn - outline).focus, .btn.default: not(.btn - outline): focus {
    color: #666;background-color:# c2cad8;border - color: #93a1bb}.btn.default:not(.btn-outline).active,.btn.default:not(.btn-outline):active,.btn.default:not(.btn-outline):hover,.open>.btn.default:not(.btn-outline).dropdown-toggle{color:# 666;background - color: #c2cad8;border - color: #bcc5d4
}.btn.default: not(.btn - outline).active.focus, .btn.default: not(.btn - outline).active: focus, .btn.default: not(.btn - outline).active: hover, .btn.default: not(.btn - outline): active.focus, .btn.default: not(.btn - outline): active: focus, .btn.default: not(.btn - outline): active: hover, .open > .btn.default: not(.btn - outline).dropdown - toggle.focus, .open > .btn.default: not(.btn - outline).dropdown - toggle: focus, .open > .btn.default: not(.btn - outline).dropdown - toggle: hover {
    color: #666;background-color:# acb7ca;border - color: #93a1bb}.btn.default:not(.btn-outline).active,.btn.default:not(.btn-outline):active,.open>.btn.default:not(.btn-outline).dropdown-toggle{background-image:none}.btn.default:not(.btn-outline).disabled.focus,.btn.default:not(.btn-outline).disabled:focus,.btn.default:not(.btn-outline).disabled:hover,.btn.default:not(.btn-outline)[disabled].focus,.btn.default:not(.btn-outline)[disabled]:focus,.btn.default:not(.btn-outline)[disabled]:hover,fieldset[disabled] .btn.default:not(.btn-outline).focus,fieldset[disabled] .btn.default:not(.btn-outline):focus,fieldset[disabled] .btn.default:not(.btn-outline):hover{background-color:# e1e5ec;border - color: #e1e5ec
}.btn.default: not(.btn - outline).badge {
    color: #e1e5ec;background - color: #666}.btn.btn-outline.default{border-color:# e1e5ec;color: #e1e5ec;background: 0 0
}.btn.btn - outline.default.active, .btn.btn - outline.default: active, .btn.btn - outline.default: active: focus, .btn.btn - outline.default: active: hover, .btn.btn - outline.default: focus, .btn.btn - outline.default: hover {
    border - color: #e1e5ec;
    color: #666;background-color:# e1e5ec
}.btn.default-stripe {
    border - left: 4 px solid# e1e5ec!important
}.btn.default.btn - no - border: not(.active) {
    border - color: transparent
}.btn.dark: not(.btn - outline) {
    color: #FFF;background - color: #2f353b;border-color:# 2 f353b
}.btn.dark: not(.btn - outline).focus, .btn.dark: not(.btn - outline): focus {
    color: #FFF;background - color: #181c1f;border-color:# 000
}.btn.dark: not(.btn - outline).active, .btn.dark: not(.btn - outline): active, .btn.dark: not(.btn - outline): hover, .open > .btn.dark: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #181c1f;border-color:# 141619
}.btn.dark: not(.btn - outline).active.focus, .btn.dark: not(.btn - outline).active: focus, .btn.dark: not(.btn - outline).active: hover, .btn.dark: not(.btn - outline): active.focus, .btn.dark: not(.btn - outline): active: focus, .btn.dark: not(.btn - outline): active: hover, .open > .btn.dark: not(.btn - outline).dropdown - toggle.focus, .open > .btn.dark: not(.btn - outline).dropdown - toggle: focus, .open > .btn.dark: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #090a0b;border-color:# 000
}.btn.dark: not(.btn - outline).active, .btn.dark: not(.btn - outline): active, .open > .btn.dark: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.dark: not(.btn - outline).disabled.focus, .btn.dark: not(.btn - outline).disabled: focus, .btn.dark: not(.btn - outline).disabled: hover, .btn.dark: not(.btn - outline)[disabled].focus, .btn.dark: not(.btn - outline)[disabled]: focus, .btn.dark: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.dark: not(.btn - outline).focus, fieldset[disabled].btn.dark: not(.btn - outline): focus, fieldset[disabled].btn.dark: not(.btn - outline): hover {
    background - color: #2f353b;border-color:# 2 f353b
}.btn.dark: not(.btn - outline).badge {
    color: #2f353b;background-color:# FFF
}.btn.btn - outline.dark {
    border - color: #2f353b;color:# 2 f353b;
    background: 0 0
}.btn.btn - outline.dark.active, .btn.btn - outline.dark: active, .btn.btn - outline.dark: active: focus, .btn.btn - outline.dark: active: hover, .btn.btn - outline.dark: focus, .btn.btn - outline.dark: hover {
    border - color: #2f353b;color:# FFF;
    background - color: #2f353b}.btn.dark-stripe{border-left:4px solid # 2 f353b!important
}.btn.dark.btn - no - border: not(.active) {
    border - color: transparent
}.btn.blue: not(.btn - outline) {
    color: #FFF;background - color: #3598dc;border-color:# 3598 dc
}.btn.blue: not(.btn - outline).focus, .btn.blue: not(.btn - outline): focus {
    color: #FFF;background - color: #217ebd;border-color:# 15527 c
}.btn.blue: not(.btn - outline).active, .btn.blue: not(.btn - outline): active, .btn.blue: not(.btn - outline): hover, .open > .btn.blue: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #217ebd;border-color:# 1 f78b5
}.btn.blue: not(.btn - outline).active.focus, .btn.blue: not(.btn - outline).active: focus, .btn.blue: not(.btn - outline).active: hover, .btn.blue: not(.btn - outline): active.focus, .btn.blue: not(.btn - outline): active: focus, .btn.blue: not(.btn - outline): active: hover, .open > .btn.blue: not(.btn - outline).dropdown - toggle.focus, .open > .btn.blue: not(.btn - outline).dropdown - toggle: focus, .open > .btn.blue: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #1c699f;border-color:# 15527 c
}.btn.blue: not(.btn - outline).active, .btn.blue: not(.btn - outline): active, .open > .btn.blue: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.blue: not(.btn - outline).disabled.focus, .btn.blue: not(.btn - outline).disabled: focus, .btn.blue: not(.btn - outline).disabled: hover, .btn.blue: not(.btn - outline)[disabled].focus, .btn.blue: not(.btn - outline)[disabled]: focus, .btn.blue: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.blue: not(.btn - outline).focus, fieldset[disabled].btn.blue: not(.btn - outline): focus, fieldset[disabled].btn.blue: not(.btn - outline): hover {
    background - color: #3598dc;border-color:# 3598 dc
}.btn.blue: not(.btn - outline).badge {
    color: #3598dc;background-color:# FFF
}.btn.btn - outline.blue {
    border - color: #3598dc;color:# 3598 dc;
    background: 0 0
}.btn.btn - outline.blue.active, .btn.btn - outline.blue: active, .btn.btn - outline.blue: active: focus, .btn.btn - outline.blue: active: hover, .btn.btn - outline.blue: focus, .btn.btn - outline.blue: hover {
    border - color: #3598dc;color:# FFF;
    background - color: #3598dc}.btn.blue-stripe{border-left:4px solid # 3598 dc!important
}.btn.blue.btn - no - border: not(.active) {
    border - color: transparent
}.btn.blue - madison: not(.btn - outline) {
    color: #FFF;background - color: #578ebe;border-color:# 578e be
}.btn.blue - madison: not(.btn - outline).focus, .btn.blue - madison: not(.btn - outline): focus {
    color: #FFF;background - color: #3f74a3;border-color:# 2 a4d6c
}.btn.blue - madison: not(.btn - outline).active, .btn.blue - madison: not(.btn - outline): active, .btn.blue - madison: not(.btn - outline): hover, .open > .btn.blue - madison: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #3f74a3;border-color:# 3 c6f9c
}.btn.blue - madison: not(.btn - outline).active.focus, .btn.blue - madison: not(.btn - outline).active: focus, .btn.blue - madison: not(.btn - outline).active: hover, .btn.blue - madison: not(.btn - outline): active.focus, .btn.blue - madison: not(.btn - outline): active: focus, .btn.blue - madison: not(.btn - outline): active: hover, .open > .btn.blue - madison: not(.btn - outline).dropdown - toggle.focus, .open > .btn.blue - madison: not(.btn - outline).dropdown - toggle: focus, .open > .btn.blue - madison: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #356289;border-color:# 2 a4d6c
}.btn.blue - madison: not(.btn - outline).active, .btn.blue - madison: not(.btn - outline): active, .open > .btn.blue - madison: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.blue - madison: not(.btn - outline).disabled.focus, .btn.blue - madison: not(.btn - outline).disabled: focus, .btn.blue - madison: not(.btn - outline).disabled: hover, .btn.blue - madison: not(.btn - outline)[disabled].focus, .btn.blue - madison: not(.btn - outline)[disabled]: focus, .btn.blue - madison: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.blue - madison: not(.btn - outline).focus, fieldset[disabled].btn.blue - madison: not(.btn - outline): focus, fieldset[disabled].btn.blue - madison: not(.btn - outline): hover {
    background - color: #578ebe;border-color:# 578e be
}.btn.blue - madison: not(.btn - outline).badge {
    color: #578ebe;background-color:# FFF
}.btn.btn - outline.blue - madison {
    border - color: #578ebe;color:# 578e be;
    background: 0 0
}.btn.btn - outline.blue - madison.active, .btn.btn - outline.blue - madison: active, .btn.btn - outline.blue - madison: active: focus, .btn.btn - outline.blue - madison: active: hover, .btn.btn - outline.blue - madison: focus, .btn.btn - outline.blue - madison: hover {
    border - color: #578ebe;color:# FFF;
    background - color: #578ebe}.btn.blue-madison-stripe{border-left:4px solid # 578e be!important
}.btn.blue - madison.btn - no - border: not(.active) {
    border - color: transparent
}.btn.blue - chambray: not(.btn - outline) {
    color: #FFF;background - color: #2C3E50;border-color:# 2 C3E50
}.btn.blue - chambray: not(.btn - outline).focus, .btn.blue - chambray: not(.btn - outline): focus {
    color: #FFF;background - color: #1a252f;border-color:# 000
}.btn.blue - chambray: not(.btn - outline).active, .btn.blue - chambray: not(.btn - outline): active, .btn.blue - chambray: not(.btn - outline): hover, .open > .btn.blue - chambray: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #1a252f;border-color:# 161 f29
}.btn.blue - chambray: not(.btn - outline).active.focus, .btn.blue - chambray: not(.btn - outline).active: focus, .btn.blue - chambray: not(.btn - outline).active: hover, .btn.blue - chambray: not(.btn - outline): active.focus, .btn.blue - chambray: not(.btn - outline): active: focus, .btn.blue - chambray: not(.btn - outline): active: hover, .open > .btn.blue - chambray: not(.btn - outline).dropdown - toggle.focus, .open > .btn.blue - chambray: not(.btn - outline).dropdown - toggle: focus, .open > .btn.blue - chambray: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #0d1318;border-color:# 000
}.btn.blue - chambray: not(.btn - outline).active, .btn.blue - chambray: not(.btn - outline): active, .open > .btn.blue - chambray: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.blue - chambray: not(.btn - outline).disabled.focus, .btn.blue - chambray: not(.btn - outline).disabled: focus, .btn.blue - chambray: not(.btn - outline).disabled: hover, .btn.blue - chambray: not(.btn - outline)[disabled].focus, .btn.blue - chambray: not(.btn - outline)[disabled]: focus, .btn.blue - chambray: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.blue - chambray: not(.btn - outline).focus, fieldset[disabled].btn.blue - chambray: not(.btn - outline): focus, fieldset[disabled].btn.blue - chambray: not(.btn - outline): hover {
    background - color: #2C3E50;border-color:# 2 C3E50
}.btn.blue - chambray: not(.btn - outline).badge {
    color: #2C3E50;background-color:# FFF
}.btn.btn - outline.blue - chambray {
    border - color: #2C3E50;color:# 2 C3E50;
    background: 0 0
}.btn.btn - outline.blue - chambray.active, .btn.btn - outline.blue - chambray: active, .btn.btn - outline.blue - chambray: active: focus, .btn.btn - outline.blue - chambray: active: hover, .btn.btn - outline.blue - chambray: focus, .btn.btn - outline.blue - chambray: hover {
    border - color: #2C3E50;color:# FFF;
    background - color: #2C3E50}.btn.blue-chambray-stripe{border-left:4px solid # 2 C3E50!important
}.btn.blue - chambray.btn - no - border: not(.active) {
    border - color: transparent
}.btn.blue - ebonyclay: not(.btn - outline) {
    color: #FFF;background - color: #22313F;border-color:# 22313 F
}.btn.blue - ebonyclay: not(.btn - outline).focus, .btn.blue - ebonyclay: not(.btn - outline): focus {
    color: #FFF;background - color: #10171e;border-color:# 000
}.btn.blue - ebonyclay: not(.btn - outline).active, .btn.blue - ebonyclay: not(.btn - outline): active, .btn.blue - ebonyclay: not(.btn - outline): hover, .open > .btn.blue - ebonyclay: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #10171e;border-color:# 0 d1217
}.btn.blue - ebonyclay: not(.btn - outline).active.focus, .btn.blue - ebonyclay: not(.btn - outline).active: focus, .btn.blue - ebonyclay: not(.btn - outline).active: hover, .btn.blue - ebonyclay: not(.btn - outline): active.focus, .btn.blue - ebonyclay: not(.btn - outline): active: focus, .btn.blue - ebonyclay: not(.btn - outline): active: hover, .open > .btn.blue - ebonyclay: not(.btn - outline).dropdown - toggle.focus, .open > .btn.blue - ebonyclay: not(.btn - outline).dropdown - toggle: focus, .open > .btn.blue - ebonyclay: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #040507;border-color:# 000
}.btn.blue - ebonyclay: not(.btn - outline).active, .btn.blue - ebonyclay: not(.btn - outline): active, .open > .btn.blue - ebonyclay: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.blue - ebonyclay: not(.btn - outline).disabled.focus, .btn.blue - ebonyclay: not(.btn - outline).disabled: focus, .btn.blue - ebonyclay: not(.btn - outline).disabled: hover, .btn.blue - ebonyclay: not(.btn - outline)[disabled].focus, .btn.blue - ebonyclay: not(.btn - outline)[disabled]: focus, .btn.blue - ebonyclay: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.blue - ebonyclay: not(.btn - outline).focus, fieldset[disabled].btn.blue - ebonyclay: not(.btn - outline): focus, fieldset[disabled].btn.blue - ebonyclay: not(.btn - outline): hover {
    background - color: #22313F;border-color:# 22313 F
}.btn.blue - ebonyclay: not(.btn - outline).badge {
    color: #22313F;background-color:# FFF
}.btn.btn - outline.blue - ebonyclay {
    border - color: #22313F;color:# 22313 F;
    background: 0 0
}.btn.btn - outline.blue - ebonyclay.active, .btn.btn - outline.blue - ebonyclay: active, .btn.btn - outline.blue - ebonyclay: active: focus, .btn.btn - outline.blue - ebonyclay: active: hover, .btn.btn - outline.blue - ebonyclay: focus, .btn.btn - outline.blue - ebonyclay: hover {
    border - color: #22313F;color:# FFF;
    background - color: #22313F}.btn.blue-ebonyclay-stripe{border-left:4px solid # 22313 F!important
}.btn.blue - ebonyclay.btn - no - border: not(.active) {
    border - color: transparent
}.btn.blue - hoki: not(.btn - outline) {
    color: #FFF;background - color: #67809F;border-color:# 67809 F
}.btn.blue - hoki: not(.btn - outline).focus, .btn.blue - hoki: not(.btn - outline): focus {
    color: #FFF;background - color: #526781;border-color:# 344252
}.btn.blue - hoki: not(.btn - outline).active, .btn.blue - hoki: not(.btn - outline): active, .btn.blue - hoki: not(.btn - outline): hover, .open > .btn.blue - hoki: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #526781;border-color:# 4e627 b
}.btn.blue - hoki: not(.btn - outline).active.focus, .btn.blue - hoki: not(.btn - outline).active: focus, .btn.blue - hoki: not(.btn - outline).active: hover, .btn.blue - hoki: not(.btn - outline): active.focus, .btn.blue - hoki: not(.btn - outline): active: focus, .btn.blue - hoki: not(.btn - outline): active: hover, .open > .btn.blue - hoki: not(.btn - outline).dropdown - toggle.focus, .open > .btn.blue - hoki: not(.btn - outline).dropdown - toggle: focus, .open > .btn.blue - hoki: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #44566b;border-color:# 344252
}.btn.blue - hoki: not(.btn - outline).active, .btn.blue - hoki: not(.btn - outline): active, .open > .btn.blue - hoki: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.blue - hoki: not(.btn - outline).disabled.focus, .btn.blue - hoki: not(.btn - outline).disabled: focus, .btn.blue - hoki: not(.btn - outline).disabled: hover, .btn.blue - hoki: not(.btn - outline)[disabled].focus, .btn.blue - hoki: not(.btn - outline)[disabled]: focus, .btn.blue - hoki: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.blue - hoki: not(.btn - outline).focus, fieldset[disabled].btn.blue - hoki: not(.btn - outline): focus, fieldset[disabled].btn.blue - hoki: not(.btn - outline): hover {
    background - color: #67809F;border-color:# 67809 F
}.btn.blue - hoki: not(.btn - outline).badge {
    color: #67809F;background-color:# FFF
}.btn.btn - outline.blue - hoki {
    border - color: #67809F;color:# 67809 F;
    background: 0 0
}.btn.btn - outline.blue - hoki.active, .btn.btn - outline.blue - hoki: active, .btn.btn - outline.blue - hoki: active: focus, .btn.btn - outline.blue - hoki: active: hover, .btn.btn - outline.blue - hoki: focus, .btn.btn - outline.blue - hoki: hover {
    border - color: #67809F;color:# FFF;
    background - color: #67809F}.btn.blue-hoki-stripe{border-left:4px solid # 67809 F!important
}.btn.blue - hoki.btn - no - border: not(.active) {
    border - color: transparent
}.btn.blue - steel: not(.btn - outline) {
    color: #FFF;background - color: #4B77BE;border-color:# 4 B77BE
}.btn.blue - steel: not(.btn - outline).focus, .btn.blue - steel: not(.btn - outline): focus {
    color: #FFF;background - color: #395f9d;border-color:# 243 d65
}.btn.blue - steel: not(.btn - outline).active, .btn.blue - steel: not(.btn - outline): active, .btn.blue - steel: not(.btn - outline): hover, .open > .btn.blue - steel: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #395f9d;border-color:# 365 b96
}.btn.blue - steel: not(.btn - outline).active.focus, .btn.blue - steel: not(.btn - outline).active: focus, .btn.blue - steel: not(.btn - outline).active: hover, .btn.blue - steel: not(.btn - outline): active.focus, .btn.blue - steel: not(.btn - outline): active: focus, .btn.blue - steel: not(.btn - outline): active: hover, .open > .btn.blue - steel: not(.btn - outline).dropdown - toggle.focus, .open > .btn.blue - steel: not(.btn - outline).dropdown - toggle: focus, .open > .btn.blue - steel: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #2f4f83;border-color:# 243 d65
}.btn.blue - steel: not(.btn - outline).active, .btn.blue - steel: not(.btn - outline): active, .open > .btn.blue - steel: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.blue - steel: not(.btn - outline).disabled.focus, .btn.blue - steel: not(.btn - outline).disabled: focus, .btn.blue - steel: not(.btn - outline).disabled: hover, .btn.blue - steel: not(.btn - outline)[disabled].focus, .btn.blue - steel: not(.btn - outline)[disabled]: focus, .btn.blue - steel: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.blue - steel: not(.btn - outline).focus, fieldset[disabled].btn.blue - steel: not(.btn - outline): focus, fieldset[disabled].btn.blue - steel: not(.btn - outline): hover {
    background - color: #4B77BE;border-color:# 4 B77BE
}.btn.blue - steel: not(.btn - outline).badge {
    color: #4B77BE;background-color:# FFF
}.btn.btn - outline.blue - steel {
    border - color: #4B77BE;color:# 4 B77BE;
    background: 0 0
}.btn.btn - outline.blue - steel.active, .btn.btn - outline.blue - steel: active, .btn.btn - outline.blue - steel: active: focus, .btn.btn - outline.blue - steel: active: hover, .btn.btn - outline.blue - steel: focus, .btn.btn - outline.blue - steel: hover {
    border - color: #4B77BE;color:# FFF;
    background - color: #4B77BE}.btn.blue-steel-stripe{border-left:4px solid # 4 B77BE!important
}.btn.blue - steel.btn - no - border: not(.active) {
    border - color: transparent
}.btn.blue - soft: not(.btn - outline) {
    color: #FFF;background - color: #4c87b9;border-color:# 4 c87b9
}.btn.blue - soft: not(.btn - outline).focus, .btn.blue - soft: not(.btn - outline): focus {
    color: #FFF;background - color: #3b6d97;border-color:# 264560
}.btn.blue - soft: not(.btn - outline).active, .btn.blue - soft: not(.btn - outline): active, .btn.blue - soft: not(.btn - outline): hover, .open > .btn.blue - soft: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #3b6d97;border-color:# 386890
}.btn.blue - soft: not(.btn - outline).active.focus, .btn.blue - soft: not(.btn - outline).active: focus, .btn.blue - soft: not(.btn - outline).active: hover, .btn.blue - soft: not(.btn - outline): active.focus, .btn.blue - soft: not(.btn - outline): active: focus, .btn.blue - soft: not(.btn - outline): active: hover, .open > .btn.blue - soft: not(.btn - outline).dropdown - toggle.focus, .open > .btn.blue - soft: not(.btn - outline).dropdown - toggle: focus, .open > .btn.blue - soft: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #315a7d;border-color:# 264560
}.btn.blue - soft: not(.btn - outline).active, .btn.blue - soft: not(.btn - outline): active, .open > .btn.blue - soft: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.blue - soft: not(.btn - outline).disabled.focus, .btn.blue - soft: not(.btn - outline).disabled: focus, .btn.blue - soft: not(.btn - outline).disabled: hover, .btn.blue - soft: not(.btn - outline)[disabled].focus, .btn.blue - soft: not(.btn - outline)[disabled]: focus, .btn.blue - soft: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.blue - soft: not(.btn - outline).focus, fieldset[disabled].btn.blue - soft: not(.btn - outline): focus, fieldset[disabled].btn.blue - soft: not(.btn - outline): hover {
    background - color: #4c87b9;border-color:# 4 c87b9
}.btn.blue - soft: not(.btn - outline).badge {
    color: #4c87b9;background-color:# FFF
}.btn.btn - outline.blue - soft {
    border - color: #4c87b9;color:# 4 c87b9;
    background: 0 0
}.btn.btn - outline.blue - soft.active, .btn.btn - outline.blue - soft: active, .btn.btn - outline.blue - soft: active: focus, .btn.btn - outline.blue - soft: active: hover, .btn.btn - outline.blue - soft: focus, .btn.btn - outline.blue - soft: hover {
    border - color: #4c87b9;color:# FFF;
    background - color: #4c87b9}.btn.blue-soft-stripe{border-left:4px solid # 4 c87b9!important
}.btn.blue - soft.btn - no - border: not(.active) {
    border - color: transparent
}.btn.blue - dark: not(.btn - outline) {
    color: #FFF;background - color: #5e738b;border-color:# 5e738 b
}.btn.blue - dark: not(.btn - outline).focus, .btn.blue - dark: not(.btn - outline): focus {
    color: #FFF;background - color: #495a6d;border-color:# 2 b343f
}.btn.blue - dark: not(.btn - outline).active, .btn.blue - dark: not(.btn - outline): active, .btn.blue - dark: not(.btn - outline): hover, .open > .btn.blue - dark: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #495a6d;border-color:# 455566
}.btn.blue - dark: not(.btn - outline).active.focus, .btn.blue - dark: not(.btn - outline).active: focus, .btn.blue - dark: not(.btn - outline).active: hover, .btn.blue - dark: not(.btn - outline): active.focus, .btn.blue - dark: not(.btn - outline): active: focus, .btn.blue - dark: not(.btn - outline): active: hover, .open > .btn.blue - dark: not(.btn - outline).dropdown - toggle.focus, .open > .btn.blue - dark: not(.btn - outline).dropdown - toggle: focus, .open > .btn.blue - dark: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #3b4857;border-color:# 2 b343f
}.btn.blue - dark: not(.btn - outline).active, .btn.blue - dark: not(.btn - outline): active, .open > .btn.blue - dark: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.blue - dark: not(.btn - outline).disabled.focus, .btn.blue - dark: not(.btn - outline).disabled: focus, .btn.blue - dark: not(.btn - outline).disabled: hover, .btn.blue - dark: not(.btn - outline)[disabled].focus, .btn.blue - dark: not(.btn - outline)[disabled]: focus, .btn.blue - dark: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.blue - dark: not(.btn - outline).focus, fieldset[disabled].btn.blue - dark: not(.btn - outline): focus, fieldset[disabled].btn.blue - dark: not(.btn - outline): hover {
    background - color: #5e738b;border-color:# 5e738 b
}.btn.blue - dark: not(.btn - outline).badge {
    color: #5e738b;background-color:# FFF
}.btn.btn - outline.blue - dark {
    border - color: #5e738b;color:# 5e738 b;
    background: 0 0
}.btn.btn - outline.blue - dark.active, .btn.btn - outline.blue - dark: active, .btn.btn - outline.blue - dark: active: focus, .btn.btn - outline.blue - dark: active: hover, .btn.btn - outline.blue - dark: focus, .btn.btn - outline.blue - dark: hover {
    border - color: #5e738b;color:# FFF;
    background - color: #5e738b}.btn.blue-dark-stripe{border-left:4px solid # 5e738 b!important
}.btn.blue - dark.btn - no - border: not(.active) {
    border - color: transparent
}.btn.blue - sharp: not(.btn - outline) {
    color: #FFF;background - color: #5C9BD1;border-color:# 5 C9BD1
}.btn.blue - sharp: not(.btn - outline).focus, .btn.blue - sharp: not(.btn - outline): focus {
    color: #FFF;background - color: #3782c3;border-color:# 265 a87
}.btn.blue - sharp: not(.btn - outline).active, .btn.blue - sharp: not(.btn - outline): active, .btn.blue - sharp: not(.btn - outline): hover, .open > .btn.blue - sharp: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #3782c3;border-color:# 357 dbb
}.btn.blue - sharp: not(.btn - outline).active.focus, .btn.blue - sharp: not(.btn - outline).active: focus, .btn.blue - sharp: not(.btn - outline).active: hover, .btn.blue - sharp: not(.btn - outline): active.focus, .btn.blue - sharp: not(.btn - outline): active: focus, .btn.blue - sharp: not(.btn - outline): active: hover, .open > .btn.blue - sharp: not(.btn - outline).dropdown - toggle.focus, .open > .btn.blue - sharp: not(.btn - outline).dropdown - toggle: focus, .open > .btn.blue - sharp: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #2f70a7;border-color:# 265 a87
}.btn.blue - sharp: not(.btn - outline).active, .btn.blue - sharp: not(.btn - outline): active, .open > .btn.blue - sharp: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.blue - sharp: not(.btn - outline).disabled.focus, .btn.blue - sharp: not(.btn - outline).disabled: focus, .btn.blue - sharp: not(.btn - outline).disabled: hover, .btn.blue - sharp: not(.btn - outline)[disabled].focus, .btn.blue - sharp: not(.btn - outline)[disabled]: focus, .btn.blue - sharp: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.blue - sharp: not(.btn - outline).focus, fieldset[disabled].btn.blue - sharp: not(.btn - outline): focus, fieldset[disabled].btn.blue - sharp: not(.btn - outline): hover {
    background - color: #5C9BD1;border-color:# 5 C9BD1
}.btn.blue - sharp: not(.btn - outline).badge {
    color: #5C9BD1;background-color:# FFF
}.btn.btn - outline.blue - sharp {
    border - color: #5C9BD1;color:# 5 C9BD1;
    background: 0 0
}.btn.btn - outline.blue - sharp.active, .btn.btn - outline.blue - sharp: active, .btn.btn - outline.blue - sharp: active: focus, .btn.btn - outline.blue - sharp: active: hover, .btn.btn - outline.blue - sharp: focus, .btn.btn - outline.blue - sharp: hover {
    border - color: #5C9BD1;color:# FFF;
    background - color: #5C9BD1}.btn.blue-sharp-stripe{border-left:4px solid # 5 C9BD1!important
}.btn.blue - sharp.btn - no - border: not(.active) {
    border - color: transparent
}.btn.blue - oleo: not(.btn - outline) {
    color: #FFF;background - color: #94A0B2;border-color:# 94 A0B2
}.btn.blue - oleo: not(.btn - outline).focus, .btn.blue - oleo: not(.btn - outline): focus {
    color: #FFF;background - color: #76869d;border-color:# 536073
}.btn.blue - oleo: not(.btn - outline).active, .btn.blue - oleo: not(.btn - outline): active, .btn.blue - oleo: not(.btn - outline): hover, .open > .btn.blue - oleo: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #76869d;border-color:# 708098
}.btn.blue - oleo: not(.btn - outline).active.focus, .btn.blue - oleo: not(.btn - outline).active: focus, .btn.blue - oleo: not(.btn - outline).active: hover, .btn.blue - oleo: not(.btn - outline): active.focus, .btn.blue - oleo: not(.btn - outline): active: focus, .btn.blue - oleo: not(.btn - outline): active: hover, .open > .btn.blue - oleo: not(.btn - outline).dropdown - toggle.focus, .open > .btn.blue - oleo: not(.btn - outline).dropdown - toggle: focus, .open > .btn.blue - oleo: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #64748b;border-color:# 536073
}.btn.blue - oleo: not(.btn - outline).active, .btn.blue - oleo: not(.btn - outline): active, .open > .btn.blue - oleo: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.blue - oleo: not(.btn - outline).disabled.focus, .btn.blue - oleo: not(.btn - outline).disabled: focus, .btn.blue - oleo: not(.btn - outline).disabled: hover, .btn.blue - oleo: not(.btn - outline)[disabled].focus, .btn.blue - oleo: not(.btn - outline)[disabled]: focus, .btn.blue - oleo: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.blue - oleo: not(.btn - outline).focus, fieldset[disabled].btn.blue - oleo: not(.btn - outline): focus, fieldset[disabled].btn.blue - oleo: not(.btn - outline): hover {
    background - color: #94A0B2;border-color:# 94 A0B2
}.btn.blue - oleo: not(.btn - outline).badge {
    color: #94A0B2;background-color:# FFF
}.btn.btn - outline.blue - oleo {
    border - color: #94A0B2;color:# 94 A0B2;
    background: 0 0
}.btn.btn - outline.blue - oleo.active, .btn.btn - outline.blue - oleo: active, .btn.btn - outline.blue - oleo: active: focus, .btn.btn - outline.blue - oleo: active: hover, .btn.btn - outline.blue - oleo: focus, .btn.btn - outline.blue - oleo: hover {
    border - color: #94A0B2;color:# FFF;
    background - color: #94A0B2}.btn.blue-oleo-stripe{border-left:4px solid # 94 A0B2!important
}.btn.blue - oleo.btn - no - border: not(.active) {
    border - color: transparent
}.btn.green: not(.btn - outline) {
    color: #FFF;background - color: #32c5d2;border-color:# 32 c5d2
}.btn.green: not(.btn - outline).focus, .btn.green: not(.btn - outline): focus {
    color: #FFF;background - color: #26a1ab;border-color:# 18666 d
}.btn.green: not(.btn - outline).active, .btn.green: not(.btn - outline): active, .btn.green: not(.btn - outline): hover, .open > .btn.green: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #26a1ab;border-color:# 2499 a3
}.btn.green: not(.btn - outline).active.focus, .btn.green: not(.btn - outline).active: focus, .btn.green: not(.btn - outline).active: hover, .btn.green: not(.btn - outline): active.focus, .btn.green: not(.btn - outline): active: focus, .btn.green: not(.btn - outline): active: hover, .open > .btn.green: not(.btn - outline).dropdown - toggle.focus, .open > .btn.green: not(.btn - outline).dropdown - toggle: focus, .open > .btn.green: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #1f858e;border-color:# 18666 d
}.btn.green: not(.btn - outline).active, .btn.green: not(.btn - outline): active, .open > .btn.green: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.green: not(.btn - outline).disabled.focus, .btn.green: not(.btn - outline).disabled: focus, .btn.green: not(.btn - outline).disabled: hover, .btn.green: not(.btn - outline)[disabled].focus, .btn.green: not(.btn - outline)[disabled]: focus, .btn.green: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.green: not(.btn - outline).focus, fieldset[disabled].btn.green: not(.btn - outline): focus, fieldset[disabled].btn.green: not(.btn - outline): hover {
    background - color: #32c5d2;border-color:# 32 c5d2
}.btn.green: not(.btn - outline).badge {
    color: #32c5d2;background-color:# FFF
}.btn.btn - outline.green {
    border - color: #32c5d2;color:# 32 c5d2;
    background: 0 0
}.btn.btn - outline.green.active, .btn.btn - outline.green: active, .btn.btn - outline.green: active: focus, .btn.btn - outline.green: active: hover, .btn.btn - outline.green: focus, .btn.btn - outline.green: hover {
    border - color: #32c5d2;color:# FFF;
    background - color: #32c5d2}.btn.green-stripe{border-left:4px solid # 32 c5d2!important
}.btn.green.btn - no - border: not(.active) {
    border - color: transparent
}.btn.green - meadow: not(.btn - outline) {
    color: #FFF;background - color: #1BBC9B;border-color:# 1 BBC9B
}.btn.green - meadow: not(.btn - outline).focus, .btn.green - meadow: not(.btn - outline): focus {
    color: #FFF;background - color: #158f76;border-color:# 0b 4 d3f
}.btn.green - meadow: not(.btn - outline).active, .btn.green - meadow: not(.btn - outline): active, .btn.green - meadow: not(.btn - outline): hover, .open > .btn.green - meadow: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #158f76;border-color:# 13866 f
}.btn.green - meadow: not(.btn - outline).active.focus, .btn.green - meadow: not(.btn - outline).active: focus, .btn.green - meadow: not(.btn - outline).active: hover, .btn.green - meadow: not(.btn - outline): active.focus, .btn.green - meadow: not(.btn - outline): active: focus, .btn.green - meadow: not(.btn - outline): active: hover, .open > .btn.green - meadow: not(.btn - outline).dropdown - toggle.focus, .open > .btn.green - meadow: not(.btn - outline).dropdown - toggle: focus, .open > .btn.green - meadow: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #10705c;border-color:# 0b 4 d3f
}.btn.green - meadow: not(.btn - outline).active, .btn.green - meadow: not(.btn - outline): active, .open > .btn.green - meadow: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.green - meadow: not(.btn - outline).disabled.focus, .btn.green - meadow: not(.btn - outline).disabled: focus, .btn.green - meadow: not(.btn - outline).disabled: hover, .btn.green - meadow: not(.btn - outline)[disabled].focus, .btn.green - meadow: not(.btn - outline)[disabled]: focus, .btn.green - meadow: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.green - meadow: not(.btn - outline).focus, fieldset[disabled].btn.green - meadow: not(.btn - outline): focus, fieldset[disabled].btn.green - meadow: not(.btn - outline): hover {
    background - color: #1BBC9B;border-color:# 1 BBC9B
}.btn.green - meadow: not(.btn - outline).badge {
    color: #1BBC9B;background-color:# FFF
}.btn.btn - outline.green - meadow {
    border - color: #1BBC9B;color:# 1 BBC9B;
    background: 0 0
}.btn.btn - outline.green - meadow.active, .btn.btn - outline.green - meadow: active, .btn.btn - outline.green - meadow: active: focus, .btn.btn - outline.green - meadow: active: hover, .btn.btn - outline.green - meadow: focus, .btn.btn - outline.green - meadow: hover {
    border - color: #1BBC9B;color:# FFF;
    background - color: #1BBC9B}.btn.green-meadow-stripe{border-left:4px solid # 1 BBC9B!important
}.btn.green - meadow.btn - no - border: not(.active) {
    border - color: transparent
}.btn.green - seagreen: not(.btn - outline) {
    color: #FFF;background - color: #1BA39C;border-color:# 1 BA39C
}.btn.green - seagreen: not(.btn - outline).focus, .btn.green - seagreen: not(.btn - outline): focus {
    color: #FFF;background - color: #147772;border-color:# 093633
}.btn.green - seagreen: not(.btn - outline).active, .btn.green - seagreen: not(.btn - outline): active, .btn.green - seagreen: not(.btn - outline): hover, .open > .btn.green - seagreen: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #147772;border-color:# 126e6 a
}.btn.green - seagreen: not(.btn - outline).active.focus, .btn.green - seagreen: not(.btn - outline).active: focus, .btn.green - seagreen: not(.btn - outline).active: hover, .btn.green - seagreen: not(.btn - outline): active.focus, .btn.green - seagreen: not(.btn - outline): active: focus, .btn.green - seagreen: not(.btn - outline): active: hover, .open > .btn.green - seagreen: not(.btn - outline).dropdown - toggle.focus, .open > .btn.green - seagreen: not(.btn - outline).dropdown - toggle: focus, .open > .btn.green - seagreen: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #0f5955;border-color:# 093633
}.btn.green - seagreen: not(.btn - outline).active, .btn.green - seagreen: not(.btn - outline): active, .open > .btn.green - seagreen: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.green - seagreen: not(.btn - outline).disabled.focus, .btn.green - seagreen: not(.btn - outline).disabled: focus, .btn.green - seagreen: not(.btn - outline).disabled: hover, .btn.green - seagreen: not(.btn - outline)[disabled].focus, .btn.green - seagreen: not(.btn - outline)[disabled]: focus, .btn.green - seagreen: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.green - seagreen: not(.btn - outline).focus, fieldset[disabled].btn.green - seagreen: not(.btn - outline): focus, fieldset[disabled].btn.green - seagreen: not(.btn - outline): hover {
    background - color: #1BA39C;border-color:# 1 BA39C
}.btn.green - seagreen: not(.btn - outline).badge {
    color: #1BA39C;background-color:# FFF
}.btn.btn - outline.green - seagreen {
    border - color: #1BA39C;color:# 1 BA39C;
    background: 0 0
}.btn.btn - outline.green - seagreen.active, .btn.btn - outline.green - seagreen: active, .btn.btn - outline.green - seagreen: active: focus, .btn.btn - outline.green - seagreen: active: hover, .btn.btn - outline.green - seagreen: focus, .btn.btn - outline.green - seagreen: hover {
    border - color: #1BA39C;color:# FFF;
    background - color: #1BA39C}.btn.green-seagreen-stripe{border-left:4px solid # 1 BA39C!important
}.btn.green - seagreen.btn - no - border: not(.active) {
    border - color: transparent
}.btn.green - turquoise: not(.btn - outline) {
    color: #FFF;background - color: #36D7B7;border-color:# 36 D7B7
}.btn.green - turquoise: not(.btn - outline).focus, .btn.green - turquoise: not(.btn - outline): focus {
    color: #FFF;background - color: #24b699;border-color:# 177663
}.btn.green - turquoise: not(.btn - outline).active, .btn.green - turquoise: not(.btn - outline): active, .btn.green - turquoise: not(.btn - outline): hover, .open > .btn.green - turquoise: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #24b699;border-color:# 22 ad92
}.btn.green - turquoise: not(.btn - outline).active.focus, .btn.green - turquoise: not(.btn - outline).active: focus, .btn.green - turquoise: not(.btn - outline).active: hover, .btn.green - turquoise: not(.btn - outline): active.focus, .btn.green - turquoise: not(.btn - outline): active: focus, .btn.green - turquoise: not(.btn - outline): active: hover, .open > .btn.green - turquoise: not(.btn - outline).dropdown - toggle.focus, .open > .btn.green - turquoise: not(.btn - outline).dropdown - toggle: focus, .open > .btn.green - turquoise: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #1e9880;border-color:# 177663
}.btn.green - turquoise: not(.btn - outline).active, .btn.green - turquoise: not(.btn - outline): active, .open > .btn.green - turquoise: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.green - turquoise: not(.btn - outline).disabled.focus, .btn.green - turquoise: not(.btn - outline).disabled: focus, .btn.green - turquoise: not(.btn - outline).disabled: hover, .btn.green - turquoise: not(.btn - outline)[disabled].focus, .btn.green - turquoise: not(.btn - outline)[disabled]: focus, .btn.green - turquoise: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.green - turquoise: not(.btn - outline).focus, fieldset[disabled].btn.green - turquoise: not(.btn - outline): focus, fieldset[disabled].btn.green - turquoise: not(.btn - outline): hover {
    background - color: #36D7B7;border-color:# 36 D7B7
}.btn.green - turquoise: not(.btn - outline).badge {
    color: #36D7B7;background-color:# FFF
}.btn.btn - outline.green - turquoise {
    border - color: #36D7B7;color:# 36 D7B7;
    background: 0 0
}.btn.btn - outline.green - turquoise.active, .btn.btn - outline.green - turquoise: active, .btn.btn - outline.green - turquoise: active: focus, .btn.btn - outline.green - turquoise: active: hover, .btn.btn - outline.green - turquoise: focus, .btn.btn - outline.green - turquoise: hover {
    border - color: #36D7B7;color:# FFF;
    background - color: #36D7B7}.btn.green-turquoise-stripe{border-left:4px solid # 36 D7B7!important
}.btn.green - turquoise.btn - no - border: not(.active) {
    border - color: transparent
}.btn.green - haze: not(.btn - outline) {
    color: #FFF;background - color: #44b6ae;border-color:# 44 b6ae
}.btn.green - haze: not(.btn - outline).focus, .btn.green - haze: not(.btn - outline): focus {
    color: #FFF;background - color: #36918b;border-color:# 215955
}.btn.green - haze: not(.btn - outline).active, .btn.green - haze: not(.btn - outline): active, .btn.green - haze: not(.btn - outline): hover, .open > .btn.green - haze: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #36918b;border-color:# 338983
}.btn.green - haze: not(.btn - outline).active.focus, .btn.green - haze: not(.btn - outline).active: focus, .btn.green - haze: not(.btn - outline).active: hover, .btn.green - haze: not(.btn - outline): active.focus, .btn.green - haze: not(.btn - outline): active: focus, .btn.green - haze: not(.btn - outline): active: hover, .open > .btn.green - haze: not(.btn - outline).dropdown - toggle.focus, .open > .btn.green - haze: not(.btn - outline).dropdown - toggle: focus, .open > .btn.green - haze: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #2c7772;border-color:# 215955
}.btn.green - haze: not(.btn - outline).active, .btn.green - haze: not(.btn - outline): active, .open > .btn.green - haze: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.green - haze: not(.btn - outline).disabled.focus, .btn.green - haze: not(.btn - outline).disabled: focus, .btn.green - haze: not(.btn - outline).disabled: hover, .btn.green - haze: not(.btn - outline)[disabled].focus, .btn.green - haze: not(.btn - outline)[disabled]: focus, .btn.green - haze: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.green - haze: not(.btn - outline).focus, fieldset[disabled].btn.green - haze: not(.btn - outline): focus, fieldset[disabled].btn.green - haze: not(.btn - outline): hover {
    background - color: #44b6ae;border-color:# 44 b6ae
}.btn.green - haze: not(.btn - outline).badge {
    color: #44b6ae;background-color:# FFF
}.btn.btn - outline.green - haze {
    border - color: #44b6ae;color:# 44 b6ae;
    background: 0 0
}.btn.btn - outline.green - haze.active, .btn.btn - outline.green - haze: active, .btn.btn - outline.green - haze: active: focus, .btn.btn - outline.green - haze: active: hover, .btn.btn - outline.green - haze: focus, .btn.btn - outline.green - haze: hover {
    border - color: #44b6ae;color:# FFF;
    background - color: #44b6ae}.btn.green-haze-stripe{border-left:4px solid # 44 b6ae!important
}.btn.green - haze.btn - no - border: not(.active) {
    border - color: transparent
}.btn.green - jungle: not(.btn - outline) {
    color: #FFF;background - color: #26C281;border-color:# 26 C281
}.btn.green - jungle: not(.btn - outline).focus, .btn.green - jungle: not(.btn - outline): focus {
    color: #FFF;background - color: #1e9765;border-color:# 11573 a
}.btn.green - jungle: not(.btn - outline).active, .btn.green - jungle: not(.btn - outline): active, .btn.green - jungle: not(.btn - outline): hover, .open > .btn.green - jungle: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #1e9765;border-color:# 1 c8f5f
}.btn.green - jungle: not(.btn - outline).active.focus, .btn.green - jungle: not(.btn - outline).active: focus, .btn.green - jungle: not(.btn - outline).active: hover, .btn.green - jungle: not(.btn - outline): active.focus, .btn.green - jungle: not(.btn - outline): active: focus, .btn.green - jungle: not(.btn - outline): active: hover, .open > .btn.green - jungle: not(.btn - outline).dropdown - toggle.focus, .open > .btn.green - jungle: not(.btn - outline).dropdown - toggle: focus, .open > .btn.green - jungle: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #187a51;border-color:# 11573 a
}.btn.green - jungle: not(.btn - outline).active, .btn.green - jungle: not(.btn - outline): active, .open > .btn.green - jungle: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.green - jungle: not(.btn - outline).disabled.focus, .btn.green - jungle: not(.btn - outline).disabled: focus, .btn.green - jungle: not(.btn - outline).disabled: hover, .btn.green - jungle: not(.btn - outline)[disabled].focus, .btn.green - jungle: not(.btn - outline)[disabled]: focus, .btn.green - jungle: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.green - jungle: not(.btn - outline).focus, fieldset[disabled].btn.green - jungle: not(.btn - outline): focus, fieldset[disabled].btn.green - jungle: not(.btn - outline): hover {
    background - color: #26C281;border-color:# 26 C281
}.btn.green - jungle: not(.btn - outline).badge {
    color: #26C281;background-color:# FFF
}.btn.btn - outline.green - jungle {
    border - color: #26C281;color:# 26 C281;
    background: 0 0
}.btn.btn - outline.green - jungle.active, .btn.btn - outline.green - jungle: active, .btn.btn - outline.green - jungle: active: focus, .btn.btn - outline.green - jungle: active: hover, .btn.btn - outline.green - jungle: focus, .btn.btn - outline.green - jungle: hover {
    border - color: #26C281;color:# FFF;
    background - color: #26C281}.btn.green-jungle-stripe{border-left:4px solid # 26 C281!important
}.btn.green - jungle.btn - no - border: not(.active) {
    border - color: transparent
}.btn.green - soft: not(.btn - outline) {
    color: #FFF;background - color: #3faba4;border-color:# 3 faba4
}.btn.green - soft: not(.btn - outline).focus, .btn.green - soft: not(.btn - outline): focus {
    color: #FFF;background - color: #318680;border-color:# 1 d4e4b
}.btn.green - soft: not(.btn - outline).active, .btn.green - soft: not(.btn - outline): active, .btn.green - soft: not(.btn - outline): hover, .open > .btn.green - soft: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #318680;border-color:# 2 f7e79
}.btn.green - soft: not(.btn - outline).active.focus, .btn.green - soft: not(.btn - outline).active: focus, .btn.green - soft: not(.btn - outline).active: hover, .btn.green - soft: not(.btn - outline): active.focus, .btn.green - soft: not(.btn - outline): active: focus, .btn.green - soft: not(.btn - outline): active: hover, .open > .btn.green - soft: not(.btn - outline).dropdown - toggle.focus, .open > .btn.green - soft: not(.btn - outline).dropdown - toggle: focus, .open > .btn.green - soft: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #286c67;border-color:# 1 d4e4b
}.btn.green - soft: not(.btn - outline).active, .btn.green - soft: not(.btn - outline): active, .open > .btn.green - soft: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.green - soft: not(.btn - outline).disabled.focus, .btn.green - soft: not(.btn - outline).disabled: focus, .btn.green - soft: not(.btn - outline).disabled: hover, .btn.green - soft: not(.btn - outline)[disabled].focus, .btn.green - soft: not(.btn - outline)[disabled]: focus, .btn.green - soft: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.green - soft: not(.btn - outline).focus, fieldset[disabled].btn.green - soft: not(.btn - outline): focus, fieldset[disabled].btn.green - soft: not(.btn - outline): hover {
    background - color: #3faba4;border-color:# 3 faba4
}.btn.green - soft: not(.btn - outline).badge {
    color: #3faba4;background-color:# FFF
}.btn.btn - outline.green - soft {
    border - color: #3faba4;color:# 3 faba4;
    background: 0 0
}.btn.btn - outline.green - soft.active, .btn.btn - outline.green - soft: active, .btn.btn - outline.green - soft: active: focus, .btn.btn - outline.green - soft: active: hover, .btn.btn - outline.green - soft: focus, .btn.btn - outline.green - soft: hover {
    border - color: #3faba4;color:# FFF;
    background - color: #3faba4}.btn.green-soft-stripe{border-left:4px solid # 3 faba4!important
}.btn.green - soft.btn - no - border: not(.active) {
    border - color: transparent
}.btn.green - dark: not(.btn - outline) {
    color: #FFF;background - color: #4DB3A2;border-color:# 4 DB3A2
}.btn.green - dark: not(.btn - outline).focus, .btn.green - dark: not(.btn - outline): focus {
    color: #FFF;background - color: #3d9082;border-color:# 265 a51
}.btn.green - dark: not(.btn - outline).active, .btn.green - dark: not(.btn - outline): active, .btn.green - dark: not(.btn - outline): hover, .open > .btn.green - dark: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #3d9082;border-color:# 3 a897b
}.btn.green - dark: not(.btn - outline).active.focus, .btn.green - dark: not(.btn - outline).active: focus, .btn.green - dark: not(.btn - outline).active: hover, .btn.green - dark: not(.btn - outline): active.focus, .btn.green - dark: not(.btn - outline): active: focus, .btn.green - dark: not(.btn - outline): active: hover, .open > .btn.green - dark: not(.btn - outline).dropdown - toggle.focus, .open > .btn.green - dark: not(.btn - outline).dropdown - toggle: focus, .open > .btn.green - dark: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #33776b;border-color:# 265 a51
}.btn.green - dark: not(.btn - outline).active, .btn.green - dark: not(.btn - outline): active, .open > .btn.green - dark: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.green - dark: not(.btn - outline).disabled.focus, .btn.green - dark: not(.btn - outline).disabled: focus, .btn.green - dark: not(.btn - outline).disabled: hover, .btn.green - dark: not(.btn - outline)[disabled].focus, .btn.green - dark: not(.btn - outline)[disabled]: focus, .btn.green - dark: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.green - dark: not(.btn - outline).focus, fieldset[disabled].btn.green - dark: not(.btn - outline): focus, fieldset[disabled].btn.green - dark: not(.btn - outline): hover {
    background - color: #4DB3A2;border-color:# 4 DB3A2
}.btn.green - dark: not(.btn - outline).badge {
    color: #4DB3A2;background-color:# FFF
}.btn.btn - outline.green - dark {
    border - color: #4DB3A2;color:# 4 DB3A2;
    background: 0 0
}.btn.btn - outline.green - dark.active, .btn.btn - outline.green - dark: active, .btn.btn - outline.green - dark: active: focus, .btn.btn - outline.green - dark: active: hover, .btn.btn - outline.green - dark: focus, .btn.btn - outline.green - dark: hover {
    border - color: #4DB3A2;color:# FFF;
    background - color: #4DB3A2}.btn.green-dark-stripe{border-left:4px solid # 4 DB3A2!important
}.btn.green - dark.btn - no - border: not(.active) {
    border - color: transparent
}.btn.green - sharp: not(.btn - outline) {
    color: #FFF;background - color: #2ab4c0;border-color:# 2 ab4c0
}.btn.green - sharp: not(.btn - outline).focus, .btn.green - sharp: not(.btn - outline): focus {
    color: #FFF;background - color: #218d96;border-color:# 135257
}.btn.green - sharp: not(.btn - outline).active, .btn.green - sharp: not(.btn - outline): active, .btn.green - sharp: not(.btn - outline): hover, .open > .btn.green - sharp: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #218d96;border-color:# 1 f858e
}.btn.green - sharp: not(.btn - outline).active.focus, .btn.green - sharp: not(.btn - outline).active: focus, .btn.green - sharp: not(.btn - outline).active: hover, .btn.green - sharp: not(.btn - outline): active.focus, .btn.green - sharp: not(.btn - outline): active: focus, .btn.green - sharp: not(.btn - outline): active: hover, .open > .btn.green - sharp: not(.btn - outline).dropdown - toggle.focus, .open > .btn.green - sharp: not(.btn - outline).dropdown - toggle: focus, .open > .btn.green - sharp: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #1a7179;border-color:# 135257
}.btn.green - sharp: not(.btn - outline).active, .btn.green - sharp: not(.btn - outline): active, .open > .btn.green - sharp: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.green - sharp: not(.btn - outline).disabled.focus, .btn.green - sharp: not(.btn - outline).disabled: focus, .btn.green - sharp: not(.btn - outline).disabled: hover, .btn.green - sharp: not(.btn - outline)[disabled].focus, .btn.green - sharp: not(.btn - outline)[disabled]: focus, .btn.green - sharp: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.green - sharp: not(.btn - outline).focus, fieldset[disabled].btn.green - sharp: not(.btn - outline): focus, fieldset[disabled].btn.green - sharp: not(.btn - outline): hover {
    background - color: #2ab4c0;border-color:# 2 ab4c0
}.btn.green - sharp: not(.btn - outline).badge {
    color: #2ab4c0;background-color:# FFF
}.btn.btn - outline.green - sharp {
    border - color: #2ab4c0;color:# 2 ab4c0;
    background: 0 0
}.btn.btn - outline.green - sharp.active, .btn.btn - outline.green - sharp: active, .btn.btn - outline.green - sharp: active: focus, .btn.btn - outline.green - sharp: active: hover, .btn.btn - outline.green - sharp: focus, .btn.btn - outline.green - sharp: hover {
    border - color: #2ab4c0;color:# FFF;
    background - color: #2ab4c0}.btn.green-sharp-stripe{border-left:4px solid # 2 ab4c0!important
}.btn.green - sharp.btn - no - border: not(.active) {
    border - color: transparent
}.btn.green - steel: not(.btn - outline) {
    color: #FFF;background - color: #29b4b6;border-color:# 29 b4b6
}.btn.green - steel: not(.btn - outline).focus, .btn.green - steel: not(.btn - outline): focus {
    color: #FFF;background - color: #208b8c;border-color:# 124 d4e
}.btn.green - steel: not(.btn - outline).active, .btn.green - steel: not(.btn - outline): active, .btn.green - steel: not(.btn - outline): hover, .open > .btn.green - steel: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #208b8c;border-color:# 1e8384
}.btn.green - steel: not(.btn - outline).active.focus, .btn.green - steel: not(.btn - outline).active: focus, .btn.green - steel: not(.btn - outline).active: hover, .btn.green - steel: not(.btn - outline): active.focus, .btn.green - steel: not(.btn - outline): active: focus, .btn.green - steel: not(.btn - outline): active: hover, .open > .btn.green - steel: not(.btn - outline).dropdown - toggle.focus, .open > .btn.green - steel: not(.btn - outline).dropdown - toggle: focus, .open > .btn.green - steel: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #196e6f;border-color:# 124 d4e
}.btn.green - steel: not(.btn - outline).active, .btn.green - steel: not(.btn - outline): active, .open > .btn.green - steel: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.green - steel: not(.btn - outline).disabled.focus, .btn.green - steel: not(.btn - outline).disabled: focus, .btn.green - steel: not(.btn - outline).disabled: hover, .btn.green - steel: not(.btn - outline)[disabled].focus, .btn.green - steel: not(.btn - outline)[disabled]: focus, .btn.green - steel: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.green - steel: not(.btn - outline).focus, fieldset[disabled].btn.green - steel: not(.btn - outline): focus, fieldset[disabled].btn.green - steel: not(.btn - outline): hover {
    background - color: #29b4b6;border-color:# 29 b4b6
}.btn.green - steel: not(.btn - outline).badge {
    color: #29b4b6;background-color:# FFF
}.btn.btn - outline.green - steel {
    border - color: #29b4b6;color:# 29 b4b6;
    background: 0 0
}.btn.btn - outline.green - steel.active, .btn.btn - outline.green - steel: active, .btn.btn - outline.green - steel: active: focus, .btn.btn - outline.green - steel: active: hover, .btn.btn - outline.green - steel: focus, .btn.btn - outline.green - steel: hover {
    border - color: #29b4b6;color:# FFF;
    background - color: #29b4b6}.btn.green-steel-stripe{border-left:4px solid # 29 b4b6!important
}.btn.green - steel.btn - no - border: not(.active) {
    border - color: transparent
}.btn.grey: not(.btn - outline) {
    color: #333;background-color:# E5E5E5;border - color: #E5E5E5
}.btn.grey: not(.btn - outline).focus, .btn.grey: not(.btn - outline): focus {
    color: #333;background-color:# ccc;border - color: #a5a5a5
}.btn.grey: not(.btn - outline).active, .btn.grey: not(.btn - outline): active, .btn.grey: not(.btn - outline): hover, .open > .btn.grey: not(.btn - outline).dropdown - toggle {
    color: #333;background-color:# ccc;border - color: #c6c6c6
}.btn.grey: not(.btn - outline).active.focus, .btn.grey: not(.btn - outline).active: focus, .btn.grey: not(.btn - outline).active: hover, .btn.grey: not(.btn - outline): active.focus, .btn.grey: not(.btn - outline): active: focus, .btn.grey: not(.btn - outline): active: hover, .open > .btn.grey: not(.btn - outline).dropdown - toggle.focus, .open > .btn.grey: not(.btn - outline).dropdown - toggle: focus, .open > .btn.grey: not(.btn - outline).dropdown - toggle: hover {
    color: #333;background-color:# bababa;border - color: #a5a5a5
}.btn.grey: not(.btn - outline).active, .btn.grey: not(.btn - outline): active, .open > .btn.grey: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.grey: not(.btn - outline).disabled.focus, .btn.grey: not(.btn - outline).disabled: focus, .btn.grey: not(.btn - outline).disabled: hover, .btn.grey: not(.btn - outline)[disabled].focus, .btn.grey: not(.btn - outline)[disabled]: focus, .btn.grey: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.grey: not(.btn - outline).focus, fieldset[disabled].btn.grey: not(.btn - outline): focus, fieldset[disabled].btn.grey: not(.btn - outline): hover {
    background - color: #E5E5E5;
    border - color: #E5E5E5
}.btn.grey: not(.btn - outline).badge {
    color: #E5E5E5;background - color: #333}.btn.btn-outline.grey{border-color:# E5E5E5;color: #E5E5E5;background: 0 0
}.btn.btn - outline.grey.active, .btn.btn - outline.grey: active, .btn.btn - outline.grey: active: focus, .btn.btn - outline.grey: active: hover, .btn.btn - outline.grey: focus, .btn.btn - outline.grey: hover {
    border - color: #E5E5E5;
    color: #333;background-color:# E5E5E5
}.btn.grey - stripe {
    border - left: 4 px solid# E5E5E5!important
}.btn.grey.btn - no - border: not(.active) {
    border - color: transparent
}.btn.grey - steel: not(.btn - outline) {
    color: #80898e;background-color:# e9edef;border - color: #e9edef
}.btn.grey - steel: not(.btn - outline).focus, .btn.grey - steel: not(.btn - outline): focus {
    color: #80898e;background-color:# cbd5da;border - color: #9fb1b9}.btn.grey-steel:not(.btn-outline).active,.btn.grey-steel:not(.btn-outline):active,.btn.grey-steel:not(.btn-outline):hover,.open>.btn.grey-steel:not(.btn-outline).dropdown-toggle{color:# 80898e;background - color: #cbd5da;border - color: #c6d0d5
}.btn.grey - steel: not(.btn - outline).active.focus, .btn.grey - steel: not(.btn - outline).active: focus, .btn.grey - steel: not(.btn - outline).active: hover, .btn.grey - steel: not(.btn - outline): active.focus, .btn.grey - steel: not(.btn - outline): active: focus, .btn.grey - steel: not(.btn - outline): active: hover, .open > .btn.grey - steel: not(.btn - outline).dropdown - toggle.focus, .open > .btn.grey - steel: not(.btn - outline).dropdown - toggle: focus, .open > .btn.grey - steel: not(.btn - outline).dropdown - toggle: hover {
    color: #80898e;background-color:# b7c4ca;border - color: #9fb1b9}.btn.grey-steel:not(.btn-outline).active,.btn.grey-steel:not(.btn-outline):active,.open>.btn.grey-steel:not(.btn-outline).dropdown-toggle{background-image:none}.btn.grey-steel:not(.btn-outline).disabled.focus,.btn.grey-steel:not(.btn-outline).disabled:focus,.btn.grey-steel:not(.btn-outline).disabled:hover,.btn.grey-steel:not(.btn-outline)[disabled].focus,.btn.grey-steel:not(.btn-outline)[disabled]:focus,.btn.grey-steel:not(.btn-outline)[disabled]:hover,fieldset[disabled] .btn.grey-steel:not(.btn-outline).focus,fieldset[disabled] .btn.grey-steel:not(.btn-outline):focus,fieldset[disabled] .btn.grey-steel:not(.btn-outline):hover{background-color:# e9edef;border - color: #e9edef
}.btn.grey - steel: not(.btn - outline).badge {
    color: #e9edef;background - color: #80898e}.btn.btn-outline.grey-steel{border-color:# e9edef;color: #e9edef;background: 0 0
}.btn.btn - outline.grey - steel.active, .btn.btn - outline.grey - steel: active, .btn.btn - outline.grey - steel: active: focus, .btn.btn - outline.grey - steel: active: hover, .btn.btn - outline.grey - steel: focus, .btn.btn - outline.grey - steel: hover {
    border - color: #e9edef;
    color: #80898e;background-color:# e9edef
}.btn.grey - steel - stripe {
    border - left: 4 px solid# e9edef!important
}.btn.grey - steel.btn - no - border: not(.active) {
    border - color: transparent
}.btn.grey - cararra: not(.btn - outline) {
    color: #333;background-color:# fafafa;border - color: #fafafa
}.btn.grey - cararra: not(.btn - outline).focus, .btn.grey - cararra: not(.btn - outline): focus {
    color: #333;background-color:# e1e1e1;border - color: #bababa
}.btn.grey - cararra: not(.btn - outline).active, .btn.grey - cararra: not(.btn - outline): active, .btn.grey - cararra: not(.btn - outline): hover, .open > .btn.grey - cararra: not(.btn - outline).dropdown - toggle {
    color: #333;background-color:# e1e1e1;border - color: #dbdbdb
}.btn.grey - cararra: not(.btn - outline).active.focus, .btn.grey - cararra: not(.btn - outline).active: focus, .btn.grey - cararra: not(.btn - outline).active: hover, .btn.grey - cararra: not(.btn - outline): active.focus, .btn.grey - cararra: not(.btn - outline): active: focus, .btn.grey - cararra: not(.btn - outline): active: hover, .open > .btn.grey - cararra: not(.btn - outline).dropdown - toggle.focus, .open > .btn.grey - cararra: not(.btn - outline).dropdown - toggle: focus, .open > .btn.grey - cararra: not(.btn - outline).dropdown - toggle: hover {
    color: #333;background-color:# cfcfcf;border - color: #bababa
}.btn.grey - cararra: not(.btn - outline).active, .btn.grey - cararra: not(.btn - outline): active, .open > .btn.grey - cararra: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.grey - cararra: not(.btn - outline).disabled.focus, .btn.grey - cararra: not(.btn - outline).disabled: focus, .btn.grey - cararra: not(.btn - outline).disabled: hover, .btn.grey - cararra: not(.btn - outline)[disabled].focus, .btn.grey - cararra: not(.btn - outline)[disabled]: focus, .btn.grey - cararra: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.grey - cararra: not(.btn - outline).focus, fieldset[disabled].btn.grey - cararra: not(.btn - outline): focus, fieldset[disabled].btn.grey - cararra: not(.btn - outline): hover {
    background - color: #fafafa;
    border - color: #fafafa
}.btn.grey - cararra: not(.btn - outline).badge {
    color: #fafafa;background - color: #333}.btn.btn-outline.grey-cararra{border-color:# fafafa;color: #fafafa;background: 0 0
}.btn.btn - outline.grey - cararra.active, .btn.btn - outline.grey - cararra: active, .btn.btn - outline.grey - cararra: active: focus, .btn.btn - outline.grey - cararra: active: hover, .btn.btn - outline.grey - cararra: focus, .btn.btn - outline.grey - cararra: hover {
    border - color: #fafafa;
    color: #333;background-color:# fafafa
}.btn.grey - cararra - stripe {
    border - left: 4 px solid# fafafa!important
}.btn.grey - cararra.btn - no - border: not(.active) {
    border - color: transparent
}.btn.grey - gallery: not(.btn - outline) {
    color: #fff;background - color: #555;border-color:# 555
}.btn.grey - gallery: not(.btn - outline).focus, .btn.grey - gallery: not(.btn - outline): focus {
    color: #fff;background - color: #3c3c3c;border-color:# 151515
}.btn.grey - gallery: not(.btn - outline).active, .btn.grey - gallery: not(.btn - outline): active, .btn.grey - gallery: not(.btn - outline): hover, .open > .btn.grey - gallery: not(.btn - outline).dropdown - toggle {
    color: #fff;background - color: #3c3c3c;border-color:# 363636
}.btn.grey - gallery: not(.btn - outline).active.focus, .btn.grey - gallery: not(.btn - outline).active: focus, .btn.grey - gallery: not(.btn - outline).active: hover, .btn.grey - gallery: not(.btn - outline): active.focus, .btn.grey - gallery: not(.btn - outline): active: focus, .btn.grey - gallery: not(.btn - outline): active: hover, .open > .btn.grey - gallery: not(.btn - outline).dropdown - toggle.focus, .open > .btn.grey - gallery: not(.btn - outline).dropdown - toggle: focus, .open > .btn.grey - gallery: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #2a2a2a;border-color:# 151515
}.btn.grey - gallery: not(.btn - outline).active, .btn.grey - gallery: not(.btn - outline): active, .open > .btn.grey - gallery: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.grey - gallery: not(.btn - outline).disabled.focus, .btn.grey - gallery: not(.btn - outline).disabled: focus, .btn.grey - gallery: not(.btn - outline).disabled: hover, .btn.grey - gallery: not(.btn - outline)[disabled].focus, .btn.grey - gallery: not(.btn - outline)[disabled]: focus, .btn.grey - gallery: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.grey - gallery: not(.btn - outline).focus, fieldset[disabled].btn.grey - gallery: not(.btn - outline): focus, fieldset[disabled].btn.grey - gallery: not(.btn - outline): hover {
    background - color: #555;border-color:# 555
}.btn.grey - gallery: not(.btn - outline).badge {
    color: #555;background-color:# fff
}.btn.btn - outline.grey - gallery {
    border - color: #555;color:# 555;
    background: 0 0
}.btn.btn - outline.grey - gallery.active, .btn.btn - outline.grey - gallery: active, .btn.btn - outline.grey - gallery: active: focus, .btn.btn - outline.grey - gallery: active: hover, .btn.btn - outline.grey - gallery: focus, .btn.btn - outline.grey - gallery: hover {
    border - color: #555;color:# fff;
    background - color: #555}.btn.grey-gallery-stripe{border-left:4px solid # 555!important
}.btn.grey - gallery.btn - no - border: not(.active) {
    border - color: transparent
}.btn.grey - cascade: not(.btn - outline) {
    color: #FFF;background - color: #95A5A6;border-color:# 95 A5A6
}.btn.grey - cascade: not(.btn - outline).focus, .btn.grey - cascade: not(.btn - outline): focus {
    color: #FFF;background - color: #798d8f;border-color:# 566566
}.btn.grey - cascade: not(.btn - outline).active, .btn.grey - cascade: not(.btn - outline): active, .btn.grey - cascade: not(.btn - outline): hover, .open > .btn.grey - cascade: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #798d8f;border-color:# 74898 a
}.btn.grey - cascade: not(.btn - outline).active.focus, .btn.grey - cascade: not(.btn - outline).active: focus, .btn.grey - cascade: not(.btn - outline).active: hover, .btn.grey - cascade: not(.btn - outline): active.focus, .btn.grey - cascade: not(.btn - outline): active: focus, .btn.grey - cascade: not(.btn - outline): active: hover, .open > .btn.grey - cascade: not(.btn - outline).dropdown - toggle.focus, .open > .btn.grey - cascade: not(.btn - outline).dropdown - toggle: focus, .open > .btn.grey - cascade: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #687b7c;border-color:# 566566
}.btn.grey - cascade: not(.btn - outline).active, .btn.grey - cascade: not(.btn - outline): active, .open > .btn.grey - cascade: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.grey - cascade: not(.btn - outline).disabled.focus, .btn.grey - cascade: not(.btn - outline).disabled: focus, .btn.grey - cascade: not(.btn - outline).disabled: hover, .btn.grey - cascade: not(.btn - outline)[disabled].focus, .btn.grey - cascade: not(.btn - outline)[disabled]: focus, .btn.grey - cascade: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.grey - cascade: not(.btn - outline).focus, fieldset[disabled].btn.grey - cascade: not(.btn - outline): focus, fieldset[disabled].btn.grey - cascade: not(.btn - outline): hover {
    background - color: #95A5A6;border-color:# 95 A5A6
}.btn.grey - cascade: not(.btn - outline).badge {
    color: #95A5A6;background-color:# FFF
}.btn.btn - outline.grey - cascade {
    border - color: #95A5A6;color:# 95 A5A6;
    background: 0 0
}.btn.btn - outline.grey - cascade.active, .btn.btn - outline.grey - cascade: active, .btn.btn - outline.grey - cascade: active: focus, .btn.btn - outline.grey - cascade: active: hover, .btn.btn - outline.grey - cascade: focus, .btn.btn - outline.grey - cascade: hover {
    border - color: #95A5A6;color:# FFF;
    background - color: #95A5A6}.btn.grey-cascade-stripe{border-left:4px solid # 95 A5A6!important
}.btn.grey - cascade.btn - no - border: not(.active) {
    border - color: transparent
}.btn.grey - silver: not(.btn - outline) {
    color: #FAFCFB;background - color: #BFBFBF;border - color: #BFBFBF
}.btn.grey - silver: not(.btn - outline).focus, .btn.grey - silver: not(.btn - outline): focus {
    color: #FAFCFB;background - color: #a6a6a6;border - color: #7f7f7f}.btn.grey-silver:not(.btn-outline).active,.btn.grey-silver:not(.btn-outline):active,.btn.grey-silver:not(.btn-outline):hover,.open>.btn.grey-silver:not(.btn-outline).dropdown-toggle{color:# FAFCFB;background - color: #a6a6a6;border - color: #a0a0a0
}.btn.grey - silver: not(.btn - outline).active.focus, .btn.grey - silver: not(.btn - outline).active: focus, .btn.grey - silver: not(.btn - outline).active: hover, .btn.grey - silver: not(.btn - outline): active.focus, .btn.grey - silver: not(.btn - outline): active: focus, .btn.grey - silver: not(.btn - outline): active: hover, .open > .btn.grey - silver: not(.btn - outline).dropdown - toggle.focus, .open > .btn.grey - silver: not(.btn - outline).dropdown - toggle: focus, .open > .btn.grey - silver: not(.btn - outline).dropdown - toggle: hover {
    color: #FAFCFB;background - color: #949494;border-color:# 7 f7f7f
}.btn.grey - silver: not(.btn - outline).active, .btn.grey - silver: not(.btn - outline): active, .open > .btn.grey - silver: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.grey - silver: not(.btn - outline).disabled.focus, .btn.grey - silver: not(.btn - outline).disabled: focus, .btn.grey - silver: not(.btn - outline).disabled: hover, .btn.grey - silver: not(.btn - outline)[disabled].focus, .btn.grey - silver: not(.btn - outline)[disabled]: focus, .btn.grey - silver: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.grey - silver: not(.btn - outline).focus, fieldset[disabled].btn.grey - silver: not(.btn - outline): focus, fieldset[disabled].btn.grey - silver: not(.btn - outline): hover {
    background - color: #BFBFBF;
    border - color: #BFBFBF
}.btn.grey - silver: not(.btn - outline).badge {
    color: #BFBFBF;background - color: #FAFCFB
}.btn.btn - outline.grey - silver {
    border - color: #BFBFBF;
    color: #BFBFBF;
    background: 0 0
}.btn.btn - outline.grey - silver.active, .btn.btn - outline.grey - silver: active, .btn.btn - outline.grey - silver: active: focus, .btn.btn - outline.grey - silver: active: hover, .btn.btn - outline.grey - silver: focus, .btn.btn - outline.grey - silver: hover {
    border - color: #BFBFBF;
    color: #FAFCFB;
    background - color: #BFBFBF
}.btn.grey - silver - stripe {
    border - left: 4 px solid# BFBFBF!important
}.btn.grey - silver.btn - no - border: not(.active) {
    border - color: transparent
}.btn.grey - salsa: not(.btn - outline) {
    color: #FAFCFB;background - color: #ACB5C3;border - color: #ACB5C3
}.btn.grey - salsa: not(.btn - outline).focus, .btn.grey - salsa: not(.btn - outline): focus {
    color: #FAFCFB;background - color: #8e9bae;border-color:# 64748 b
}.btn.grey - salsa: not(.btn - outline).active, .btn.grey - salsa: not(.btn - outline): active, .btn.grey - salsa: not(.btn - outline): hover, .open > .btn.grey - salsa: not(.btn - outline).dropdown - toggle {
    color: #FAFCFB;background - color: #8e9bae;border-color:# 8895 a9
}.btn.grey - salsa: not(.btn - outline).active.focus, .btn.grey - salsa: not(.btn - outline).active: focus, .btn.grey - salsa: not(.btn - outline).active: hover, .btn.grey - salsa: not(.btn - outline): active.focus, .btn.grey - salsa: not(.btn - outline): active: focus, .btn.grey - salsa: not(.btn - outline): active: hover, .open > .btn.grey - salsa: not(.btn - outline).dropdown - toggle.focus, .open > .btn.grey - salsa: not(.btn - outline).dropdown - toggle: focus, .open > .btn.grey - salsa: not(.btn - outline).dropdown - toggle: hover {
    color: #FAFCFB;background - color: #7a889f;border-color:# 64748 b
}.btn.grey - salsa: not(.btn - outline).active, .btn.grey - salsa: not(.btn - outline): active, .open > .btn.grey - salsa: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.grey - salsa: not(.btn - outline).disabled.focus, .btn.grey - salsa: not(.btn - outline).disabled: focus, .btn.grey - salsa: not(.btn - outline).disabled: hover, .btn.grey - salsa: not(.btn - outline)[disabled].focus, .btn.grey - salsa: not(.btn - outline)[disabled]: focus, .btn.grey - salsa: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.grey - salsa: not(.btn - outline).focus, fieldset[disabled].btn.grey - salsa: not(.btn - outline): focus, fieldset[disabled].btn.grey - salsa: not(.btn - outline): hover {
    background - color: #ACB5C3;
    border - color: #ACB5C3
}.btn.grey - salsa: not(.btn - outline).badge {
    color: #ACB5C3;background - color: #FAFCFB
}.btn.btn - outline.grey - salsa {
    border - color: #ACB5C3;
    color: #ACB5C3;
    background: 0 0
}.btn.btn - outline.grey - salsa.active, .btn.btn - outline.grey - salsa: active, .btn.btn - outline.grey - salsa: active: focus, .btn.btn - outline.grey - salsa: active: hover, .btn.btn - outline.grey - salsa: focus, .btn.btn - outline.grey - salsa: hover {
    border - color: #ACB5C3;
    color: #FAFCFB;
    background - color: #ACB5C3
}.btn.grey - salsa - stripe {
    border - left: 4 px solid# ACB5C3!important
}.btn.grey - salsa.btn - no - border: not(.active) {
    border - color: transparent
}.btn.grey - salt: not(.btn - outline) {
    color: #FAFCFB;background - color: #bfcad1;border - color: #bfcad1
}.btn.grey - salt: not(.btn - outline).focus, .btn.grey - salt: not(.btn - outline): focus {
    color: #FAFCFB;background - color: #a1b1bc;border - color: #758d9c}.btn.grey-salt:not(.btn-outline).active,.btn.grey-salt:not(.btn-outline):active,.btn.grey-salt:not(.btn-outline):hover,.open>.btn.grey-salt:not(.btn-outline).dropdown-toggle{color:# FAFCFB;background - color: #a1b1bc;border - color: #9badb7}.btn.grey-salt:not(.btn-outline).active.focus,.btn.grey-salt:not(.btn-outline).active:focus,.btn.grey-salt:not(.btn-outline).active:hover,.btn.grey-salt:not(.btn-outline):active.focus,.btn.grey-salt:not(.btn-outline):active:focus,.btn.grey-salt:not(.btn-outline):active:hover,.open>.btn.grey-salt:not(.btn-outline).dropdown-toggle.focus,.open>.btn.grey-salt:not(.btn-outline).dropdown-toggle:focus,.open>.btn.grey-salt:not(.btn-outline).dropdown-toggle:hover{color:# FAFCFB;background - color: #8da0ad;border-color:# 758 d9c
}.btn.grey - salt: not(.btn - outline).active, .btn.grey - salt: not(.btn - outline): active, .open > .btn.grey - salt: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.grey - salt: not(.btn - outline).disabled.focus, .btn.grey - salt: not(.btn - outline).disabled: focus, .btn.grey - salt: not(.btn - outline).disabled: hover, .btn.grey - salt: not(.btn - outline)[disabled].focus, .btn.grey - salt: not(.btn - outline)[disabled]: focus, .btn.grey - salt: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.grey - salt: not(.btn - outline).focus, fieldset[disabled].btn.grey - salt: not(.btn - outline): focus, fieldset[disabled].btn.grey - salt: not(.btn - outline): hover {
    background - color: #bfcad1;
    border - color: #bfcad1
}.btn.grey - salt: not(.btn - outline).badge {
    color: #bfcad1;background - color: #FAFCFB
}.btn.btn - outline.grey - salt {
    border - color: #bfcad1;
    color: #bfcad1;
    background: 0 0
}.btn.btn - outline.grey - salt.active, .btn.btn - outline.grey - salt: active, .btn.btn - outline.grey - salt: active: focus, .btn.btn - outline.grey - salt: active: hover, .btn.btn - outline.grey - salt: focus, .btn.btn - outline.grey - salt: hover {
    border - color: #bfcad1;
    color: #FAFCFB;
    background - color: #bfcad1
}.btn.grey - salt - stripe {
    border - left: 4 px solid# bfcad1!important
}.btn.grey - salt.btn - no - border: not(.active) {
    border - color: transparent
}.btn.grey - mint: not(.btn - outline) {
    color: #FFF;background - color: #525e64;border-color:# 525e64
}.btn.grey - mint: not(.btn - outline).focus, .btn.grey - mint: not(.btn - outline): focus {
    color: #FFF;background - color: #3b4448;border-color:# 191 c1e
}.btn.grey - mint: not(.btn - outline).active, .btn.grey - mint: not(.btn - outline): active, .btn.grey - mint: not(.btn - outline): hover, .open > .btn.grey - mint: not(.btn - outline).dropdown - toggle {
    color: #FFF;background - color: #3b4448;border-color:# 363e42
}.btn.grey - mint: not(.btn - outline).active.focus, .btn.grey - mint: not(.btn - outline).active: focus, .btn.grey - mint: not(.btn - outline).active: hover, .btn.grey - mint: not(.btn - outline): active.focus, .btn.grey - mint: not(.btn - outline): active: focus, .btn.grey - mint: not(.btn - outline): active: hover, .open > .btn.grey - mint: not(.btn - outline).dropdown - toggle.focus, .open > .btn.grey - mint: not(.btn - outline).dropdown - toggle: focus, .open > .btn.grey - mint: not(.btn - outline).dropdown - toggle: hover {
    color: #FFF;background - color: #2b3134;border-color:# 191 c1e
}.btn.grey - mint: not(.btn - outline).active, .btn.grey - mint: not(.btn - outline): active, .open > .btn.grey - mint: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.grey - mint: not(.btn - outline).disabled.focus, .btn.grey - mint: not(.btn - outline).disabled: focus, .btn.grey - mint: not(.btn - outline).disabled: hover, .btn.grey - mint: not(.btn - outline)[disabled].focus, .btn.grey - mint: not(.btn - outline)[disabled]: focus, .btn.grey - mint: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.grey - mint: not(.btn - outline).focus, fieldset[disabled].btn.grey - mint: not(.btn - outline): focus, fieldset[disabled].btn.grey - mint: not(.btn - outline): hover {
    background - color: #525e64;border-color:# 525e64
}.btn.grey - mint: not(.btn - outline).badge {
    color: #525e64;background-color:# FFF
}.btn.btn - outline.grey - mint {
    border - color: #525e64;color:# 525e64;
    background: 0 0
}.btn.btn - outline.grey - mint.active, .btn.btn - outline.grey - mint: active, .btn.btn - outline.grey - mint: active: focus, .btn.btn - outline.grey - mint: active: hover, .btn.btn - outline.grey - mint: focus, .btn.btn - outline.grey - mint: hover {
    border - color: #525e64;color:# FFF;
    background - color: #525e64}.btn.grey-mint-stripe{border-left:4px solid # 525e64!important
}.btn.grey - mint.btn - no - border: not(.active) {
    border - color: transparent
}.btn.red: not(.btn - outline) {
    color: #fff;background - color: #e7505a;border - color: #e7505a
}.btn.red: not(.btn - outline).focus, .btn.red: not(.btn - outline): focus {
    color: #fff;background - color: #e12330;border - color: #a1161f
}.btn.red: not(.btn - outline).active, .btn.red: not(.btn - outline): active, .btn.red: not(.btn - outline): hover, .open > .btn.red: not(.btn - outline).dropdown - toggle {
    color: #fff;background - color: #e12330;border - color: #dc1e2b
}.btn.red: not(.btn - outline).active.focus, .btn.red: not(.btn - outline).active: focus, .btn.red: not(.btn - outline).active: hover, .btn.red: not(.btn - outline): active.focus, .btn.red: not(.btn - outline): active: focus, .btn.red: not(.btn - outline): active: hover, .open > .btn.red: not(.btn - outline).dropdown - toggle.focus, .open > .btn.red: not(.btn - outline).dropdown - toggle: focus, .open > .btn.red: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #c51b26;border - color: #a1161f
}.btn.red: not(.btn - outline).active, .btn.red: not(.btn - outline): active, .open > .btn.red: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.red: not(.btn - outline).disabled.focus, .btn.red: not(.btn - outline).disabled: focus, .btn.red: not(.btn - outline).disabled: hover, .btn.red: not(.btn - outline)[disabled].focus, .btn.red: not(.btn - outline)[disabled]: focus, .btn.red: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.red: not(.btn - outline).focus, fieldset[disabled].btn.red: not(.btn - outline): focus, fieldset[disabled].btn.red: not(.btn - outline): hover {
    background - color: #e7505a;
    border - color: #e7505a
}.btn.red: not(.btn - outline).badge {
    color: #e7505a;background - color: #fff
}.btn.btn - outline.red {
    border - color: #e7505a;
    color: #e7505a;
    background: 0 0
}.btn.btn - outline.red.active, .btn.btn - outline.red: active, .btn.btn - outline.red: active: focus, .btn.btn - outline.red: active: hover, .btn.btn - outline.red: focus, .btn.btn - outline.red: hover {
    border - color: #e7505a;
    color: #fff;
    background - color: #e7505a
}.btn.red - stripe {
    border - left: 4 px solid# e7505a!important
}.btn.red.btn - no - border: not(.active) {
    border - color: transparent
}.btn.red - pink: not(.btn - outline) {
    color: #fff;background - color: #E08283;border - color: #E08283
}.btn.red - pink: not(.btn - outline).focus, .btn.red - pink: not(.btn - outline): focus {
    color: #fff;background - color: #d6595a;border - color: #b52d2e
}.btn.red - pink: not(.btn - outline).active, .btn.red - pink: not(.btn - outline): active, .btn.red - pink: not(.btn - outline): hover, .open > .btn.red - pink: not(.btn - outline).dropdown - toggle {
    color: #fff;background - color: #d6595a;border - color: #d45152
}.btn.red - pink: not(.btn - outline).active.focus, .btn.red - pink: not(.btn - outline).active: focus, .btn.red - pink: not(.btn - outline).active: hover, .btn.red - pink: not(.btn - outline): active.focus, .btn.red - pink: not(.btn - outline): active: focus, .btn.red - pink: not(.btn - outline): active: hover, .open > .btn.red - pink: not(.btn - outline).dropdown - toggle.focus, .open > .btn.red - pink: not(.btn - outline).dropdown - toggle: focus, .open > .btn.red - pink: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #cf3d3e;border - color: #b52d2e
}.btn.red - pink: not(.btn - outline).active, .btn.red - pink: not(.btn - outline): active, .open > .btn.red - pink: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.red - pink: not(.btn - outline).disabled.focus, .btn.red - pink: not(.btn - outline).disabled: focus, .btn.red - pink: not(.btn - outline).disabled: hover, .btn.red - pink: not(.btn - outline)[disabled].focus, .btn.red - pink: not(.btn - outline)[disabled]: focus, .btn.red - pink: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.red - pink: not(.btn - outline).focus, fieldset[disabled].btn.red - pink: not(.btn - outline): focus, fieldset[disabled].btn.red - pink: not(.btn - outline): hover {
    background - color: #E08283;
    border - color: #E08283
}.btn.red - pink: not(.btn - outline).badge {
    color: #E08283;background - color: #fff
}.btn.btn - outline.red - pink {
    border - color: #E08283;
    color: #E08283;
    background: 0 0
}.btn.btn - outline.red - pink.active, .btn.btn - outline.red - pink: active, .btn.btn - outline.red - pink: active: focus, .btn.btn - outline.red - pink: active: hover, .btn.btn - outline.red - pink: focus, .btn.btn - outline.red - pink: hover {
    border - color: #E08283;
    color: #fff;
    background - color: #E08283
}.btn.red - pink - stripe {
    border - left: 4 px solid# E08283!important
}.btn.red - pink.btn - no - border: not(.active) {
    border - color: transparent
}.btn.red - sunglo: not(.btn - outline) {
    color: #fff;background - color: #E26A6A;border - color: #E26A6A
}.btn.red - sunglo: not(.btn - outline).focus, .btn.red - sunglo: not(.btn - outline): focus {
    color: #fff;background - color: #da3f3f;border - color: #ab2121
}.btn.red - sunglo: not(.btn - outline).active, .btn.red - sunglo: not(.btn - outline): active, .btn.red - sunglo: not(.btn - outline): hover, .open > .btn.red - sunglo: not(.btn - outline).dropdown - toggle {
    color: #fff;background - color: #da3f3f;border - color: #d83737
}.btn.red - sunglo: not(.btn - outline).active.focus, .btn.red - sunglo: not(.btn - outline).active: focus, .btn.red - sunglo: not(.btn - outline).active: hover, .btn.red - sunglo: not(.btn - outline): active.focus, .btn.red - sunglo: not(.btn - outline): active: focus, .btn.red - sunglo: not(.btn - outline): active: hover, .open > .btn.red - sunglo: not(.btn - outline).dropdown - toggle.focus, .open > .btn.red - sunglo: not(.btn - outline).dropdown - toggle: focus, .open > .btn.red - sunglo: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #cd2828;border - color: #ab2121
}.btn.red - sunglo: not(.btn - outline).active, .btn.red - sunglo: not(.btn - outline): active, .open > .btn.red - sunglo: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.red - sunglo: not(.btn - outline).disabled.focus, .btn.red - sunglo: not(.btn - outline).disabled: focus, .btn.red - sunglo: not(.btn - outline).disabled: hover, .btn.red - sunglo: not(.btn - outline)[disabled].focus, .btn.red - sunglo: not(.btn - outline)[disabled]: focus, .btn.red - sunglo: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.red - sunglo: not(.btn - outline).focus, fieldset[disabled].btn.red - sunglo: not(.btn - outline): focus, fieldset[disabled].btn.red - sunglo: not(.btn - outline): hover {
    background - color: #E26A6A;
    border - color: #E26A6A
}.btn.red - sunglo: not(.btn - outline).badge {
    color: #E26A6A;background - color: #fff
}.btn.btn - outline.red - sunglo {
    border - color: #E26A6A;
    color: #E26A6A;
    background: 0 0
}.btn.btn - outline.red - sunglo.active, .btn.btn - outline.red - sunglo: active, .btn.btn - outline.red - sunglo: active: focus, .btn.btn - outline.red - sunglo: active: hover, .btn.btn - outline.red - sunglo: focus, .btn.btn - outline.red - sunglo: hover {
    border - color: #E26A6A;
    color: #fff;
    background - color: #E26A6A
}.btn.red - sunglo - stripe {
    border - left: 4 px solid# E26A6A!important
}.btn.red - sunglo.btn - no - border: not(.active) {
    border - color: transparent
}.btn.red - intense: not(.btn - outline) {
    color: #fff;background - color: #e35b5a;border - color: #e35b5a
}.btn.red - intense: not(.btn - outline).focus, .btn.red - intense: not(.btn - outline): focus {
    color: #fff;background - color: #dc302e;border - color: #a21c1b
}.btn.red - intense: not(.btn - outline).active, .btn.red - intense: not(.btn - outline): active, .btn.red - intense: not(.btn - outline): hover, .open > .btn.red - intense: not(.btn - outline).dropdown - toggle {
    color: #fff;background - color: #dc302e;border - color: #da2726
}.btn.red - intense: not(.btn - outline).active.focus, .btn.red - intense: not(.btn - outline).active: focus, .btn.red - intense: not(.btn - outline).active: hover, .btn.red - intense: not(.btn - outline): active.focus, .btn.red - intense: not(.btn - outline): active: focus, .btn.red - intense: not(.btn - outline): active: hover, .open > .btn.red - intense: not(.btn - outline).dropdown - toggle.focus, .open > .btn.red - intense: not(.btn - outline).dropdown - toggle: focus, .open > .btn.red - intense: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #c52321;border - color: #a21c1b
}.btn.red - intense: not(.btn - outline).active, .btn.red - intense: not(.btn - outline): active, .open > .btn.red - intense: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.red - intense: not(.btn - outline).disabled.focus, .btn.red - intense: not(.btn - outline).disabled: focus, .btn.red - intense: not(.btn - outline).disabled: hover, .btn.red - intense: not(.btn - outline)[disabled].focus, .btn.red - intense: not(.btn - outline)[disabled]: focus, .btn.red - intense: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.red - intense: not(.btn - outline).focus, fieldset[disabled].btn.red - intense: not(.btn - outline): focus, fieldset[disabled].btn.red - intense: not(.btn - outline): hover {
    background - color: #e35b5a;
    border - color: #e35b5a
}.btn.red - intense: not(.btn - outline).badge {
    color: #e35b5a;background - color: #fff
}.btn.btn - outline.red - intense {
    border - color: #e35b5a;
    color: #e35b5a;
    background: 0 0
}.btn.btn - outline.red - intense.active, .btn.btn - outline.red - intense: active, .btn.btn - outline.red - intense: active: focus, .btn.btn - outline.red - intense: active: hover, .btn.btn - outline.red - intense: focus, .btn.btn - outline.red - intense: hover {
    border - color: #e35b5a;
    color: #fff;
    background - color: #e35b5a
}.btn.red - intense - stripe {
    border - left: 4 px solid# e35b5a!important
}.btn.red - intense.btn - no - border: not(.active) {
    border - color: transparent
}.btn.red - thunderbird: not(.btn - outline) {
    color: #fff;background - color: #D91E18;border - color: #D91E18
}.btn.red - thunderbird: not(.btn - outline).focus, .btn.red - thunderbird: not(.btn - outline): focus {
    color: #fff;background - color: #ab1813;border - color: #660e0b}.btn.red-thunderbird:not(.btn-outline).active,.btn.red-thunderbird:not(.btn-outline):active,.btn.red-thunderbird:not(.btn-outline):hover,.open>.btn.red-thunderbird:not(.btn-outline).dropdown-toggle{color:# fff;background - color: #ab1813;border - color: #a21612
}.btn.red - thunderbird: not(.btn - outline).active.focus, .btn.red - thunderbird: not(.btn - outline).active: focus, .btn.red - thunderbird: not(.btn - outline).active: hover, .btn.red - thunderbird: not(.btn - outline): active.focus, .btn.red - thunderbird: not(.btn - outline): active: focus, .btn.red - thunderbird: not(.btn - outline): active: hover, .open > .btn.red - thunderbird: not(.btn - outline).dropdown - toggle.focus, .open > .btn.red - thunderbird: not(.btn - outline).dropdown - toggle: focus, .open > .btn.red - thunderbird: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #8b130f;border-color:# 660e0 b
}.btn.red - thunderbird: not(.btn - outline).active, .btn.red - thunderbird: not(.btn - outline): active, .open > .btn.red - thunderbird: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.red - thunderbird: not(.btn - outline).disabled.focus, .btn.red - thunderbird: not(.btn - outline).disabled: focus, .btn.red - thunderbird: not(.btn - outline).disabled: hover, .btn.red - thunderbird: not(.btn - outline)[disabled].focus, .btn.red - thunderbird: not(.btn - outline)[disabled]: focus, .btn.red - thunderbird: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.red - thunderbird: not(.btn - outline).focus, fieldset[disabled].btn.red - thunderbird: not(.btn - outline): focus, fieldset[disabled].btn.red - thunderbird: not(.btn - outline): hover {
    background - color: #D91E18;
    border - color: #D91E18
}.btn.red - thunderbird: not(.btn - outline).badge {
    color: #D91E18;background - color: #fff
}.btn.btn - outline.red - thunderbird {
    border - color: #D91E18;
    color: #D91E18;
    background: 0 0
}.btn.btn - outline.red - thunderbird.active, .btn.btn - outline.red - thunderbird: active, .btn.btn - outline.red - thunderbird: active: focus, .btn.btn - outline.red - thunderbird: active: hover, .btn.btn - outline.red - thunderbird: focus, .btn.btn - outline.red - thunderbird: hover {
    border - color: #D91E18;
    color: #fff;
    background - color: #D91E18
}.btn.red - thunderbird - stripe {
    border - left: 4 px solid# D91E18!important
}.btn.red - thunderbird.btn - no - border: not(.active) {
    border - color: transparent
}.btn.red - flamingo: not(.btn - outline) {
    color: #fff;background - color: #EF4836;border - color: #EF4836
}.btn.red - flamingo: not(.btn - outline).focus, .btn.red - flamingo: not(.btn - outline): focus {
    color: #fff;background - color: #e02612;border - color: #991a0c}.btn.red-flamingo:not(.btn-outline).active,.btn.red-flamingo:not(.btn-outline):active,.btn.red-flamingo:not(.btn-outline):hover,.open>.btn.red-flamingo:not(.btn-outline).dropdown-toggle{color:# fff;background - color: #e02612;border - color: #d72411
}.btn.red - flamingo: not(.btn - outline).active.focus, .btn.red - flamingo: not(.btn - outline).active: focus, .btn.red - flamingo: not(.btn - outline).active: hover, .btn.red - flamingo: not(.btn - outline): active.focus, .btn.red - flamingo: not(.btn - outline): active: focus, .btn.red - flamingo: not(.btn - outline): active: hover, .open > .btn.red - flamingo: not(.btn - outline).dropdown - toggle.focus, .open > .btn.red - flamingo: not(.btn - outline).dropdown - toggle: focus, .open > .btn.red - flamingo: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #bf200f;border - color: #991a0c}.btn.red-flamingo:not(.btn-outline).active,.btn.red-flamingo:not(.btn-outline):active,.open>.btn.red-flamingo:not(.btn-outline).dropdown-toggle{background-image:none}.btn.red-flamingo:not(.btn-outline).disabled.focus,.btn.red-flamingo:not(.btn-outline).disabled:focus,.btn.red-flamingo:not(.btn-outline).disabled:hover,.btn.red-flamingo:not(.btn-outline)[disabled].focus,.btn.red-flamingo:not(.btn-outline)[disabled]:focus,.btn.red-flamingo:not(.btn-outline)[disabled]:hover,fieldset[disabled] .btn.red-flamingo:not(.btn-outline).focus,fieldset[disabled] .btn.red-flamingo:not(.btn-outline):focus,fieldset[disabled] .btn.red-flamingo:not(.btn-outline):hover{background-color:# EF4836;border - color: #EF4836
}.btn.red - flamingo: not(.btn - outline).badge {
    color: #EF4836;background - color: #fff
}.btn.btn - outline.red - flamingo {
    border - color: #EF4836;
    color: #EF4836;
    background: 0 0
}.btn.btn - outline.red - flamingo.active, .btn.btn - outline.red - flamingo: active, .btn.btn - outline.red - flamingo: active: focus, .btn.btn - outline.red - flamingo: active: hover, .btn.btn - outline.red - flamingo: focus, .btn.btn - outline.red - flamingo: hover {
    border - color: #EF4836;
    color: #fff;
    background - color: #EF4836
}.btn.red - flamingo - stripe {
    border - left: 4 px solid# EF4836!important
}.btn.red - flamingo.btn - no - border: not(.active) {
    border - color: transparent
}.btn.red - soft: not(.btn - outline) {
    color: #fff;background - color: #d05454;border - color: #d05454
}.btn.red - soft: not(.btn - outline).focus, .btn.red - soft: not(.btn - outline): focus {
    color: #fff;background - color: #bd3434;border - color: #812323}.btn.red-soft:not(.btn-outline).active,.btn.red-soft:not(.btn-outline):active,.btn.red-soft:not(.btn-outline):hover,.open>.btn.red-soft:not(.btn-outline).dropdown-toggle{color:# fff;background - color: #bd3434;border - color: #b53232
}.btn.red - soft: not(.btn - outline).active.focus, .btn.red - soft: not(.btn - outline).active: focus, .btn.red - soft: not(.btn - outline).active: hover, .btn.red - soft: not(.btn - outline): active.focus, .btn.red - soft: not(.btn - outline): active: focus, .btn.red - soft: not(.btn - outline): active: hover, .open > .btn.red - soft: not(.btn - outline).dropdown - toggle.focus, .open > .btn.red - soft: not(.btn - outline).dropdown - toggle: focus, .open > .btn.red - soft: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #a12c2c;border - color: #812323}.btn.red-soft:not(.btn-outline).active,.btn.red-soft:not(.btn-outline):active,.open>.btn.red-soft:not(.btn-outline).dropdown-toggle{background-image:none}.btn.red-soft:not(.btn-outline).disabled.focus,.btn.red-soft:not(.btn-outline).disabled:focus,.btn.red-soft:not(.btn-outline).disabled:hover,.btn.red-soft:not(.btn-outline)[disabled].focus,.btn.red-soft:not(.btn-outline)[disabled]:focus,.btn.red-soft:not(.btn-outline)[disabled]:hover,fieldset[disabled] .btn.red-soft:not(.btn-outline).focus,fieldset[disabled] .btn.red-soft:not(.btn-outline):focus,fieldset[disabled] .btn.red-soft:not(.btn-outline):hover{background-color:# d05454;border - color: #d05454
}.btn.red - soft: not(.btn - outline).badge {
    color: #d05454;background - color: #fff
}.btn.btn - outline.red - soft {
    border - color: #d05454;
    color: #d05454;
    background: 0 0
}.btn.btn - outline.red - soft.active, .btn.btn - outline.red - soft: active, .btn.btn - outline.red - soft: active: focus, .btn.btn - outline.red - soft: active: hover, .btn.btn - outline.red - soft: focus, .btn.btn - outline.red - soft: hover {
    border - color: #d05454;
    color: #fff;
    background - color: #d05454
}.btn.red - soft - stripe {
    border - left: 4 px solid# d05454!important
}.btn.red - soft.btn - no - border: not(.active) {
    border - color: transparent
}.btn.red - haze: not(.btn - outline) {
    color: #fff;background - color: #f36a5a;border - color: #f36a5a
}.btn.red - haze: not(.btn - outline).focus, .btn.red - haze: not(.btn - outline): focus {
    color: #fff;background - color: #f03f2a;border - color: #c0210e
}.btn.red - haze: not(.btn - outline).active, .btn.red - haze: not(.btn - outline): active, .btn.red - haze: not(.btn - outline): hover, .open > .btn.red - haze: not(.btn - outline).dropdown - toggle {
    color: #fff;background - color: #f03f2a;border - color: #ef3621
}.btn.red - haze: not(.btn - outline).active.focus, .btn.red - haze: not(.btn - outline).active: focus, .btn.red - haze: not(.btn - outline).active: hover, .btn.red - haze: not(.btn - outline): active.focus, .btn.red - haze: not(.btn - outline): active: focus, .btn.red - haze: not(.btn - outline): active: hover, .open > .btn.red - haze: not(.btn - outline).dropdown - toggle.focus, .open > .btn.red - haze: not(.btn - outline).dropdown - toggle: focus, .open > .btn.red - haze: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #e62711;border - color: #c0210e
}.btn.red - haze: not(.btn - outline).active, .btn.red - haze: not(.btn - outline): active, .open > .btn.red - haze: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.red - haze: not(.btn - outline).disabled.focus, .btn.red - haze: not(.btn - outline).disabled: focus, .btn.red - haze: not(.btn - outline).disabled: hover, .btn.red - haze: not(.btn - outline)[disabled].focus, .btn.red - haze: not(.btn - outline)[disabled]: focus, .btn.red - haze: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.red - haze: not(.btn - outline).focus, fieldset[disabled].btn.red - haze: not(.btn - outline): focus, fieldset[disabled].btn.red - haze: not(.btn - outline): hover {
    background - color: #f36a5a;
    border - color: #f36a5a
}.btn.red - haze: not(.btn - outline).badge {
    color: #f36a5a;background - color: #fff
}.btn.btn - outline.red - haze {
    border - color: #f36a5a;
    color: #f36a5a;
    background: 0 0
}.btn.btn - outline.red - haze.active, .btn.btn - outline.red - haze: active, .btn.btn - outline.red - haze: active: focus, .btn.btn - outline.red - haze: active: hover, .btn.btn - outline.red - haze: focus, .btn.btn - outline.red - haze: hover {
    border - color: #f36a5a;
    color: #fff;
    background - color: #f36a5a
}.btn.red - haze - stripe {
    border - left: 4 px solid# f36a5a!important
}.btn.red - haze.btn - no - border: not(.active) {
    border - color: transparent
}.btn.red - mint: not(.btn - outline) {
    color: #fff;background - color: #e43a45;border - color: #e43a45
}.btn.red - mint: not(.btn - outline).focus, .btn.red - mint: not(.btn - outline): focus {
    color: #fff;background - color: #cf1c28;border - color: #8b131b}.btn.red-mint:not(.btn-outline).active,.btn.red-mint:not(.btn-outline):active,.btn.red-mint:not(.btn-outline):hover,.open>.btn.red-mint:not(.btn-outline).dropdown-toggle{color:# fff;background - color: #cf1c28;border - color: #c61b26
}.btn.red - mint: not(.btn - outline).active.focus, .btn.red - mint: not(.btn - outline).active: focus, .btn.red - mint: not(.btn - outline).active: hover, .btn.red - mint: not(.btn - outline): active.focus, .btn.red - mint: not(.btn - outline): active: focus, .btn.red - mint: not(.btn - outline): active: hover, .open > .btn.red - mint: not(.btn - outline).dropdown - toggle.focus, .open > .btn.red - mint: not(.btn - outline).dropdown - toggle: focus, .open > .btn.red - mint: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #af1822;border - color: #8b131b}.btn.red-mint:not(.btn-outline).active,.btn.red-mint:not(.btn-outline):active,.open>.btn.red-mint:not(.btn-outline).dropdown-toggle{background-image:none}.btn.red-mint:not(.btn-outline).disabled.focus,.btn.red-mint:not(.btn-outline).disabled:focus,.btn.red-mint:not(.btn-outline).disabled:hover,.btn.red-mint:not(.btn-outline)[disabled].focus,.btn.red-mint:not(.btn-outline)[disabled]:focus,.btn.red-mint:not(.btn-outline)[disabled]:hover,fieldset[disabled] .btn.red-mint:not(.btn-outline).focus,fieldset[disabled] .btn.red-mint:not(.btn-outline):focus,fieldset[disabled] .btn.red-mint:not(.btn-outline):hover{background-color:# e43a45;border - color: #e43a45
}.btn.red - mint: not(.btn - outline).badge {
    color: #e43a45;background - color: #fff
}.btn.btn - outline.red - mint {
    border - color: #e43a45;
    color: #e43a45;
    background: 0 0
}.btn.btn - outline.red - mint.active, .btn.btn - outline.red - mint: active, .btn.btn - outline.red - mint: active: focus, .btn.btn - outline.red - mint: active: hover, .btn.btn - outline.red - mint: focus, .btn.btn - outline.red - mint: hover {
    border - color: #e43a45;
    color: #fff;
    background - color: #e43a45
}.btn.red - mint - stripe {
    border - left: 4 px solid# e43a45!important
}.btn.red - mint.btn - no - border: not(.active) {
    border - color: transparent
}.btn.yellow: not(.btn - outline) {
    color: #fff;background - color: #c49f47;border - color: #c49f47
}.btn.yellow: not(.btn - outline).focus, .btn.yellow: not(.btn - outline): focus {
    color: #fff;background - color: #a48334;border - color: #6a5422}.btn.yellow:not(.btn-outline).active,.btn.yellow:not(.btn-outline):active,.btn.yellow:not(.btn-outline):hover,.open>.btn.yellow:not(.btn-outline).dropdown-toggle{color:# fff;background - color: #a48334;border - color: #9c7c32}.btn.yellow:not(.btn-outline).active.focus,.btn.yellow:not(.btn-outline).active:focus,.btn.yellow:not(.btn-outline).active:hover,.btn.yellow:not(.btn-outline):active.focus,.btn.yellow:not(.btn-outline):active:focus,.btn.yellow:not(.btn-outline):active:hover,.open>.btn.yellow:not(.btn-outline).dropdown-toggle.focus,.open>.btn.yellow:not(.btn-outline).dropdown-toggle:focus,.open>.btn.yellow:not(.btn-outline).dropdown-toggle:hover{color:# fff;background - color: #896d2c;border-color:# 6 a5422
}.btn.yellow: not(.btn - outline).active, .btn.yellow: not(.btn - outline): active, .open > .btn.yellow: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.yellow: not(.btn - outline).disabled.focus, .btn.yellow: not(.btn - outline).disabled: focus, .btn.yellow: not(.btn - outline).disabled: hover, .btn.yellow: not(.btn - outline)[disabled].focus, .btn.yellow: not(.btn - outline)[disabled]: focus, .btn.yellow: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.yellow: not(.btn - outline).focus, fieldset[disabled].btn.yellow: not(.btn - outline): focus, fieldset[disabled].btn.yellow: not(.btn - outline): hover {
    background - color: #c49f47;
    border - color: #c49f47
}.btn.yellow: not(.btn - outline).badge {
    color: #c49f47;background - color: #fff
}.btn.btn - outline.yellow {
    border - color: #c49f47;
    color: #c49f47;
    background: 0 0
}.btn.btn - outline.yellow.active, .btn.btn - outline.yellow: active, .btn.btn - outline.yellow: active: focus, .btn.btn - outline.yellow: active: hover, .btn.btn - outline.yellow: focus, .btn.btn - outline.yellow: hover {
    border - color: #c49f47;
    color: #fff;
    background - color: #c49f47
}.btn.yellow - stripe {
    border - left: 4 px solid# c49f47!important
}.btn.yellow.btn - no - border: not(.active) {
    border - color: transparent
}.btn.yellow - gold: not(.btn - outline) {
    color: #fff;background - color: #E87E04;border - color: #E87E04
}.btn.yellow - gold: not(.btn - outline).focus, .btn.yellow - gold: not(.btn - outline): focus {
    color: #fff;background - color: #b66303;border - color: #6b3a02}.btn.yellow-gold:not(.btn-outline).active,.btn.yellow-gold:not(.btn-outline):active,.btn.yellow-gold:not(.btn-outline):hover,.open>.btn.yellow-gold:not(.btn-outline).dropdown-toggle{color:# fff;background - color: #b66303;border - color: #ac5d03
}.btn.yellow - gold: not(.btn - outline).active.focus, .btn.yellow - gold: not(.btn - outline).active: focus, .btn.yellow - gold: not(.btn - outline).active: hover, .btn.yellow - gold: not(.btn - outline): active.focus, .btn.yellow - gold: not(.btn - outline): active: focus, .btn.yellow - gold: not(.btn - outline): active: hover, .open > .btn.yellow - gold: not(.btn - outline).dropdown - toggle.focus, .open > .btn.yellow - gold: not(.btn - outline).dropdown - toggle: focus, .open > .btn.yellow - gold: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #935003;border-color:# 6 b3a02
}.btn.yellow - gold: not(.btn - outline).active, .btn.yellow - gold: not(.btn - outline): active, .open > .btn.yellow - gold: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.yellow - gold: not(.btn - outline).disabled.focus, .btn.yellow - gold: not(.btn - outline).disabled: focus, .btn.yellow - gold: not(.btn - outline).disabled: hover, .btn.yellow - gold: not(.btn - outline)[disabled].focus, .btn.yellow - gold: not(.btn - outline)[disabled]: focus, .btn.yellow - gold: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.yellow - gold: not(.btn - outline).focus, fieldset[disabled].btn.yellow - gold: not(.btn - outline): focus, fieldset[disabled].btn.yellow - gold: not(.btn - outline): hover {
    background - color: #E87E04;
    border - color: #E87E04
}.btn.yellow - gold: not(.btn - outline).badge {
    color: #E87E04;background - color: #fff
}.btn.btn - outline.yellow - gold {
    border - color: #E87E04;
    color: #E87E04;
    background: 0 0
}.btn.btn - outline.yellow - gold.active, .btn.btn - outline.yellow - gold: active, .btn.btn - outline.yellow - gold: active: focus, .btn.btn - outline.yellow - gold: active: hover, .btn.btn - outline.yellow - gold: focus, .btn.btn - outline.yellow - gold: hover {
    border - color: #E87E04;
    color: #fff;
    background - color: #E87E04
}.btn.yellow - gold - stripe {
    border - left: 4 px solid# E87E04!important
}.btn.yellow - gold.btn - no - border: not(.active) {
    border - color: transparent
}.btn.yellow - casablanca: not(.btn - outline) {
    color: #fff;background - color: #f2784b;border - color: #f2784b
}.btn.yellow - casablanca: not(.btn - outline).focus, .btn.yellow - casablanca: not(.btn - outline): focus {
    color: #fff;background - color: #ef541b;border - color: #b1390d
}.btn.yellow - casablanca: not(.btn - outline).active, .btn.yellow - casablanca: not(.btn - outline): active, .btn.yellow - casablanca: not(.btn - outline): hover, .open > .btn.yellow - casablanca: not(.btn - outline).dropdown - toggle {
    color: #fff;background - color: #ef541b;border - color: #ee4d12
}.btn.yellow - casablanca: not(.btn - outline).active.focus, .btn.yellow - casablanca: not(.btn - outline).active: focus, .btn.yellow - casablanca: not(.btn - outline).active: hover, .btn.yellow - casablanca: not(.btn - outline): active.focus, .btn.yellow - casablanca: not(.btn - outline): active: focus, .btn.yellow - casablanca: not(.btn - outline): active: hover, .open > .btn.yellow - casablanca: not(.btn - outline).dropdown - toggle.focus, .open > .btn.yellow - casablanca: not(.btn - outline).dropdown - toggle: focus, .open > .btn.yellow - casablanca: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #d74510;border - color: #b1390d
}.btn.yellow - casablanca: not(.btn - outline).active, .btn.yellow - casablanca: not(.btn - outline): active, .open > .btn.yellow - casablanca: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.yellow - casablanca: not(.btn - outline).disabled.focus, .btn.yellow - casablanca: not(.btn - outline).disabled: focus, .btn.yellow - casablanca: not(.btn - outline).disabled: hover, .btn.yellow - casablanca: not(.btn - outline)[disabled].focus, .btn.yellow - casablanca: not(.btn - outline)[disabled]: focus, .btn.yellow - casablanca: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.yellow - casablanca: not(.btn - outline).focus, fieldset[disabled].btn.yellow - casablanca: not(.btn - outline): focus, fieldset[disabled].btn.yellow - casablanca: not(.btn - outline): hover {
    background - color: #f2784b;
    border - color: #f2784b
}.btn.yellow - casablanca: not(.btn - outline).badge {
    color: #f2784b;background - color: #fff
}.btn.btn - outline.yellow - casablanca {
    border - color: #f2784b;
    color: #f2784b;
    background: 0 0
}.btn.btn - outline.yellow - casablanca.active, .btn.btn - outline.yellow - casablanca: active, .btn.btn - outline.yellow - casablanca: active: focus, .btn.btn - outline.yellow - casablanca: active: hover, .btn.btn - outline.yellow - casablanca: focus, .btn.btn - outline.yellow - casablanca: hover {
    border - color: #f2784b;
    color: #fff;
    background - color: #f2784b
}.btn.yellow - casablanca - stripe {
    border - left: 4 px solid# f2784b!important
}.btn.yellow - casablanca.btn - no - border: not(.active) {
    border - color: transparent
}.btn.yellow - crusta: not(.btn - outline) {
    color: #fff;background - color: #f3c200;border - color: #f3c200
}.btn.yellow - crusta: not(.btn - outline).focus, .btn.yellow - crusta: not(.btn - outline): focus {
    color: #fff;background - color: #c09900;border - color: #745c00}.btn.yellow-crusta:not(.btn-outline).active,.btn.yellow-crusta:not(.btn-outline):active,.btn.yellow-crusta:not(.btn-outline):hover,.open>.btn.yellow-crusta:not(.btn-outline).dropdown-toggle{color:# fff;background - color: #c09900;border - color: #b69100
}.btn.yellow - crusta: not(.btn - outline).active.focus, .btn.yellow - crusta: not(.btn - outline).active: focus, .btn.yellow - crusta: not(.btn - outline).active: hover, .btn.yellow - crusta: not(.btn - outline): active.focus, .btn.yellow - crusta: not(.btn - outline): active: focus, .btn.yellow - crusta: not(.btn - outline): active: hover, .open > .btn.yellow - crusta: not(.btn - outline).dropdown - toggle.focus, .open > .btn.yellow - crusta: not(.btn - outline).dropdown - toggle: focus, .open > .btn.yellow - crusta: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #9c7d00;border-color:# 745 c00
}.btn.yellow - crusta: not(.btn - outline).active, .btn.yellow - crusta: not(.btn - outline): active, .open > .btn.yellow - crusta: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.yellow - crusta: not(.btn - outline).disabled.focus, .btn.yellow - crusta: not(.btn - outline).disabled: focus, .btn.yellow - crusta: not(.btn - outline).disabled: hover, .btn.yellow - crusta: not(.btn - outline)[disabled].focus, .btn.yellow - crusta: not(.btn - outline)[disabled]: focus, .btn.yellow - crusta: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.yellow - crusta: not(.btn - outline).focus, fieldset[disabled].btn.yellow - crusta: not(.btn - outline): focus, fieldset[disabled].btn.yellow - crusta: not(.btn - outline): hover {
    background - color: #f3c200;
    border - color: #f3c200
}.btn.yellow - crusta: not(.btn - outline).badge {
    color: #f3c200;background - color: #fff
}.btn.btn - outline.yellow - crusta {
    border - color: #f3c200;
    color: #f3c200;
    background: 0 0
}.btn.btn - outline.yellow - crusta.active, .btn.btn - outline.yellow - crusta: active, .btn.btn - outline.yellow - crusta: active: focus, .btn.btn - outline.yellow - crusta: active: hover, .btn.btn - outline.yellow - crusta: focus, .btn.btn - outline.yellow - crusta: hover {
    border - color: #f3c200;
    color: #fff;
    background - color: #f3c200
}.btn.yellow - crusta - stripe {
    border - left: 4 px solid# f3c200!important
}.btn.yellow - crusta.btn - no - border: not(.active) {
    border - color: transparent
}.btn.yellow - lemon: not(.btn - outline) {
    color: #fff;background - color: #F7CA18;border - color: #F7CA18
}.btn.yellow - lemon: not(.btn - outline).focus, .btn.yellow - lemon: not(.btn - outline): focus {
    color: #fff;background - color: #d5ab07;border - color: #8b7005}.btn.yellow-lemon:not(.btn-outline).active,.btn.yellow-lemon:not(.btn-outline):active,.btn.yellow-lemon:not(.btn-outline):hover,.open>.btn.yellow-lemon:not(.btn-outline).dropdown-toggle{color:# fff;background - color: #d5ab07;border - color: #cba307
}.btn.yellow - lemon: not(.btn - outline).active.focus, .btn.yellow - lemon: not(.btn - outline).active: focus, .btn.yellow - lemon: not(.btn - outline).active: hover, .btn.yellow - lemon: not(.btn - outline): active.focus, .btn.yellow - lemon: not(.btn - outline): active: focus, .btn.yellow - lemon: not(.btn - outline): active: hover, .open > .btn.yellow - lemon: not(.btn - outline).dropdown - toggle.focus, .open > .btn.yellow - lemon: not(.btn - outline).dropdown - toggle: focus, .open > .btn.yellow - lemon: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #b28f06;border - color: #8b7005}.btn.yellow-lemon:not(.btn-outline).active,.btn.yellow-lemon:not(.btn-outline):active,.open>.btn.yellow-lemon:not(.btn-outline).dropdown-toggle{background-image:none}.btn.yellow-lemon:not(.btn-outline).disabled.focus,.btn.yellow-lemon:not(.btn-outline).disabled:focus,.btn.yellow-lemon:not(.btn-outline).disabled:hover,.btn.yellow-lemon:not(.btn-outline)[disabled].focus,.btn.yellow-lemon:not(.btn-outline)[disabled]:focus,.btn.yellow-lemon:not(.btn-outline)[disabled]:hover,fieldset[disabled] .btn.yellow-lemon:not(.btn-outline).focus,fieldset[disabled] .btn.yellow-lemon:not(.btn-outline):focus,fieldset[disabled] .btn.yellow-lemon:not(.btn-outline):hover{background-color:# F7CA18;border - color: #F7CA18
}.btn.yellow - lemon: not(.btn - outline).badge {
    color: #F7CA18;background - color: #fff
}.btn.btn - outline.yellow - lemon {
    border - color: #F7CA18;
    color: #F7CA18;
    background: 0 0
}.btn.btn - outline.yellow - lemon.active, .btn.btn - outline.yellow - lemon: active, .btn.btn - outline.yellow - lemon: active: focus, .btn.btn - outline.yellow - lemon: active: hover, .btn.btn - outline.yellow - lemon: focus, .btn.btn - outline.yellow - lemon: hover {
    border - color: #F7CA18;
    color: #fff;
    background - color: #F7CA18
}.btn.yellow - lemon - stripe {
    border - left: 4 px solid# F7CA18!important
}.btn.yellow - lemon.btn - no - border: not(.active) {
    border - color: transparent
}.btn.yellow - saffron: not(.btn - outline) {
    color: #fff;background - color: #F4D03F;border - color: #F4D03F
}.btn.yellow - saffron: not(.btn - outline).focus, .btn.yellow - saffron: not(.btn - outline): focus {
    color: #fff;background - color: #f1c40f;border - color: #aa8a0a
}.btn.yellow - saffron: not(.btn - outline).active, .btn.yellow - saffron: not(.btn - outline): active, .btn.yellow - saffron: not(.btn - outline): hover, .open > .btn.yellow - saffron: not(.btn - outline).dropdown - toggle {
    color: #fff;background - color: #f1c40f;border - color: #e8bd0d
}.btn.yellow - saffron: not(.btn - outline).active.focus, .btn.yellow - saffron: not(.btn - outline).active: focus, .btn.yellow - saffron: not(.btn - outline).active: hover, .btn.yellow - saffron: not(.btn - outline): active.focus, .btn.yellow - saffron: not(.btn - outline): active: focus, .btn.yellow - saffron: not(.btn - outline): active: hover, .open > .btn.yellow - saffron: not(.btn - outline).dropdown - toggle.focus, .open > .btn.yellow - saffron: not(.btn - outline).dropdown - toggle: focus, .open > .btn.yellow - saffron: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #d0a90c;border - color: #aa8a0a
}.btn.yellow - saffron: not(.btn - outline).active, .btn.yellow - saffron: not(.btn - outline): active, .open > .btn.yellow - saffron: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.yellow - saffron: not(.btn - outline).disabled.focus, .btn.yellow - saffron: not(.btn - outline).disabled: focus, .btn.yellow - saffron: not(.btn - outline).disabled: hover, .btn.yellow - saffron: not(.btn - outline)[disabled].focus, .btn.yellow - saffron: not(.btn - outline)[disabled]: focus, .btn.yellow - saffron: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.yellow - saffron: not(.btn - outline).focus, fieldset[disabled].btn.yellow - saffron: not(.btn - outline): focus, fieldset[disabled].btn.yellow - saffron: not(.btn - outline): hover {
    background - color: #F4D03F;
    border - color: #F4D03F
}.btn.yellow - saffron: not(.btn - outline).badge {
    color: #F4D03F;background - color: #fff
}.btn.btn - outline.yellow - saffron {
    border - color: #F4D03F;
    color: #F4D03F;
    background: 0 0
}.btn.btn - outline.yellow - saffron.active, .btn.btn - outline.yellow - saffron: active, .btn.btn - outline.yellow - saffron: active: focus, .btn.btn - outline.yellow - saffron: active: hover, .btn.btn - outline.yellow - saffron: focus, .btn.btn - outline.yellow - saffron: hover {
    border - color: #F4D03F;
    color: #fff;
    background - color: #F4D03F
}.btn.yellow - saffron - stripe {
    border - left: 4 px solid# F4D03F!important
}.btn.yellow - saffron.btn - no - border: not(.active) {
    border - color: transparent
}.btn.yellow - soft: not(.btn - outline) {
    color: #fff;background - color: #c8d046;border - color: #c8d046
}.btn.yellow - soft: not(.btn - outline).focus, .btn.yellow - soft: not(.btn - outline): focus {
    color: #fff;background - color: #adb52e;border - color: #73781e}.btn.yellow-soft:not(.btn-outline).active,.btn.yellow-soft:not(.btn-outline):active,.btn.yellow-soft:not(.btn-outline):hover,.open>.btn.yellow-soft:not(.btn-outline).dropdown-toggle{color:# fff;background - color: #adb52e;border - color: #a5ad2c
}.btn.yellow - soft: not(.btn - outline).active.focus, .btn.yellow - soft: not(.btn - outline).active: focus, .btn.yellow - soft: not(.btn - outline).active: hover, .btn.yellow - soft: not(.btn - outline): active.focus, .btn.yellow - soft: not(.btn - outline): active: focus, .btn.yellow - soft: not(.btn - outline): active: hover, .open > .btn.yellow - soft: not(.btn - outline).dropdown - toggle.focus, .open > .btn.yellow - soft: not(.btn - outline).dropdown - toggle: focus, .open > .btn.yellow - soft: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #929927;border-color:# 73781e
}.btn.yellow - soft: not(.btn - outline).active, .btn.yellow - soft: not(.btn - outline): active, .open > .btn.yellow - soft: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.yellow - soft: not(.btn - outline).disabled.focus, .btn.yellow - soft: not(.btn - outline).disabled: focus, .btn.yellow - soft: not(.btn - outline).disabled: hover, .btn.yellow - soft: not(.btn - outline)[disabled].focus, .btn.yellow - soft: not(.btn - outline)[disabled]: focus, .btn.yellow - soft: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.yellow - soft: not(.btn - outline).focus, fieldset[disabled].btn.yellow - soft: not(.btn - outline): focus, fieldset[disabled].btn.yellow - soft: not(.btn - outline): hover {
    background - color: #c8d046;
    border - color: #c8d046
}.btn.yellow - soft: not(.btn - outline).badge {
    color: #c8d046;background - color: #fff
}.btn.btn - outline.yellow - soft {
    border - color: #c8d046;
    color: #c8d046;
    background: 0 0
}.btn.btn - outline.yellow - soft.active, .btn.btn - outline.yellow - soft: active, .btn.btn - outline.yellow - soft: active: focus, .btn.btn - outline.yellow - soft: active: hover, .btn.btn - outline.yellow - soft: focus, .btn.btn - outline.yellow - soft: hover {
    border - color: #c8d046;
    color: #fff;
    background - color: #c8d046
}.btn.yellow - soft - stripe {
    border - left: 4 px solid# c8d046!important
}.btn.yellow - soft.btn - no - border: not(.active) {
    border - color: transparent
}.btn.yellow - haze: not(.btn - outline) {
    color: #fff;background - color: #c5bf66;border - color: #c5bf66
}.btn.yellow - haze: not(.btn - outline).focus, .btn.yellow - haze: not(.btn - outline): focus {
    color: #fff;background - color: #b4ad44;border - color: #7c772f}.btn.yellow-haze:not(.btn-outline).active,.btn.yellow-haze:not(.btn-outline):active,.btn.yellow-haze:not(.btn-outline):hover,.open>.btn.yellow-haze:not(.btn-outline).dropdown-toggle{color:# fff;background - color: #b4ad44;border - color: #aca641
}.btn.yellow - haze: not(.btn - outline).active.focus, .btn.yellow - haze: not(.btn - outline).active: focus, .btn.yellow - haze: not(.btn - outline).active: hover, .btn.yellow - haze: not(.btn - outline): active.focus, .btn.yellow - haze: not(.btn - outline): active: focus, .btn.yellow - haze: not(.btn - outline): active: hover, .open > .btn.yellow - haze: not(.btn - outline).dropdown - toggle.focus, .open > .btn.yellow - haze: not(.btn - outline).dropdown - toggle: focus, .open > .btn.yellow - haze: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #9a943a;border-color:# 7 c772f
}.btn.yellow - haze: not(.btn - outline).active, .btn.yellow - haze: not(.btn - outline): active, .open > .btn.yellow - haze: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.yellow - haze: not(.btn - outline).disabled.focus, .btn.yellow - haze: not(.btn - outline).disabled: focus, .btn.yellow - haze: not(.btn - outline).disabled: hover, .btn.yellow - haze: not(.btn - outline)[disabled].focus, .btn.yellow - haze: not(.btn - outline)[disabled]: focus, .btn.yellow - haze: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.yellow - haze: not(.btn - outline).focus, fieldset[disabled].btn.yellow - haze: not(.btn - outline): focus, fieldset[disabled].btn.yellow - haze: not(.btn - outline): hover {
    background - color: #c5bf66;
    border - color: #c5bf66
}.btn.yellow - haze: not(.btn - outline).badge {
    color: #c5bf66;background - color: #fff
}.btn.btn - outline.yellow - haze {
    border - color: #c5bf66;
    color: #c5bf66;
    background: 0 0
}.btn.btn - outline.yellow - haze.active, .btn.btn - outline.yellow - haze: active, .btn.btn - outline.yellow - haze: active: focus, .btn.btn - outline.yellow - haze: active: hover, .btn.btn - outline.yellow - haze: focus, .btn.btn - outline.yellow - haze: hover {
    border - color: #c5bf66;
    color: #fff;
    background - color: #c5bf66
}.btn.yellow - haze - stripe {
    border - left: 4 px solid# c5bf66!important
}.btn.yellow - haze.btn - no - border: not(.active) {
    border - color: transparent
}.btn.yellow - mint: not(.btn - outline) {
    color: #fff;background - color: #c5b96b;border - color: #c5b96b
}.btn.yellow - mint: not(.btn - outline).focus, .btn.yellow - mint: not(.btn - outline): focus {
    color: #fff;background - color: #b6a747;border - color: #7f7532}.btn.yellow-mint:not(.btn-outline).active,.btn.yellow-mint:not(.btn-outline):active,.btn.yellow-mint:not(.btn-outline):hover,.open>.btn.yellow-mint:not(.btn-outline).dropdown-toggle{color:# fff;background - color: #b6a747;border - color: #aea044
}.btn.yellow - mint: not(.btn - outline).active.focus, .btn.yellow - mint: not(.btn - outline).active: focus, .btn.yellow - mint: not(.btn - outline).active: hover, .btn.yellow - mint: not(.btn - outline): active.focus, .btn.yellow - mint: not(.btn - outline): active: focus, .btn.yellow - mint: not(.btn - outline): active: hover, .open > .btn.yellow - mint: not(.btn - outline).dropdown - toggle.focus, .open > .btn.yellow - mint: not(.btn - outline).dropdown - toggle: focus, .open > .btn.yellow - mint: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #9c8f3d;border-color:# 7 f7532
}.btn.yellow - mint: not(.btn - outline).active, .btn.yellow - mint: not(.btn - outline): active, .open > .btn.yellow - mint: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.yellow - mint: not(.btn - outline).disabled.focus, .btn.yellow - mint: not(.btn - outline).disabled: focus, .btn.yellow - mint: not(.btn - outline).disabled: hover, .btn.yellow - mint: not(.btn - outline)[disabled].focus, .btn.yellow - mint: not(.btn - outline)[disabled]: focus, .btn.yellow - mint: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.yellow - mint: not(.btn - outline).focus, fieldset[disabled].btn.yellow - mint: not(.btn - outline): focus, fieldset[disabled].btn.yellow - mint: not(.btn - outline): hover {
    background - color: #c5b96b;
    border - color: #c5b96b
}.btn.yellow - mint: not(.btn - outline).badge {
    color: #c5b96b;background - color: #fff
}.btn.btn - outline.yellow - mint {
    border - color: #c5b96b;
    color: #c5b96b;
    background: 0 0
}.btn.btn - outline.yellow - mint.active, .btn.btn - outline.yellow - mint: active, .btn.btn - outline.yellow - mint: active: focus, .btn.btn - outline.yellow - mint: active: hover, .btn.btn - outline.yellow - mint: focus, .btn.btn - outline.yellow - mint: hover {
    border - color: #c5b96b;
    color: #fff;
    background - color: #c5b96b
}.btn.yellow - mint - stripe {
    border - left: 4 px solid# c5b96b!important
}.btn.yellow - mint.btn - no - border: not(.active) {
    border - color: transparent
}.btn.purple: not(.btn - outline) {
    color: #fff;background - color: #8E44AD;border-color:# 8E44 AD
}.btn.purple: not(.btn - outline).focus, .btn.purple: not(.btn - outline): focus {
    color: #fff;background - color: #703688;border-color:# 432051
}.btn.purple: not(.btn - outline).active, .btn.purple: not(.btn - outline): active, .btn.purple: not(.btn - outline): hover, .open > .btn.purple: not(.btn - outline).dropdown - toggle {
    color: #fff;background - color: #703688;border-color:# 6 a3381
}.btn.purple: not(.btn - outline).active.focus, .btn.purple: not(.btn - outline).active: focus, .btn.purple: not(.btn - outline).active: hover, .btn.purple: not(.btn - outline): active.focus, .btn.purple: not(.btn - outline): active: focus, .btn.purple: not(.btn - outline): active: hover, .open > .btn.purple: not(.btn - outline).dropdown - toggle.focus, .open > .btn.purple: not(.btn - outline).dropdown - toggle: focus, .open > .btn.purple: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #5b2c6f;border-color:# 432051
}.btn.purple: not(.btn - outline).active, .btn.purple: not(.btn - outline): active, .open > .btn.purple: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.purple: not(.btn - outline).disabled.focus, .btn.purple: not(.btn - outline).disabled: focus, .btn.purple: not(.btn - outline).disabled: hover, .btn.purple: not(.btn - outline)[disabled].focus, .btn.purple: not(.btn - outline)[disabled]: focus, .btn.purple: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.purple: not(.btn - outline).focus, fieldset[disabled].btn.purple: not(.btn - outline): focus, fieldset[disabled].btn.purple: not(.btn - outline): hover {
    background - color: #8E44AD;border-color:# 8E44 AD
}.btn.purple: not(.btn - outline).badge {
    color: #8E44AD;background-color:# fff
}.btn.btn - outline.purple {
    border - color: #8E44AD;color:# 8E44 AD;
    background: 0 0
}.btn.btn - outline.purple.active, .btn.btn - outline.purple: active, .btn.btn - outline.purple: active: focus, .btn.btn - outline.purple: active: hover, .btn.btn - outline.purple: focus, .btn.btn - outline.purple: hover {
    border - color: #8E44AD;color:# fff;
    background - color: #8E44AD}.btn.purple-stripe{border-left:4px solid # 8E44 AD!important
}.btn.purple.btn - no - border: not(.active) {
    border - color: transparent
}.btn.purple - plum: not(.btn - outline) {
    color: #fff;background - color: #8775a7;border-color:# 8775 a7
}.btn.purple - plum: not(.btn - outline).focus, .btn.purple - plum: not(.btn - outline): focus {
    color: #fff;background - color: #6d5b8e;border-color:# 493 d60
}.btn.purple - plum: not(.btn - outline).active, .btn.purple - plum: not(.btn - outline): active, .btn.purple - plum: not(.btn - outline): hover, .open > .btn.purple - plum: not(.btn - outline).dropdown - toggle {
    color: #fff;background - color: #6d5b8e;border-color:# 685788
}.btn.purple - plum: not(.btn - outline).active.focus, .btn.purple - plum: not(.btn - outline).active: focus, .btn.purple - plum: not(.btn - outline).active: hover, .btn.purple - plum: not(.btn - outline): active.focus, .btn.purple - plum: not(.btn - outline): active: focus, .btn.purple - plum: not(.btn - outline): active: hover, .open > .btn.purple - plum: not(.btn - outline).dropdown - toggle.focus, .open > .btn.purple - plum: not(.btn - outline).dropdown - toggle: focus, .open > .btn.purple - plum: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #5d4d78;border-color:# 493 d60
}.btn.purple - plum: not(.btn - outline).active, .btn.purple - plum: not(.btn - outline): active, .open > .btn.purple - plum: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.purple - plum: not(.btn - outline).disabled.focus, .btn.purple - plum: not(.btn - outline).disabled: focus, .btn.purple - plum: not(.btn - outline).disabled: hover, .btn.purple - plum: not(.btn - outline)[disabled].focus, .btn.purple - plum: not(.btn - outline)[disabled]: focus, .btn.purple - plum: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.purple - plum: not(.btn - outline).focus, fieldset[disabled].btn.purple - plum: not(.btn - outline): focus, fieldset[disabled].btn.purple - plum: not(.btn - outline): hover {
    background - color: #8775a7;border-color:# 8775 a7
}.btn.purple - plum: not(.btn - outline).badge {
    color: #8775a7;background-color:# fff
}.btn.btn - outline.purple - plum {
    border - color: #8775a7;color:# 8775 a7;
    background: 0 0
}.btn.btn - outline.purple - plum.active, .btn.btn - outline.purple - plum: active, .btn.btn - outline.purple - plum: active: focus, .btn.btn - outline.purple - plum: active: hover, .btn.btn - outline.purple - plum: focus, .btn.btn - outline.purple - plum: hover {
    border - color: #8775a7;color:# fff;
    background - color: #8775a7}.btn.purple-plum-stripe{border-left:4px solid # 8775 a7!important
}.btn.purple - plum.btn - no - border: not(.active) {
    border - color: transparent
}.btn.purple - medium: not(.btn - outline) {
    color: #fff;background - color: #BF55EC;border - color: #BF55EC
}.btn.purple - medium: not(.btn - outline).focus, .btn.purple - medium: not(.btn - outline): focus {
    color: #fff;background - color: #ae27e7;border - color: #8013ae}.btn.purple-medium:not(.btn-outline).active,.btn.purple-medium:not(.btn-outline):active,.btn.purple-medium:not(.btn-outline):hover,.open>.btn.purple-medium:not(.btn-outline).dropdown-toggle{color:# fff;background - color: #ae27e7;border - color: #aa1ee6
}.btn.purple - medium: not(.btn - outline).active.focus, .btn.purple - medium: not(.btn - outline).active: focus, .btn.purple - medium: not(.btn - outline).active: hover, .btn.purple - medium: not(.btn - outline): active.focus, .btn.purple - medium: not(.btn - outline): active: focus, .btn.purple - medium: not(.btn - outline): active: hover, .open > .btn.purple - medium: not(.btn - outline).dropdown - toggle.focus, .open > .btn.purple - medium: not(.btn - outline).dropdown - toggle: focus, .open > .btn.purple - medium: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #9b18d3;border-color:# 8013 ae
}.btn.purple - medium: not(.btn - outline).active, .btn.purple - medium: not(.btn - outline): active, .open > .btn.purple - medium: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.purple - medium: not(.btn - outline).disabled.focus, .btn.purple - medium: not(.btn - outline).disabled: focus, .btn.purple - medium: not(.btn - outline).disabled: hover, .btn.purple - medium: not(.btn - outline)[disabled].focus, .btn.purple - medium: not(.btn - outline)[disabled]: focus, .btn.purple - medium: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.purple - medium: not(.btn - outline).focus, fieldset[disabled].btn.purple - medium: not(.btn - outline): focus, fieldset[disabled].btn.purple - medium: not(.btn - outline): hover {
    background - color: #BF55EC;
    border - color: #BF55EC
}.btn.purple - medium: not(.btn - outline).badge {
    color: #BF55EC;background - color: #fff
}.btn.btn - outline.purple - medium {
    border - color: #BF55EC;
    color: #BF55EC;
    background: 0 0
}.btn.btn - outline.purple - medium.active, .btn.btn - outline.purple - medium: active, .btn.btn - outline.purple - medium: active: focus, .btn.btn - outline.purple - medium: active: hover, .btn.btn - outline.purple - medium: focus, .btn.btn - outline.purple - medium: hover {
    border - color: #BF55EC;
    color: #fff;
    background - color: #BF55EC
}.btn.purple - medium - stripe {
    border - left: 4 px solid# BF55EC!important
}.btn.purple - medium.btn - no - border: not(.active) {
    border - color: transparent
}.btn.purple - studio: not(.btn - outline) {
    color: #fff;background - color: #8E44AD;border-color:# 8E44 AD
}.btn.purple - studio: not(.btn - outline).focus, .btn.purple - studio: not(.btn - outline): focus {
    color: #fff;background - color: #703688;border-color:# 432051
}.btn.purple - studio: not(.btn - outline).active, .btn.purple - studio: not(.btn - outline): active, .btn.purple - studio: not(.btn - outline): hover, .open > .btn.purple - studio: not(.btn - outline).dropdown - toggle {
    color: #fff;background - color: #703688;border-color:# 6 a3381
}.btn.purple - studio: not(.btn - outline).active.focus, .btn.purple - studio: not(.btn - outline).active: focus, .btn.purple - studio: not(.btn - outline).active: hover, .btn.purple - studio: not(.btn - outline): active.focus, .btn.purple - studio: not(.btn - outline): active: focus, .btn.purple - studio: not(.btn - outline): active: hover, .open > .btn.purple - studio: not(.btn - outline).dropdown - toggle.focus, .open > .btn.purple - studio: not(.btn - outline).dropdown - toggle: focus, .open > .btn.purple - studio: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #5b2c6f;border-color:# 432051
}.btn.purple - studio: not(.btn - outline).active, .btn.purple - studio: not(.btn - outline): active, .open > .btn.purple - studio: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.purple - studio: not(.btn - outline).disabled.focus, .btn.purple - studio: not(.btn - outline).disabled: focus, .btn.purple - studio: not(.btn - outline).disabled: hover, .btn.purple - studio: not(.btn - outline)[disabled].focus, .btn.purple - studio: not(.btn - outline)[disabled]: focus, .btn.purple - studio: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.purple - studio: not(.btn - outline).focus, fieldset[disabled].btn.purple - studio: not(.btn - outline): focus, fieldset[disabled].btn.purple - studio: not(.btn - outline): hover {
    background - color: #8E44AD;border-color:# 8E44 AD
}.btn.purple - studio: not(.btn - outline).badge {
    color: #8E44AD;background-color:# fff
}.btn.btn - outline.purple - studio {
    border - color: #8E44AD;color:# 8E44 AD;
    background: 0 0
}.btn.btn - outline.purple - studio.active, .btn.btn - outline.purple - studio: active, .btn.btn - outline.purple - studio: active: focus, .btn.btn - outline.purple - studio: active: hover, .btn.btn - outline.purple - studio: focus, .btn.btn - outline.purple - studio: hover {
    border - color: #8E44AD;color:# fff;
    background - color: #8E44AD}.btn.purple-studio-stripe{border-left:4px solid # 8E44 AD!important
}.btn.purple - studio.btn - no - border: not(.active) {
    border - color: transparent
}.btn.purple - wisteria: not(.btn - outline) {
    color: #fff;background - color: #9B59B6;border-color:# 9 B59B6
}.btn.purple - wisteria: not(.btn - outline).focus, .btn.purple - wisteria: not(.btn - outline): focus {
    color: #fff;background - color: #804399;border-color:# 532 c64
}.btn.purple - wisteria: not(.btn - outline).active, .btn.purple - wisteria: not(.btn - outline): active, .btn.purple - wisteria: not(.btn - outline): hover, .open > .btn.purple - wisteria: not(.btn - outline).dropdown - toggle {
    color: #fff;background - color: #804399;border-color:# 7 a4092
}.btn.purple - wisteria: not(.btn - outline).active.focus, .btn.purple - wisteria: not(.btn - outline).active: focus, .btn.purple - wisteria: not(.btn - outline).active: hover, .btn.purple - wisteria: not(.btn - outline): active.focus, .btn.purple - wisteria: not(.btn - outline): active: focus, .btn.purple - wisteria: not(.btn - outline): active: hover, .open > .btn.purple - wisteria: not(.btn - outline).dropdown - toggle.focus, .open > .btn.purple - wisteria: not(.btn - outline).dropdown - toggle: focus, .open > .btn.purple - wisteria: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #6b3880;border-color:# 532 c64
}.btn.purple - wisteria: not(.btn - outline).active, .btn.purple - wisteria: not(.btn - outline): active, .open > .btn.purple - wisteria: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.purple - wisteria: not(.btn - outline).disabled.focus, .btn.purple - wisteria: not(.btn - outline).disabled: focus, .btn.purple - wisteria: not(.btn - outline).disabled: hover, .btn.purple - wisteria: not(.btn - outline)[disabled].focus, .btn.purple - wisteria: not(.btn - outline)[disabled]: focus, .btn.purple - wisteria: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.purple - wisteria: not(.btn - outline).focus, fieldset[disabled].btn.purple - wisteria: not(.btn - outline): focus, fieldset[disabled].btn.purple - wisteria: not(.btn - outline): hover {
    background - color: #9B59B6;border-color:# 9 B59B6
}.btn.purple - wisteria: not(.btn - outline).badge {
    color: #9B59B6;background-color:# fff
}.btn.btn - outline.purple - wisteria {
    border - color: #9B59B6;color:# 9 B59B6;
    background: 0 0
}.btn.btn - outline.purple - wisteria.active, .btn.btn - outline.purple - wisteria: active, .btn.btn - outline.purple - wisteria: active: focus, .btn.btn - outline.purple - wisteria: active: hover, .btn.btn - outline.purple - wisteria: focus, .btn.btn - outline.purple - wisteria: hover {
    border - color: #9B59B6;color:# fff;
    background - color: #9B59B6}.btn.purple-wisteria-stripe{border-left:4px solid # 9 B59B6!important
}.btn.purple - wisteria.btn - no - border: not(.active) {
    border - color: transparent
}.btn.purple - seance: not(.btn - outline) {
    color: #fff;background - color: #9A12B3;border-color:# 9 A12B3
}.btn.purple - seance: not(.btn - outline).focus, .btn.purple - seance: not(.btn - outline): focus {
    color: #fff;background - color: #720d85;border-color:# 36063 f
}.btn.purple - seance: not(.btn - outline).active, .btn.purple - seance: not(.btn - outline): active, .btn.purple - seance: not(.btn - outline): hover, .open > .btn.purple - seance: not(.btn - outline).dropdown - toggle {
    color: #fff;background - color: #720d85;border-color:# 6 a0c7b
}.btn.purple - seance: not(.btn - outline).active.focus, .btn.purple - seance: not(.btn - outline).active: focus, .btn.purple - seance: not(.btn - outline).active: hover, .btn.purple - seance: not(.btn - outline): active.focus, .btn.purple - seance: not(.btn - outline): active: focus, .btn.purple - seance: not(.btn - outline): active: hover, .open > .btn.purple - seance: not(.btn - outline).dropdown - toggle.focus, .open > .btn.purple - seance: not(.btn - outline).dropdown - toggle: focus, .open > .btn.purple - seance: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #560a64;border-color:# 36063 f
}.btn.purple - seance: not(.btn - outline).active, .btn.purple - seance: not(.btn - outline): active, .open > .btn.purple - seance: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.purple - seance: not(.btn - outline).disabled.focus, .btn.purple - seance: not(.btn - outline).disabled: focus, .btn.purple - seance: not(.btn - outline).disabled: hover, .btn.purple - seance: not(.btn - outline)[disabled].focus, .btn.purple - seance: not(.btn - outline)[disabled]: focus, .btn.purple - seance: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.purple - seance: not(.btn - outline).focus, fieldset[disabled].btn.purple - seance: not(.btn - outline): focus, fieldset[disabled].btn.purple - seance: not(.btn - outline): hover {
    background - color: #9A12B3;border-color:# 9 A12B3
}.btn.purple - seance: not(.btn - outline).badge {
    color: #9A12B3;background-color:# fff
}.btn.btn - outline.purple - seance {
    border - color: #9A12B3;color:# 9 A12B3;
    background: 0 0
}.btn.btn - outline.purple - seance.active, .btn.btn - outline.purple - seance: active, .btn.btn - outline.purple - seance: active: focus, .btn.btn - outline.purple - seance: active: hover, .btn.btn - outline.purple - seance: focus, .btn.btn - outline.purple - seance: hover {
    border - color: #9A12B3;color:# fff;
    background - color: #9A12B3}.btn.purple-seance-stripe{border-left:4px solid # 9 A12B3!important
}.btn.purple - seance.btn - no - border: not(.active) {
    border - color: transparent
}.btn.purple - intense: not(.btn - outline) {
    color: #fff;background - color: #8775a7;border-color:# 8775 a7
}.btn.purple - intense: not(.btn - outline).focus, .btn.purple - intense: not(.btn - outline): focus {
    color: #fff;background - color: #6d5b8e;border-color:# 493 d60
}.btn.purple - intense: not(.btn - outline).active, .btn.purple - intense: not(.btn - outline): active, .btn.purple - intense: not(.btn - outline): hover, .open > .btn.purple - intense: not(.btn - outline).dropdown - toggle {
    color: #fff;background - color: #6d5b8e;border-color:# 685788
}.btn.purple - intense: not(.btn - outline).active.focus, .btn.purple - intense: not(.btn - outline).active: focus, .btn.purple - intense: not(.btn - outline).active: hover, .btn.purple - intense: not(.btn - outline): active.focus, .btn.purple - intense: not(.btn - outline): active: focus, .btn.purple - intense: not(.btn - outline): active: hover, .open > .btn.purple - intense: not(.btn - outline).dropdown - toggle.focus, .open > .btn.purple - intense: not(.btn - outline).dropdown - toggle: focus, .open > .btn.purple - intense: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #5d4d78;border-color:# 493 d60
}.btn.purple - intense: not(.btn - outline).active, .btn.purple - intense: not(.btn - outline): active, .open > .btn.purple - intense: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.purple - intense: not(.btn - outline).disabled.focus, .btn.purple - intense: not(.btn - outline).disabled: focus, .btn.purple - intense: not(.btn - outline).disabled: hover, .btn.purple - intense: not(.btn - outline)[disabled].focus, .btn.purple - intense: not(.btn - outline)[disabled]: focus, .btn.purple - intense: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.purple - intense: not(.btn - outline).focus, fieldset[disabled].btn.purple - intense: not(.btn - outline): focus, fieldset[disabled].btn.purple - intense: not(.btn - outline): hover {
    background - color: #8775a7;border-color:# 8775 a7
}.btn.purple - intense: not(.btn - outline).badge {
    color: #8775a7;background-color:# fff
}.btn.btn - outline.purple - intense {
    border - color: #8775a7;color:# 8775 a7;
    background: 0 0
}.btn.btn - outline.purple - intense.active, .btn.btn - outline.purple - intense: active, .btn.btn - outline.purple - intense: active: focus, .btn.btn - outline.purple - intense: active: hover, .btn.btn - outline.purple - intense: focus, .btn.btn - outline.purple - intense: hover {
    border - color: #8775a7;color:# fff;
    background - color: #8775a7}.btn.purple-intense-stripe{border-left:4px solid # 8775 a7!important
}.btn.purple - intense.btn - no - border: not(.active) {
    border - color: transparent
}.btn.purple - sharp: not(.btn - outline) {
    color: #fff;background - color: #796799;border-color:# 796799
}.btn.purple - sharp: not(.btn - outline).focus, .btn.purple - sharp: not(.btn - outline): focus {
    color: #fff;background - color: #61527b;border-color:# 3 d344d
}.btn.purple - sharp: not(.btn - outline).active, .btn.purple - sharp: not(.btn - outline): active, .btn.purple - sharp: not(.btn - outline): hover, .open > .btn.purple - sharp: not(.btn - outline).dropdown - toggle {
    color: #fff;background - color: #61527b;border-color:# 5 c4e75
}.btn.purple - sharp: not(.btn - outline).active.focus, .btn.purple - sharp: not(.btn - outline).active: focus, .btn.purple - sharp: not(.btn - outline).active: hover, .btn.purple - sharp: not(.btn - outline): active.focus, .btn.purple - sharp: not(.btn - outline): active: focus, .btn.purple - sharp: not(.btn - outline): active: hover, .open > .btn.purple - sharp: not(.btn - outline).dropdown - toggle.focus, .open > .btn.purple - sharp: not(.btn - outline).dropdown - toggle: focus, .open > .btn.purple - sharp: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #504465;border-color:# 3 d344d
}.btn.purple - sharp: not(.btn - outline).active, .btn.purple - sharp: not(.btn - outline): active, .open > .btn.purple - sharp: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.purple - sharp: not(.btn - outline).disabled.focus, .btn.purple - sharp: not(.btn - outline).disabled: focus, .btn.purple - sharp: not(.btn - outline).disabled: hover, .btn.purple - sharp: not(.btn - outline)[disabled].focus, .btn.purple - sharp: not(.btn - outline)[disabled]: focus, .btn.purple - sharp: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.purple - sharp: not(.btn - outline).focus, fieldset[disabled].btn.purple - sharp: not(.btn - outline): focus, fieldset[disabled].btn.purple - sharp: not(.btn - outline): hover {
    background - color: #796799;border-color:# 796799
}.btn.purple - sharp: not(.btn - outline).badge {
    color: #796799;background-color:# fff
}.btn.btn - outline.purple - sharp {
    border - color: #796799;color:# 796799;
    background: 0 0
}.btn.btn - outline.purple - sharp.active, .btn.btn - outline.purple - sharp: active, .btn.btn - outline.purple - sharp: active: focus, .btn.btn - outline.purple - sharp: active: hover, .btn.btn - outline.purple - sharp: focus, .btn.btn - outline.purple - sharp: hover {
    border - color: #796799;color:# fff;
    background - color: #796799}.btn.purple-sharp-stripe{border-left:4px solid # 796799!important
}.btn.purple - sharp.btn - no - border: not(.active) {
    border - color: transparent
}.btn.purple - soft: not(.btn - outline) {
    color: #fff;background - color: #8877a9;border-color:# 8877 a9
}.btn.purple - soft: not(.btn - outline).focus, .btn.purple - soft: not(.btn - outline): focus {
    color: #fff;background - color: #6e5c91;border-color:# 4 a3e62
}.btn.purple - soft: not(.btn - outline).active, .btn.purple - soft: not(.btn - outline): active, .btn.purple - soft: not(.btn - outline): hover, .open > .btn.purple - soft: not(.btn - outline).dropdown - toggle {
    color: #fff;background - color: #6e5c91;border-color:# 69588 b
}.btn.purple - soft: not(.btn - outline).active.focus, .btn.purple - soft: not(.btn - outline).active: focus, .btn.purple - soft: not(.btn - outline).active: hover, .btn.purple - soft: not(.btn - outline): active.focus, .btn.purple - soft: not(.btn - outline): active: focus, .btn.purple - soft: not(.btn - outline): active: hover, .open > .btn.purple - soft: not(.btn - outline).dropdown - toggle.focus, .open > .btn.purple - soft: not(.btn - outline).dropdown - toggle: focus, .open > .btn.purple - soft: not(.btn - outline).dropdown - toggle: hover {
    color: #fff;background - color: #5d4e7b;border-color:# 4 a3e62
}.btn.purple - soft: not(.btn - outline).active, .btn.purple - soft: not(.btn - outline): active, .open > .btn.purple - soft: not(.btn - outline).dropdown - toggle {
    background - image: none
}.btn.purple - soft: not(.btn - outline).disabled.focus, .btn.purple - soft: not(.btn - outline).disabled: focus, .btn.purple - soft: not(.btn - outline).disabled: hover, .btn.purple - soft: not(.btn - outline)[disabled].focus, .btn.purple - soft: not(.btn - outline)[disabled]: focus, .btn.purple - soft: not(.btn - outline)[disabled]: hover, fieldset[disabled].btn.purple - soft: not(.btn - outline).focus, fieldset[disabled].btn.purple - soft: not(.btn - outline): focus, fieldset[disabled].btn.purple - soft: not(.btn - outline): hover {
    background - color: #8877a9;border-color:# 8877 a9
}.btn.purple - soft: not(.btn - outline).badge {
    color: #8877a9;background-color:# fff
}.btn.btn - outline.purple - soft {
    border - color: #8877a9;color:# 8877 a9;
    background: 0 0
}.btn.btn - outline.purple - soft.active, .btn.btn - outline.purple - soft: active, .btn.btn - outline.purple - soft: active: focus, .btn.btn - outline.purple - soft: active: hover, .btn.btn - outline.purple - soft: focus, .btn.btn - outline.purple - soft: hover {
    border - color: #8877a9;color:# fff;
    background - color: #8877a9}.btn.purple-soft-stripe{border-left:4px solid # 8877 a9!important
}.btn.purple - soft.btn - no - border: not(.active) {
    border - color: transparent
}.btn - circle {
    border - radius: 25 px!important;
    overflow: hidden
}.btn - circle - right {
    border - radius: 0 25 px 25 px 0!important
}.btn - circle - left {
    border - radius: 25 px 0 0 25 px!important
}.btn - circle - bottom {
    border - radius: 0 0 25 px 25 px!important
}.btn - circle - top {
    border - radius: 25 px 25 px 0 0!important
}.btn - icon - only {
    height: 34 px;width: 34 px;text - align: center;padding - left: 0;padding - right: 0
}.btn - icon - only > [class ^= icon - ], .btn - icon - only > i {
    text - align: center;
    margin - top: 2 px
}.btn - group.btn - group - circle > .btn: first - child {
    border - radius: 25 px 0 0 25 px!important
}.btn - group.btn - group - circle > .btn: last - child {
    border - radius: 0 25 px 25 px 0!important
}.btn - group.btn - group - devided > .btn {
    margin - right: 5 px
}.btn - group.btn - group - devided > .btn: last - child {
    margin - right: 0
}.btn - group - vertical.btn - group - vertical - circle > .btn: first - child {
    border - radius: 25 px 25 px 0 0!important
}.btn - group - vertical.btn - group - vertical - circle > .btn: last - child {
    border - radius: 0 0 25 px 25 px!important
}.carousel.image - carousel.carousel - inner {
    padding - top: 0;
    padding - bottom: 0
}.carousel.image - carousel.carousel - control i {
    position: absolute;top: 40 %
}.carousel.image - carousel.image - carousel - hoverable.carousel - control i {
    display: none
}.carousel.image - carousel.image - carousel - hoverable: hover.carousel - control i {
    display: inline - block
}.carousel.image - carousel.carousel - control.left i {
    left: 10 px
}.carousel.image - carousel.carousel - control.right i {
    right: 10 px
}.carousel.image - carousel.carousel - indicators {
    margin - top: 10 px;
    bottom: -7 px
}.carousel.image - carousel.carousel - indicators li, .carousel.image - carousel.carousel - indicators li.active {
    background - color: #666}.carousel.image-carousel .carousel-caption{position:absolute;right:0;bottom:0;left:0;padding:15px 15px 25px;background:# 333;
    background: rgba(0, 0, 0, .75)
}.carousel.image - carousel.carousel - caption h2, .carousel.image - carousel.carousel - caption h3, .carousel.image - carousel.carousel - caption h4, .carousel.image - carousel.carousel - caption p {
    text - align: left;
    line - height: 20 px;
    color: #fff
}.carousel.image - carousel.carousel - caption h2, .carousel.image - carousel.carousel - caption h3, .carousel.image - carousel.carousel - caption h4 {
    margin: 0 0 5 px
}.carousel.image - carousel.carousel - caption h2 a, .carousel.image - carousel.carousel - caption h3 a, .carousel.image - carousel.carousel - caption h4 a {
    color: #aaa
}.carousel.image - carousel.carousel - caption p {
    margin - bottom: 0
}.carousel.image - carousel.carousel - caption.item {
    margin: 0
}.bars, .chart, .pie {
    overflow: hidden;height: 300 px;width: 100 % ;font - size: 14 px
}.item - list.table.percent {
    width: 30 px;float: right;margin - right: 10 px;margin - top: 3 px
}.chart - tooltip {
    clear: both;z - index: 100;background - color: #736e6e!important;padding:5px!important;color:# fff
}.chart - tooltip.label {
    clear: both;display: block;margin - bottom: 2 px
}.bar - chart, .line - chart {
    display: none
}.chats {
    margin: -15 px 0 0;padding: 0
}.chats li {
    list - style: none;
    padding: 5 px 0;
    margin: 10 px auto;
    font - size: 12 px
}.chats li.body {
    display: block
}.chats li.avatar {
    height: 45 px;width: 45 px; - webkit - border - radius: 50 % !important; - moz - border - radius: 50 % !important;border - radius: 50 % !important
}.chats li.in.avatar {
    float: left;margin - right: 10 px
}.chats li.out.avatar {
    float: right;margin - left: 10 px
}.chats li.name {
    color: #3590c1;font-size:13px;font-weight:400}.chats li .datetime{color:# 333;font - size: 13 px;font - weight: 400
}.chats li.message {
    display: block;padding: 5 px;position: relative
}.chats li.in.message.arrow, .chats li.out.message.arrow {
    display: block;position: absolute;top: 5 px;border - top: 8 px solid transparent;border - bottom: 8 px solid transparent
}.chats li.in.message {
    text - align: left;
    border - left: 2 px solid #1BBC9B;margin-left:65px;background:# fafafa
}.chats li.in.message.arrow {
    left: -8 px;width: 0;height: 0;border - right: 8 px solid #1BBC9B}.chats li.out .message{border-right:2px solid # F3565D;margin - right: 65 px;background: #fafafa;text - align: right
}.chats li.out.message.arrow {
    right: -8 px;border - left: 8 px solid# F3565D
}.chats li.out.datetime, .chats li.out.name {
    text - align: right
}.chat - form {
    margin - top: 15 px;
    padding: 10 px;
    background - color: #e9eff3;
    overflow: hidden;
    clear: both
}.chat - form.input - cont {
    margin - right: 40 px
}.chat - form.input - cont.form - control {
    border: 1 px solid# ddd;width: 100 % !important;margin - top: 0;background - color: #fff!important
}.chat - form.input - cont.form - control: focus {
    border: 1 px solid #4b8df9!important}.chat-form .btn-cont{margin-top:-41px;position:relative;float:right;width:44px}.chat-form .btn-cont .arrow{position:absolute;top:17px;right:43px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid # 4 d90fe; - webkit - box - sizing: border - box; - moz - box - sizing: border - box;box - sizing: border - box
}.chat - form.btn - cont.btn {
    margin - top: 7 px
}.chat - form.btn - cont: hover.arrow {
    border - right - color: #0362fd;transition:all .3s}.chat-form .btn-cont:hover .btn{background-color:# 0362 fd;
    transition: all .3 s
}.close {
    display: inline - block;margin - top: 0;margin - right: 0;width: 9 px;height: 9 px;background - repeat: no - repeat!important;text - indent: -10000 px;outline: 0;background - image: url(.. / img / remove - icon - small.png) !important
}.dropdown.open > .dropdown - toggle, .dropup.open > .dropdown - toggle {
    border - color: #ddd
}.dropdown - menu {
    box - shadow: 5 px 5 px rgba(102, 102, 102, .1);
    left: 0;
    min - width: 175 px;
    position: absolute;
    z - index: 1000;
    display: none;
    float: left;
    list - style: none;
    text - shadow: none;
    padding: 0;
    background - color: #fff;
    margin: 10 px 0 0;
    border: 1 px solid# eee;
    font - family: "Helvetica Neue", Helvetica, Arial, sans - serif; - webkit - border - radius: 4 px; - moz - border - radius: 4 px; - ms - border - radius: 4 px; - o - border - radius: 4 px;
    border - radius: 4 px
}.dropdown - menu li.divider {
    background: #f1f3f6
}.dropdown - menu li.header {
    padding: 8 px 14 px 2 px
}.dropdown - menu > li > a {
    padding: 8 px 16 px;color: #6f6f6f;text-decoration:none;display:block;clear:both;font-weight:300;line-height:18px;white-space:nowrap}.dropdown-menu>li>a>[class*= " fa-"], .dropdown - menu > li > a > [class ^= fa - ] {
    color: #888}.dropdown-menu>li>a>[class*= " icon-"], .dropdown - menu > li > a > [class ^= icon - ] {
    color: #666}.dropdown-menu>li>a>[class*= " glyphicon-"], .dropdown - menu > li > a > [class ^= glyphicon - ] {
    color: #888}.dropdown-menu>li.active:hover>a,.dropdown-menu>li.active>a,.dropdown-menu>li:hover>a{text-decoration: none;
    background-image: none;
    background-color: #2c3542;
    color: #bfbfbf;
    filter: none;}.dropdown-menu.bottom-up{top:auto;bottom:100%;margin-bottom:2px}.dropdown-menu.bottom-up:after,.dropdown-menu.bottom-up:before{display:none}.dropdown-menu>li:first-child:hover>a{border-radius:4px 4px 0 0}.dropdown-menu>li:last-child:hover>a{border-radius:0 0 4px 4px}.dropdown-hover:hover>.dropdown-menu{display:block}.btn-group>.dropdown-menu,.dropdown-toggle>.dropdown-menu,.dropdown>.dropdown-menu{    margin-top: -40px;
    margin-left: 220px;}.btn-group>.dropdown-menu:before,.dropdown-toggle>.dropdown-menu:before,.dropdown>.dropdown-menu:before{position:absolute;top:-8px;left:9px;right:auto;display:inline-block!important;border-right:8px solid transparent;border-bottom:8px solid # e0e0e0;border - left: 8 px solid transparent;content: ''
}.btn - group > .dropdown - menu: after, .dropdown - toggle > .dropdown - menu: after, .dropdown > .dropdown - menu: after {
    position: absolute;top: -7 px;left: 10 px;right: auto;display: inline - block!important;border - right: 7 px solid transparent;border - bottom: 7 px solid# fff;border - left: 7 px solid transparent;content: ''
}.btn - group > .dropdown - menu.pull - left: before, .dropdown - toggle > .dropdown - menu.pull - left: before, .dropdown > .dropdown - menu.pull - left: before {
    left: auto;right: 9 px
}.btn - group > .dropdown - menu.pull - left: after, .dropdown - toggle > .dropdown - menu.pull - left: after, .dropdown > .dropdown - menu.pull - left: after {
    left: auto;right: 10 px
}.btn - group > .dropdown - menu.pull - right: before, .dropdown - toggle > .dropdown - menu.pull - right: before, .dropdown > .dropdown - menu.pull - right: before {
    left: auto;right: 9 px
}.btn - group > .dropdown - menu.pull - right: after, .dropdown - toggle > .dropdown - menu.pull - right: after, .dropdown > .dropdown - menu.pull - right: after {
    left: auto;right: 10 px
}.btn - group.dropup > .dropdown - menu, .dropdown - toggle.dropup > .dropdown - menu, .dropdown.dropup > .dropdown - menu {
    margin - top: 0;
    margin - bottom: 10 px
}.btn - group.dropup > .dropdown - menu: after, .btn - group.dropup > .dropdown - menu: before, .dropdown - toggle.dropup > .dropdown - menu: after, .dropdown - toggle.dropup > .dropdown - menu: before, .dropdown.dropup > .dropdown - menu: after, .dropdown.dropup > .dropdown - menu: before {
    display: none!important
}.dropdown - toggle: after {
    display: none
}.dropdown - submenu {
    position: relative
}.dropdown - submenu > .dropdown - menu {
    top: 5 px;left: 100 % ;margin - top: -6 px;margin - left: -1 px
}.dropdown - submenu > a: after {
    position: absolute;display: inline - block;font - size: 14 px;right: 7 px;top: 7 px;font - family: FontAwesome;height: auto;content: "\f105";font - weight: 300
}.dropdown - submenu: hover > .dropdown - menu {
    display: block
}.dropdown - submenu: hover > a: after {
    border - left - color: #fff
}.dropdown - submenu.pull - left {
    float: none
}.dropdown - submenu.pull - left > .dropdown - menu {
    left: -100 % ;margin - left: 10 px
}.dropup.dropdown - submenu > .dropdown - menu {
    top: auto;bottom: 0;margin - top: 0;margin - bottom: -2 px
}.nav.pull - right > li > .dropdown - menu, .nav > li > .dropdown - menu.pull - right {
    right: 0;left: auto
}.nav.pull - right > li > .dropdown - menu: before, .nav > li > .dropdown - menu.pull - right: before {
    right: 12 px;left: auto
}.nav.pull - right > li > .dropdown - menu: after, .nav > li > .dropdown - menu.pull - right: after {
    right: 13 px;left: auto
}.nav.pull - right > li > .dropdown - menu.dropdown - menu, .nav > li > .dropdown - menu.pull - right.dropdown - menu {
    right: 100 % ;left: auto;margin - right: -1 px;margin - left: 0
}
@media(max - width: 767 px) {.navbar - nav.open.dropdown - menu {
        position: absolute;float: left;width: auto;margin - top: 0;background - color: #fff;border: 1 px solid# efefef;box - shadow: 5 px 5 px rgba(102, 102, 102, .1)
    }.navbar - nav.open.dropdown - menu > li > a {
        padding: 6 px 0 6 px 13 px;color: #333}.navbar-nav .open .dropdown-menu>li>a:active,.navbar-nav .open .dropdown-menu>li>a:hover{background-color:# eee
    }
}.dropdown - content {
    padding: 10 px
}.dropdown - content form {
    margin: 0
}.dropdown.inline.dropdown - menu {
    display: inline - block;position: relative
}.dropdown - checkboxes, .dropdown - radiobuttons {
    padding: 5 px
}.dropdown - checkboxes label, .dropdown - radiobuttons label {
    display: block;font - weight: 300;color: #333;margin-bottom:4px;margin-top:4px}.dropdown-checkboxes label .radio,.dropdown-radiobuttons label .radio{margin-right:3px}.dropdown-menu-v2{top:100%;right:0;z-index:1001;display:none;float:left;min-width:225px;padding:20px 0;margin:25px 0 0;font-size:13px;text-align:left;list-style:none;position:absolute;background:# 242 b31; - webkit - border - radius: 2 px; - moz - border - radius: 2 px; - ms - border - radius: 2 px; - o - border - radius: 2 px;border - radius: 2 px; - webkit - background - clip: padding - box;background - clip: padding - box;transition - duration: .3 s;transition - property: all;transition - timing - function: cubic - bezier(.7, 1, .7, 1)
}.dropdown - menu - v2: before {
    top: -10 px;right: 0;width: 0;height: 0;content: ' ';position: absolute;border - style: solid;display: inline - block;border - width: 0 0 15 px 15 px;border - color: transparent transparent #242b31}.feeds li .col1,.feeds li .col1>.cont>.cont-col2{width:100%;float:left}.dropdown-menu-v2>li>a{clear:both;color:# 606e7 a;display: block;font - weight: 600;padding: 8 px 20 px;position: relative;white - space: nowrap;line - height: 1.42857143;text - transform: uppercase
}.dropdown - menu - v2 > li > a: focus, .dropdown - menu - v2 > li > a: hover {
    background: #21282e;text-decoration:none;color:# 009 dc7
}.dropdown - menu - v2.active > a, .dropdown - menu - v2.active > a: focus, .dropdown - menu - v2.active > a: hover {
    outline: 0;text - decoration: none;background - color: #21282e;color:# 009 dc7
}.dropdown - menu - v2.disabled > a, .dropdown - menu - v2.disabled > a: focus, .dropdown - menu - v2.disabled > a: hover {
    color: #009dc7}.dropdown-menu-v2 .disabled>a:focus,.dropdown-menu-v2 .disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none}.dropdown-menu-v2 .divider{height:1px;margin:9px 0;overflow:hidden;background:# 2e353 c
}.dropdown - menu - v2.badge {
    top: 8 px;right: 10 px;position: absolute
}.dropdown - menu - v2.pull - right, .pull - right > .dropdown - menu - v2 {
    right: 0;left: auto
}.open > .dropdown - menu - v2 {
    display: block
}
td > .mt - checkbox.mt - checkbox - single, td > .mt - radio.mt - radio - single, th > .mt - checkbox.mt - checkbox - single, th > .mt - radio.mt - radio - single {
    right: -5 px
}.feeds {
    margin: 0;padding: 0;list - style: none
}.feeds li {
    background - color: #fafafa;
    color: #82949a;margin-bottom:7px}.feeds li:after,.feeds li:before{display:table;line-height:0;content:""}.feeds li:after{clear:both}.feeds li:last-child{margin-bottom:0}.feeds li .col1{clear:both}.feeds li .col1>.cont{float:left;margin-right:75px;overflow:hidden}.feeds li .col1>.cont>.cont-col1{float:left;margin-right:-100%}.feeds li .col1>.cont>.cont-col1>.label{display:inline-block;padding:5px 4px 6px 5px;vertical-align:middle;text-align:center}.feeds li .col1>.cont>.cont-col1>.label>i{text-align:center;font-size:14px}.feeds li .col1>.cont>.cont-col2>.desc{margin-left:35px;padding-top:4px;padding-bottom:5px;overflow:hidden}.feeds li .col2{float:left;width:75px;margin-left:-75px}.input-mini,.input-xxs{width:45px!important}.feeds li .col2>.date{padding:4px 9px 5px 4px;text-align:right;font-style:italic;color:# c1cbd0
}.static - info {
    margin - bottom: 10 px
}.static - info.name {
    font - size: 14 px
}.static - info.value {
    font - size: 14 px;
    font - weight: 600
}.static - info.align - reverse.name, .static - info.align - reverse.value {
    text - align: right
}.help - block {
    margin - top: 5 px;
    margin - bottom: 5 px
}.help - inline {
    font - size: 13 px;
    color: #737373;display:inline-block;padding:5px}.form-inline input{margin-bottom:0!important}.control-label{margin-top:1px;font-weight:400}.control-label .required,.form-group .required{color:# e02222;
    font - size: 12 px;
    padding - left: 2 px
}.form {
    padding: 0!important
}.form.form - body, .portlet - form.form - body {
    padding: 20 px
}.portlet.light.form.form - body, .portlet.light.portlet - form.form - body {
    padding - left: 0;
    padding - right: 0
}.form.form - actions, .portlet - form.form - actions {
    padding: 20 px;margin: 0;background - color: #f5f5f5;border - top: 1 px solid# e7ecf1
}.portlet.light.form.form - actions, .portlet.light.portlet - form.form - actions {
    background: 0 0;padding - left: 0;padding - right: 0
}.form.form - actions.nobg, .portlet - form.form - actions.nobg, .tiles.tile.tile - object {
    background - color: transparent
}.form.form - actions.noborder, .portlet - form.form - actions.noborder {
    border - top: 0
}.portlet.form.form - actions, .portlet.portlet - form.form - actions {
    -webkit - border - radius: 0 0 4 px 4 px; - moz - border - radius: 0 0 4 px 4 px; - ms - border - radius: 0 0 4 px 4 px; - o - border - radius: 0 0 4 px 4 px;
    border - radius: 0 0 4 px 4 px
}.form.form - actions: after, .form.form - actions: before, .portlet - form.form - actions: after, .portlet - form.form - actions: before {
    content: " ";display: table
}.form.form - actions: after, .portlet - form.form - actions: after {
    clear: both
}.form.form - actions.right, .portlet - form.form - actions.right {
    padding - left: 0;
    padding - right: 20 px;
    text - align: right
}.portlet.light.form.form - actions.right, .portlet.light.portlet - form.form - actions.right {
    padding - right: 0
}.form.form - actions.left, .portlet - form.form - actions.left {
    padding - left: 20 px;
    padding - right: 0;
    text - align: left
}.checkbox - list > label.checkbox - inline: first - child, .checkbox > label, .form - horizontal.checkbox > label, .portlet.light.form.form - actions.left, .portlet.light.portlet - form.form - actions.left, .radio - list > label.radio - inline: first - child {
    padding - left: 0
}.form.form - actions.top, .portlet - form.form - actions.top {
    margin - top: 0;
    margin - bottom: 20 px;
    border - top: 0;
    border - bottom: 1 px solid# e7ecf1
}.portlet.light.form.form - actions.top, .portlet.light.portlet - form.form - actions.top {
    background: 0 0
}.form.form - actions.btn - set, .portlet - form.form - actions.btn - set {
    display: inline - block
}
@media(max - width: 767 px) {.form.form - actions.btn - set, .portlet - form.form - actions.btn - set {
        margin - bottom: 3 px;
        margin - top: 3 px;
        float: left!important
    }
}.form.form - section, .portlet - form.form - section {
    margin: 30 px 0;padding - bottom: 5 px;border - bottom: 1 px solid# e7ecf1
}.form.form - bordered.form - group.help - block, .form.form - row - seperated.form - group.help - block, .form - horizontal.radio - list > label {
    margin - bottom: 0
}.form - fit.form.form - section, .form - fit.portlet - form.form - section {
    margin - left: 20 px;
    margin - right: 20 px
}.checkbox, .form - horizontal.checkbox {
    padding: 0
}.checkbox - list > label {
    display: block
}.checkbox - list > label.checkbox - inline {
    display: inline - block
}.radio - list > label {
    display: block
}.form - control - static, .input - inline, .radio - list > label.radio - inline {
    display: inline - block
}.form - horizontal.radio - list.radio {
    padding - top: 1 px
}.form - horizontal.radio > span {
    margin - top: 2 px
}.form.form - row - seperated.portlet - body {
    padding: 0
}.form.form - row - seperated.form - group {
    margin: 0;border - bottom: 1 px solid# efefef;padding: 15 px 0
}.form.form - row - seperated.form - group.last {
    border - bottom: 0;
    margin - bottom: 0;
    padding - bottom: 13 px
}.form.form - row - seperated.form - body {
    padding: 0
}.form.form - row - seperated.form - actions {
    padding - left: 15 px!important;
    padding - right: 15 px!important
}.form.form - bordered.form - group {
    margin: 0;border - bottom: 1 px solid# efefef
}.form.form - bordered.form - group > div {
    padding: 15 px;border - left: 1 px solid# efefef
}.form.form - bordered.form - group.last {
    border - bottom: 0
}.form.form - bordered.form - group.control - label {
    padding - top: 20 px
}
@media(max - width: 991 px) {.form.form - bordered.form - group > div {
        border - left: 0
    }.form.form - bordered.form - group.control - label {
        padding - top: 10 px
    }
}.form.form - bordered.form - group.form - control {
    margin: 0
}.form.form - bordered.form - body {
    margin: 0;padding: 0
}.form.form - bordered.form - actions {
    margin - top: 0;
    padding - left: 16 px!important;
    padding - right: 16 px!important
}
@media(max - width: 991 px) {.form.form - bordered.form - actions {
            padding - left: 15 px!important;
            padding - right: 15 px!important
        }
    }.form.form - horizontal.form - bordered.form - row - stripped.form - group: nth - child(even) {
        background - color: #fcfcfc
    }.form.form - horizontal.form - bordered.form - row - stripped.form - control {
        background: #fff!important
    }.form.form - horizontal.form - bordered.form - label - stripped.form - group: nth - child(even) > div {
        background - color: #fff
    }.form.form - horizontal.form - bordered.form - label - stripped.form - group: nth - child(even) {
        background - color: #fcfcfc
    }.form - horizontal.form - group.input - sm {
        margin - top: 3 px
    }.form - horizontal.form - group.form - control - static {
        margin - top: 1 px
    }.form - control {
        outline: 0!important
    }.form - control.height - auto {
        height: auto
    }.input - group - addon > i {
        color: #c5cdda
    }.form - control.white {
        border - color: #fff
    }.form - control.white: focus {
        border - color: #e6e6e6
    }.form - control.focus - white: focus {
        border - color: #fff
    }.form - control.default {
        border - color: #e1e5ec
    }.form - control.default: focus {
        border - color: #c2cad8
    }.form - control.focus -
    default: focus {
        border - color: #e1e5ec
    }.form - control.dark {
        border - color: #2f353b}.form-control.dark:focus{border-color:# 181 c1f
    }.form - control.focus - dark: focus {
        border - color: #2f353b}.form-control.blue{border-color:# 3598 dc
    }.form - control.blue: focus {
        border - color: #217ebd}.form-control.focus-blue:focus{border-color:# 3598 dc
    }.form - control.blue - madison {
        border - color: #578ebe}.form-control.blue-madison:focus{border-color:# 3 f74a3
    }.form - control.focus - blue - madison: focus {
        border - color: #578ebe}.form-control.blue-chambray{border-color:# 2 C3E50
    }.form - control.blue - chambray: focus {
        border - color: #1a252f}.form-control.focus-blue-chambray:focus{border-color:# 2 C3E50
    }.form - control.blue - ebonyclay {
        border - color: #22313F}.form-control.blue-ebonyclay:focus{border-color:# 10171e
    }.form - control.focus - blue - ebonyclay: focus {
        border - color: #22313F}.form-control.blue-hoki{border-color:# 67809 F
    }.form - control.blue - hoki: focus {
        border - color: #526781}.form-control.focus-blue-hoki:focus{border-color:# 67809 F
    }.form - control.blue - steel {
        border - color: #4B77BE}.form-control.blue-steel:focus{border-color:# 395 f9d
    }.form - control.focus - blue - steel: focus {
        border - color: #4B77BE}.form-control.blue-soft{border-color:# 4 c87b9
    }.form - control.blue - soft: focus {
        border - color: #3b6d97}.form-control.focus-blue-soft:focus{border-color:# 4 c87b9
    }.form - control.blue - dark {
        border - color: #5e738b}.form-control.blue-dark:focus{border-color:# 495 a6d
    }.form - control.focus - blue - dark: focus {
        border - color: #5e738b}.form-control.blue-sharp{border-color:# 5 C9BD1
    }.form - control.blue - sharp: focus {
        border - color: #3782c3}.form-control.focus-blue-sharp:focus{border-color:# 5 C9BD1
    }.form - control.blue - oleo {
        border - color: #94A0B2}.form-control.blue-oleo:focus{border-color:# 76869 d
    }.form - control.focus - blue - oleo: focus {
        border - color: #94A0B2}.form-control.green{border-color:# 32 c5d2
    }.form - control.green: focus {
        border - color: #26a1ab}.form-control.focus-green:focus{border-color:# 32 c5d2
    }.form - control.green - meadow {
        border - color: #1BBC9B}.form-control.green-meadow:focus{border-color:# 158 f76
    }.form - control.focus - green - meadow: focus {
        border - color: #1BBC9B}.form-control.green-seagreen{border-color:# 1 BA39C
    }.form - control.green - seagreen: focus {
        border - color: #147772}.form-control.focus-green-seagreen:focus{border-color:# 1 BA39C
    }.form - control.green - turquoise {
        border - color: #36D7B7}.form-control.green-turquoise:focus{border-color:# 24 b699
    }.form - control.focus - green - turquoise: focus {
        border - color: #36D7B7}.form-control.green-haze{border-color:# 44 b6ae
    }.form - control.green - haze: focus {
        border - color: #36918b}.form-control.focus-green-haze:focus{border-color:# 44 b6ae
    }.form - control.green - jungle {
        border - color: #26C281}.form-control.green-jungle:focus{border-color:# 1e9765
    }.form - control.focus - green - jungle: focus {
        border - color: #26C281}.form-control.green-soft{border-color:# 3 faba4
    }.form - control.green - soft: focus {
        border - color: #318680}.form-control.focus-green-soft:focus{border-color:# 3 faba4
    }.form - control.green - dark {
        border - color: #4DB3A2}.form-control.green-dark:focus{border-color:# 3 d9082
    }.form - control.focus - green - dark: focus {
        border - color: #4DB3A2}.form-control.green-sharp{border-color:# 2 ab4c0
    }.form - control.green - sharp: focus {
        border - color: #218d96}.form-control.focus-green-sharp:focus{border-color:# 2 ab4c0
    }.form - control.green - steel {
        border - color: #29b4b6}.form-control.green-steel:focus{border-color:# 208 b8c
    }.form - control.focus - green - steel: focus {
        border - color: #29b4b6}.form-control.grey{border-color:# E5E5E5
    }.form - control.grey: focus {
        border - color: #ccc
    }.form - control.focus - grey: focus {
        border - color: #E5E5E5
    }.form - control.grey - steel {
        border - color: #e9edef
    }.form - control.grey - steel: focus {
        border - color: #cbd5da
    }.form - control.focus - grey - steel: focus {
        border - color: #e9edef
    }.form - control.grey - cararra {
        border - color: #fafafa
    }.form - control.grey - cararra: focus {
        border - color: #e1e1e1
    }.form - control.focus - grey - cararra: focus {
        border - color: #fafafa
    }.form - control.grey - gallery {
        border - color: #555}.form-control.grey-gallery:focus{border-color:# 3 c3c3c
    }.form - control.focus - grey - gallery: focus {
        border - color: #555}.form-control.grey-cascade{border-color:# 95 A5A6
    }.form - control.grey - cascade: focus {
        border - color: #798d8f}.form-control.focus-grey-cascade:focus{border-color:# 95 A5A6
    }.form - control.grey - silver {
        border - color: #BFBFBF
    }.form - control.grey - silver: focus {
        border - color: #a6a6a6
    }.form - control.focus - grey - silver: focus {
        border - color: #BFBFBF
    }.form - control.grey - salsa {
        border - color: #ACB5C3
    }.form - control.grey - salsa: focus {
        border - color: #8e9bae}.form-control.focus-grey-salsa:focus{border-color:# ACB5C3
    }.form - control.grey - salt {
        border - color: #bfcad1
    }.form - control.grey - salt: focus {
        border - color: #a1b1bc
    }.form - control.focus - grey - salt: focus {
        border - color: #bfcad1
    }.form - control.grey - mint {
        border - color: #525e64}.form-control.grey-mint:focus{border-color:# 3 b4448
    }.form - control.focus - grey - mint: focus {
        border - color: #525e64}.form-control.red{border-color:# e7505a
    }.form - control.red: focus {
        border - color: #e12330
    }.form - control.focus - red: focus {
        border - color: #e7505a
    }.form - control.red - pink {
        border - color: #E08283
    }.form - control.red - pink: focus {
        border - color: #d6595a
    }.form - control.focus - red - pink: focus {
        border - color: #E08283
    }.form - control.red - sunglo {
        border - color: #E26A6A
    }.form - control.red - sunglo: focus {
        border - color: #da3f3f
    }.form - control.focus - red - sunglo: focus {
        border - color: #E26A6A
    }.form - control.red - intense {
        border - color: #e35b5a
    }.form - control.red - intense: focus {
        border - color: #dc302e
    }.form - control.focus - red - intense: focus {
        border - color: #e35b5a
    }.form - control.red - thunderbird {
        border - color: #D91E18
    }.form - control.red - thunderbird: focus {
        border - color: #ab1813
    }.form - control.focus - red - thunderbird: focus {
        border - color: #D91E18
    }.form - control.red - flamingo {
        border - color: #EF4836
    }.form - control.red - flamingo: focus {
        border - color: #e02612
    }.form - control.focus - red - flamingo: focus {
        border - color: #EF4836
    }.form - control.red - soft {
        border - color: #d05454
    }.form - control.red - soft: focus {
        border - color: #bd3434
    }.form - control.focus - red - soft: focus {
        border - color: #d05454
    }.form - control.red - haze {
        border - color: #f36a5a
    }.form - control.red - haze: focus {
        border - color: #f03f2a
    }.form - control.focus - red - haze: focus {
        border - color: #f36a5a
    }.form - control.red - mint {
        border - color: #e43a45
    }.form - control.red - mint: focus {
        border - color: #cf1c28
    }.form - control.focus - red - mint: focus {
        border - color: #e43a45
    }.form - control.yellow {
        border - color: #c49f47
    }.form - control.yellow: focus {
        border - color: #a48334
    }.form - control.focus - yellow: focus {
        border - color: #c49f47
    }.form - control.yellow - gold {
        border - color: #E87E04
    }.form - control.yellow - gold: focus {
        border - color: #b66303
    }.form - control.focus - yellow - gold: focus {
        border - color: #E87E04
    }.form - control.yellow - casablanca {
        border - color: #f2784b
    }.form - control.yellow - casablanca: focus {
        border - color: #ef541b
    }.form - control.focus - yellow - casablanca: focus {
        border - color: #f2784b
    }.form - control.yellow - crusta {
        border - color: #f3c200
    }.form - control.yellow - crusta: focus {
        border - color: #c09900
    }.form - control.focus - yellow - crusta: focus {
        border - color: #f3c200
    }.form - control.yellow - lemon {
        border - color: #F7CA18
    }.form - control.yellow - lemon: focus {
        border - color: #d5ab07
    }.form - control.focus - yellow - lemon: focus {
        border - color: #F7CA18
    }.form - control.yellow - saffron {
        border - color: #F4D03F
    }.form - control.yellow - saffron: focus {
        border - color: #f1c40f
    }.form - control.focus - yellow - saffron: focus {
        border - color: #F4D03F
    }.form - control.yellow - soft {
        border - color: #c8d046
    }.form - control.yellow - soft: focus {
        border - color: #adb52e
    }.form - control.focus - yellow - soft: focus {
        border - color: #c8d046
    }.form - control.yellow - haze {
        border - color: #c5bf66
    }.form - control.yellow - haze: focus {
        border - color: #b4ad44
    }.form - control.focus - yellow - haze: focus {
        border - color: #c5bf66
    }.form - control.yellow - mint {
        border - color: #c5b96b
    }.form - control.yellow - mint: focus {
        border - color: #b6a747
    }.form - control.focus - yellow - mint: focus {
        border - color: #c5b96b
    }.form - control.purple {
        border - color: #8E44AD}.form-control.purple:focus{border-color:# 703688
    }.form - control.focus - purple: focus {
        border - color: #8E44AD}.form-control.purple-plum{border-color:# 8775 a7
    }.form - control.purple - plum: focus {
        border - color: #6d5b8e}.form-control.focus-purple-plum:focus{border-color:# 8775 a7
    }.form - control.purple - medium {
        border - color: #BF55EC
    }.form - control.purple - medium: focus {
        border - color: #ae27e7
    }.form - control.focus - purple - medium: focus {
        border - color: #BF55EC
    }.form - control.purple - studio {
        border - color: #8E44AD}.form-control.purple-studio:focus{border-color:# 703688
    }.form - control.focus - purple - studio: focus {
        border - color: #8E44AD}.form-control.purple-wisteria{border-color:# 9 B59B6
    }.form - control.purple - wisteria: focus {
        border - color: #804399}.form-control.focus-purple-wisteria:focus{border-color:# 9 B59B6
    }.form - control.purple - seance {
        border - color: #9A12B3}.form-control.purple-seance:focus{border-color:# 720 d85
    }.form - control.focus - purple - seance: focus {
        border - color: #9A12B3}.form-control.purple-intense{border-color:# 8775 a7
    }.form - control.purple - intense: focus {
        border - color: #6d5b8e}.form-control.focus-purple-intense:focus{border-color:# 8775 a7
    }.form - control.purple - sharp {
        border - color: #796799}.form-control.purple-sharp:focus{border-color:# 61527 b
    }.form - control.focus - purple - sharp: focus {
        border - color: #796799}.form-control.purple-soft{border-color:# 8877 a9
    }.form - control.purple - soft: focus {
        border - color: #6e5c91}.form-control.focus-purple-soft:focus{border-color:# 8877 a9
    }.uneditable - input {
        padding: 6 px 12 px;min - width: 206 px;font - size: 14 px;font - weight: 400;height: 34 px;color: #555;background-color:# fff;border: 1 px solid# c2cad8; - webkit - box - shadow: none;box - shadow: none; - webkit - transition: border - color ease - in -out .15 s,
        box - shadow ease - in -out .15 s;transition: border - color ease - in -out .15 s,
        box - shadow ease - in -out .15 s
    }.form - control - static {
        margin: 0
    }.input - xsmall {
        width: 80 px!important
    }.input - small {
        width: 145 px!important
    }.input - medium {
        width: 240 px!important
    }.input - large {
        width: 320 px!important
    }.input - xlarge {
        width: 420 px!important
    }
@media(max - width: 768 px) {.input - large {
        width: 250 px!important
    }.input - xlarge {
        width: 300 px!important
    }
}.input - inline {
    width: auto
}.input - fixed {
    overflow: hidden
}.form - group.input - inline {
    margin - right: 5 px
}
@media(max - width: 768 px) {.input - lg {
        width: 250 px!important
    }.input - xlg {
        width: 300 px!important
    }
}.input - circle {
    border - radius: 25 px!important
}.input - circle - right {
    border - radius: 0 25 px 25 px 0!important
}.input - circle - left {
    border - radius: 25 px 0 0 25 px!important
}.input - circle - bottom {
    border - radius: 0 0 25 px 25 px!important
}.input - circle - top {
    border - radius: 25 px 25 px 0 0!important
}.mt - checkbox, .mt - radio {
    display: inline - block;position: relative;padding - left: 30 px;margin - bottom: 15 px;cursor: pointer;font - size: 14 px;webkit - transition: all .3 s; - moz - transition: all .3 s; - ms - transition: all .3 s; - o - transition: all .3 s;transition: all .3 s
}.mt - checkbox.mt - checkbox - disabled, .mt - checkbox.mt - radio - disabled, .mt - radio.mt - checkbox - disabled, .mt - radio.mt - radio - disabled {
    opacity: .6;filter: alpha(opacity = 60)
}.mt - checkbox > input, .mt - radio > input {
    position: absolute;z - index: -1;opacity: 0;filter: alpha(opacity = 0)
}.mt - checkbox > span, .mt - radio > span {
    border: 1 px solid transparent;position: absolute;top: 0;left: 0;height: 19 px;width: 19 px;background: #E6E6E6
}.mt - checkbox > span: after, .mt - radio > span: after {
    content: '';position: absolute;display: none
}.input - icon > i, .mt - checkbox - list.mt - checkbox, .mt - checkbox - list.mt - radio, .mt - checkbox > input: checked~span: after, .mt - radio - list.mt - checkbox, .mt - radio - list.mt - radio, .mt - radio > input: checked~span: after {
    display: block
}.mt - checkbox: hover > input: not([disabled]) ~span, .mt - checkbox > input: focus~span, .mt - radio: hover > input: not([disabled]) ~span, .mt - radio > input: focus~span {
    background: #d9d9d9;webkit - transition: all .3 s; - moz - transition: all .3 s; - ms - transition: all .3 s; - o - transition: all .3 s;transition: all .3 s
}.mt - checkbox: hover > input: not([disabled]): checked~span, .mt - checkbox > input: checked~span, .mt - radio: hover > input: not([disabled]): checked~span, .mt - radio > input: checked~span {
    webkit - transition: all .3 s; - moz - transition: all .3 s; - ms - transition: all .3 s; - o - transition: all .3 s;
    transition: all .3 s;
    background: #d9d9d9
}.icon - btn, .icon - btn: hover {
    -webkit - transition: all .3 s ease; - moz - transition: all .3 s ease; - ms - transition: all .3 s ease; - o - transition: all .3 s ease
}.mt - checkbox > input: disabled~span, .mt - radio > input: disabled~span {
    opacity: .6;filter: alpha(opacity = 60);pointer - events: none
}.icon - btn, .ie8.icon - btn: hover {
    filter: none
}.mt - checkbox.mt - checkbox - outline: hover > input: not([disabled]): checked~span, .mt - checkbox.mt - checkbox - outline: hover > input: not([disabled]) ~span, .mt - checkbox.mt - checkbox - outline > input: checked~span, .mt - checkbox.mt - checkbox - outline > input: focus~span, .mt - checkbox.mt - checkbox - outline > span, .mt - checkbox.mt - radio - outline: hover > input: not([disabled]): checked~span, .mt - checkbox.mt - radio - outline: hover > input: not([disabled]) ~span, .mt - checkbox.mt - radio - outline > input: checked~span, .mt - checkbox.mt - radio - outline > input: focus~span, .mt - checkbox.mt - radio - outline > span, .mt - radio.mt - checkbox - outline: hover > input: not([disabled]): checked~span, .mt - radio.mt - checkbox - outline: hover > input: not([disabled]) ~span, .mt - radio.mt - checkbox - outline > input: checked~span, .mt - radio.mt - checkbox - outline > input: focus~span, .mt - radio.mt - checkbox - outline > span, .mt - radio.mt - radio - outline: hover > input: not([disabled]): checked~span, .mt - radio.mt - radio - outline: hover > input: not([disabled]) ~span, .mt - radio.mt - radio - outline > input: checked~span, .mt - radio.mt - radio - outline > input: focus~span, .mt - radio.mt - radio - outline > span {
    border: 1 px solid# d9d9d9;background: 0 0
}.mt - radio > span, .timeline.timeline - badge - userpic img {
    -webkit - border - radius: 50 % !important; - moz - border - radius: 50 % !important
}.mt - radio > span {
    -ms - border - radius: 50 % !important; - o - border - radius: 50 % !important;
    border - radius: 50 % !important
}.mt - radio > span: after {
    left: 6 px;top: 6 px;height: 6 px;width: 6 px;border - radius: 50 % ;background: #666}.mt-radio>input:disabled~span:after{background:# 666
}.mt - checkbox > span: after {
    left: 6 px;top: 3 px;width: 5 px;height: 10 px;border: solid #666;border-width:0 2px 2px 0;transform:rotate(45deg)}.mt-checkbox>input:disabled~span:after{border-color:# 666
}.form - inline.mt - checkbox {
    margin - left: 15 px;
    margin - right: 15 px
}.mt - checkbox - list, .mt - radio - list {
    padding: 10 px 0
}.form - horizontal.form - group.mt - checkbox - list, .form - horizontal.form - group.mt - radio - list {
    padding - top: 0
}.mt - checkbox - inline, .mt - radio - inline {
    padding: 10 px 0
}.form - horizontal.form - group.mt - checkbox - inline, .form - horizontal.form - group.mt - radio - inline {
    padding - top: 8 px
}.mt - checkbox - inline.mt - checkbox, .mt - checkbox - inline.mt - radio, .mt - radio - inline.mt - checkbox, .mt - radio - inline.mt - radio {
    display: inline - block;margin - right: 15 px
}.mt - checkbox - inline.mt - checkbox: last - child, .mt - checkbox - inline.mt - radio: last - child, .mt - radio - inline.mt - checkbox: last - child, .mt - radio - inline.mt - radio: last - child {
    margin - right: 0
}.icon - btn {
    height: 60 px;min - width: 80 px;margin: 5 px 5 px 0 0;border: 1 px solid# ddd;padding: 12 px 0 0;background - color: #fafafa;background - image: none; - webkit - box - shadow: none; - moz - box - shadow: none;box - shadow: none;display: inline - block;color: #646464;text-shadow:none;text-align:center;cursor:pointer;position:relative;transition:all .3s ease}.loading-message,.page-loading{min-width:125px;vertical-align:middle}.icon-btn:hover,.icon-btn:hover>.badge{-webkit-box-shadow:none;-moz-box-shadow:none}.modal.draggable-modal .modal-header,.portlet-sortable:not(.portlet-fullscreen)>.portlet-title{cursor:move}.icon-btn:hover{text-decoration:none;border-color:# 999;color: #444;text-shadow:0 1px 0 # fff;transition: all .3 s ease;box - shadow: none
}.icon - btn: hover > .badge {
    -webkit - transition: all .3 s ease; - moz - transition: all .3 s ease; - ms - transition: all .3 s ease; - o - transition: all .3 s ease;
    transition: all .3 s ease;
    box - shadow: none
}.icon - btn > div {
    margin - top: 5 px;
    margin - bottom: 20 px;
    color: #3f444a;font-size:12px;font-weight:300}.icon-btn>.badge{position:absolute;font-size:11px;font-weight:300;top:-5px;right:-5px;padding:3px 6px;color:# fff;
    text - shadow: none;
    border - width: 0;
    border - style: solid; - webkit - border - radius: 12 px; - moz - border - radius: 12 px;
    border - radius: 12 px; - webkit - box - shadow: none; - moz - box - shadow: none;
    box - shadow: none
}.input - group.input - icon > .form - control, .tabs - left.nav - tabs > li > a: focus, .tabs - left.nav - tabs > li > a: hover {
    -webkit - border - radius: 4 px 0 0 4 px; - moz - border - radius: 4 px 0 0 4 px; - ms - border - radius: 4 px 0 0 4 px; - o - border - radius: 4 px 0 0 4 px
}.icon - btn > i {
    font - size: 18 px
}.input - icon {
    position: relative;left: 0
}.input - icon > .form - control {
    padding - left: 33 px
}.input - group.input - icon > .form - control {
    border - radius: 4 px 0 0 4 px
}.input - icon > i {
    color: #ccc;position: absolute;margin: 11 px 2 px 4 px 10 px;z - index: 3;width: 16 px;font - size: 16 px;text - align: center;left: 0
}.modal.input - icon > i {
    z - index: 10055
}.has - success.input - icon > i {
    color: #36c6d3}.has-warning .input-icon>i{color:# F1C40F
}.has - info.input - icon > i {
    color: #659be0}.has-error .input-icon>i{color:# ed6b75
}.input - icon.right {
    left: auto;right: 0
}.input - icon.right > .form - control {
    padding - right: 33 px;
    padding - left: 12 px
}.input - group.input - icon.right > .form - control {
    -webkit - border - radius: 0 4 px 4 px 0; - moz - border - radius: 0 4 px 4 px 0; - ms - border - radius: 0 4 px 4 px 0; - o - border - radius: 0 4 px 4 px 0;
    border - radius: 0 4 px 4 px 0
}.input - icon.right > i {
    left: auto;right: 8 px;float: right
}.input - icon.input - icon - lg > i {
    margin - top: 16 px
}.input - icon.input - icon - sm > i {
    margin - top: 8 px;
    font - size: 13 px
}.label {
    text - shadow: none!important;
    font - size: 14 px;
    font - weight: 300;
    padding: 3 px 6 px;
    color: #fff;
    font - family: "Open Sans", sans - serif
}.label.label - sm {
    font - size: 13 px;
    padding: 2 px 5 px
}
h1.label, h2.label, h3.label, h4.label, h5.label, h6.label {
        font - size: 75 %
    }.label -
    default [href]: focus, .label -
    default [href]: hover {
        background - color: #9ca8bb}.label-primary{background-color:# 337 ab7
    }.label - primary[href]: focus, .label - primary[href]: hover {
        background - color: #286090}.label-success{background-color:# 36 c6d3
    }.label - success[href]: focus, .label - success[href]: hover {
        background - color: #27a4b0}.label-info{background-color:# 659 be0
    }.label - info[href]: focus, .label - info[href]: hover {
        background - color: #3a80d7}.label-warning{background-color:# F1C40F
    }.label - warning[href]: focus, .label - warning[href]: hover {
        background - color: #c29d0b
    }.label - danger {
        background - color: #ed6b75
    }.label - danger[href]: focus, .label - danger[href]: hover {
        background - color: #e73d4a
    }.label.label - icon {
        padding: 4 px 0 4 px 4 px;margin - right: 2 px;text - align: center!important
    }.label.label - icon > i {
        font - size: 12 px;
        text - align: center!important
    }.note p, .page - loading, .panel.panel - body {
        font - size: 13 px
    }.ie8.label.label - icon, .ie9.label.label - icon {
        padding: 3 px 0 3 px 3 px
    }.text -
    default {
        color: #bac3d0
    }.text - primary {
        color: #337ab7}.text-success{color:# 36 c6d3
    }.text - info {
        color: #659be0}.text-warning{color:# F1C40F
    }.text - danger {
        color: #ed6b75
    }.list - group > li: first - child {
        border - radius - topleft: 4 px;
        border - radius - topright: 4 px
    }.list - group > li: last - child {
        border - radius - bottomleft: 4 px;
        border - radius - bottomright: 4 px
    }.list - group.list - group - item - success {
        color: #27a4b0;background-color:# abe7ed
    }.list - group a.list - group - item - success, .list - group button.list - group - item - success {
        color: #27a4b0}.list-group a.list-group-item-success .list-group-item-heading,.list-group button.list-group-item-success .list-group-item-heading{color:inherit}.list-group a.list-group-item-success:focus,.list-group a.list-group-item-success:hover,.list-group button.list-group-item-success:focus,.list-group button.list-group-item-success:hover{color:# 27 a4b0;background - color: #96e1e8}.list-group a.list-group-item-success.active,.list-group a.list-group-item-success.active:focus,.list-group a.list-group-item-success.active:hover,.list-group button.list-group-item-success.active,.list-group button.list-group-item-success.active:focus,.list-group button.list-group-item-success.active:hover{color:# fff;background - color: #27a4b0;border-color:# 27 a4b0
    }.list - group.list - group - item - info {
        color: #327ad5;background-color:# e0ebf9
    }.list - group a.list - group - item - info, .list - group button.list - group - item - info {
        color: #327ad5}.list-group a.list-group-item-info .list-group-item-heading,.list-group button.list-group-item-info .list-group-item-heading{color:inherit}.list-group a.list-group-item-info:focus,.list-group a.list-group-item-info:hover,.list-group button.list-group-item-info:focus,.list-group button.list-group-item-info:hover{color:# 327 ad5;background - color: #caddf4
    }.list - group a.list - group - item - info.active, .list - group a.list - group - item - info.active: focus, .list - group a.list - group - item - info.active: hover, .list - group button.list - group - item - info.active, .list - group button.list - group - item - info.active: focus, .list - group button.list - group - item - info.active: hover {
        color: #fff;background - color: #327ad5;border-color:# 327 ad5
    }.list - group.list - group - item - warning {
        color: #c29d0b;background - color: #f9e491
    }.list - group a.list - group - item - warning, .list - group button.list - group - item - warning {
        color: #c29d0b
    }.list - group a.list - group - item - warning.list - group - item - heading, .list - group button.list - group - item - warning.list - group - item - heading {
        color: inherit
    }.list - group a.list - group - item - warning: focus, .list - group a.list - group - item - warning: hover, .list - group button.list - group - item - warning: focus, .list - group button.list - group - item - warning: hover {
        color: #c29d0b;background - color: #f7de79
    }.list - group a.list - group - item - warning.active, .list - group a.list - group - item - warning.active: focus, .list - group a.list - group - item - warning.active: hover, .list - group button.list - group - item - warning.active, .list - group button.list - group - item - warning.active: focus, .list - group button.list - group - item - warning.active: hover {
        color: #fff;background - color: #c29d0b;border - color: #c29d0b
    }.list - group.list - group - item - danger {
        color: #e73d4a;background - color: #fbe1e3
    }.list - group a.list - group - item - danger, .list - group button.list - group - item - danger {
        color: #e73d4a
    }.list - group a.list - group - item - danger.list - group - item - heading, .list - group button.list - group - item - danger.list - group - item - heading {
        color: inherit
    }.list - group a.list - group - item - danger: focus, .list - group a.list - group - item - danger: hover, .list - group button.list - group - item - danger: focus, .list - group button.list - group - item - danger: hover {
        color: #e73d4a;background - color: #f8cace
    }.list - group a.list - group - item - danger.active, .list - group a.list - group - item - danger.active: focus, .list - group a.list - group - item - danger.active: hover, .list - group button.list - group - item - danger.active, .list - group button.list - group - item - danger.active: focus, .list - group button.list - group - item - danger.active: hover {
        color: #fff;background - color: #e73d4a;border - color: #e73d4a
    }.loading - message {
        display: inline - block;padding: 10 px;margin: 0 auto;color: #000!important;font-size:13px;font-weight:400;text-align:center}.loading-message.loading-message-boxed{border:1px solid # ddd;background - color: #eee; - webkit - border - radius: 4 px; - moz - border - radius: 4 px; - ms - border - radius: 4 px; - o - border - radius: 4 px;border - radius: 4 px; - webkit - box - shadow: 0 1 px 8 px rgba(0, 0, 0, .1); - moz - box - shadow: 0 1 px 8 px rgba(0, 0, 0, .1);box - shadow: 0 1 px 8 px rgba(0, 0, 0, .1)
    }.loading - message > span {
        line - height: 20 px;
        vertical - align: middle
    }.page - loading {
        -webkit - border - radius: 4 px; - moz - border - radius: 4 px; - ms - border - radius: 4 px; - o - border - radius: 4 px;
        border - radius: 4 px;
        position: fixed;
        top: 50 % ;
        left: 50 % ;
        margin - left: -60 px;
        margin - top: -30 px;
        padding: 7 px;
        text - align: center;
        color: #333;border:1px solid # ddd;
        background - color: #eee; - webkit - box - shadow: 0 1 px 8 px rgba(0, 0, 0, .1); - moz - box - shadow: 0 1 px 8 px rgba(0, 0, 0, .1);
        box - shadow: 0 1 px 8 px rgba(0, 0, 0, .1)
    }.block - spinner - bar > div, .page - spinner - bar > div {
        background: #eee;border - radius: 100 % !important
    }.page - loading > span {
        line - height: 20 px;
        vertical - align: middle
    }.page - spinner - bar {
        position: fixed;z - index: 10051;width: 100 px;top: 40 % ;left: 50 % ;margin - left: -55 px;text - align: center
    }.page - spinner - bar > div {
        margin: 0 5 px;width: 18 px;height: 18 px;display: inline - block; - webkit - animation: bounceDelay 1.4 s infinite ease - in -out;animation: bounceDelay 1.4 s infinite ease - in -out; - webkit - animation - fill - mode: both;animation - fill - mode: both
    }.page - spinner - bar.bounce1 {
        -webkit - animation - delay: -.32 s;
        animation - delay: -.32 s
    }.page - spinner - bar.bounce2 {
        -webkit - animation - delay: -.16 s;
        animation - delay: -.16 s
    }.block - spinner - bar {
        display: inline - block;width: 80 px;text - align: center
    }.block - spinner - bar > div {
        margin: 0 2 px;width: 15 px;height: 15 px;display: inline - block; - webkit - animation: bounceDelay 1.4 s infinite ease - in -out;animation: bounceDelay 1.4 s infinite ease - in -out; - webkit - animation - fill - mode: both;animation - fill - mode: both
    }[class ^= m - icon - ], [class ^= m - icon - big - ] {
        display: inline - block;background - image: url(.. / img / syncfusion - icons.png);background - position: 0 0;background - repeat: no - repeat
    }.block - spinner - bar.bounce1 {
        -webkit - animation - delay: -.32 s;
        animation - delay: -.32 s
    }.block - spinner - bar.bounce2 {
        -webkit - animation - delay: -.16 s;
        animation - delay: -.16 s
    }[class ^= m - icon - ] {
        width: 14 px;height: 14 px;margin - top: 3 px;line - height: 14 px;vertical - align: top
    }[class ^= m - icon - big - ] {
        width: 30 px;height: 30 px;margin: 6 px;vertical - align: middle
    }.btn.m - icon - big {
        padding: 9 px 16 px 8 px
    }.btn.m - icon - big.m - icon - only {
        padding: 9 px 8 px 8 px 0
    }.btn.m - icon - big[class ^= m - icon - big - ] {
        margin: 0 0 0 10 px
    }.btn.m - icon - ony > i {
        margin - left: 0
    }.btn.m - icon {
        padding: 7 px 14 px
    }.btn.m - icon[class ^= m - icon - ] {
        margin: 4 px 0 0 5 px
    }.btn.m - icon.m - icon - only {
        padding: 7 px 10 px 7 px 6 px
    }.m - icon - white {
        background - image: url(.. / img / syncfusion - icons - white.png)
    }.m - icon - swapright {
        background - position: -27 px - 10 px
    }.m - icon - swapdown {
        background - position: -68 px - 10 px
    }.m - icon - swapleft {
        background - position: -8 px - 10 px
    }.m - icon - swapup {
        background - position: -46 px - 10 px
    }.m - icon - big - swapright {
        background - position: -42 px - 28 px
    }.m - icon - big - swapdown {
        background - position: -115 px - 28 px
    }.m - icon - big - swapleft {
        background - position: -6 px - 28 px
    }.m - icon - big - swapup {
        background - position: -78 px - 28 px
    }.modal {
        z - index: 10050;
        outline: 0;
        overflow - y: auto!important
    }.page - portlet - fullscreen.modal {
        z - index: 10060
    }.modal.modal - header {
        border - bottom: 1 px solid# EFEFEF
    }.modal.modal - header h3 {
        font - weight: 300
    }.modal.modal - header.close {
        margin - top: 0!important
    }.modal.modal - dialog {
        z - index: 10051
    }.modal > .loading {
        position: absolute;top: 50 % ;left: 50 % ;margin - top: -22 px;margin - left: -22 px
    }.modal.in.page - loading {
        display: none
    }.modal - open {
        overflow - y: auto!important
    }.modal - open - noscroll {
        overflow - y: hidden!important
    }.modal - backdrop {
        border: 0;outline: 0
    }.note, .tabs - right.nav - tabs > li > a: focus, .tabs - right.nav - tabs > li > a: hover {
        -webkit - border - radius: 0 4 px 4 px 0; - moz - border - radius: 0 4 px 4 px 0; - ms - border - radius: 0 4 px 4 px 0; - o - border - radius: 0 4 px 4 px 0
    }.page - portlet - fullscreen.modal - backdrop {
        z - index: 10059
    }.modal - backdrop, .modal - backdrop.fade.in {
        background - color: #333!important}.note .highlight,.note code,.note.note-default{background-color:# fff
    }
body[ng - controller].modal - backdrop {
    z - index: 10049
}
body[ng - controller].modal {
    z - index: 10050
}.modal - full.modal - dialog {
    width: 99 %
}
@media(max - width: 768 px) {.modal - full.modal - dialog {
            width: auto
        }
    }.note {
        margin: 0 0 20 px;padding: 15 px 30 px 15 px 15 px;border - left: 5 px solid# eee;border - radius: 0 4 px 4 px 0
    }.note h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
        margin - top: 0
    }.note h1.close, .note h2.close, .note h3.close, .note h4.close, .note h5.close, .note h6.close {
        margin - right: -10 px
    }.note p {
        margin: 0
    }.note p: last - child {
        margin - bottom: 0
    }.note.note -
    default {
        border - color: #b0c1d2;color: #000}.note.note-default.note-bordered{background-color:# eef1f5;border - color: #c0cedb
    }.note.note -
    default.note - shadow {
        background - color: #f1f4f7;
        border - color: #d1dbe4;
        box - shadow: 5 px 5 px rgba(212, 221, 230, .2)
    }.note.note - success {
        background - color: #c0edf1;
        border - color: #58d0da;color:# 000
    }.note.note - success.note - bordered {
        background - color: #a7e6ec;
        border - color: #6dd6df}.note.note-success.note-shadow{background-color:# abe7ed;
        border - color: #81dbe3;box-shadow:5px 5px rgba(134,221,228,.2)}.note.note-info{background-color:# f5f8fd;
        border - color: #8bb4e7;color:# 010407
    }.note.note - info.note - bordered {
        background - color: #dbe8f8;
        border - color: #a0c2ec
    }.note.note - info.note - shadow {
        background - color: #e0ebf9;
        border - color: #b5cff0;
        box - shadow: 5 px 5 px rgba(185, 210, 241, .2)
    }.note.note - warning {
        background - color: #faeaa9;
        border - color: #f3cc31;
        color: #000}.note.note-warning.note-bordered{background-color:# f8e38c;
        border - color: #f4d249
    }.note.note - warning.note - shadow {
        background - color: #f9e491;
        border - color: #f6d861;
        box - shadow: 5 px 5 px rgba(246, 217, 102, .2)
    }.note.note - danger {
        background - color: #fef7f8;
        border - color: #f0868e;
        color: #210406}.note.note-danger.note-bordered{background-color:# fbdcde;
        border - color: #f39da3
    }.note.note - danger.note - shadow {
        background - color: #fbe1e3;
        border - color: #f6b3b8;
        box - shadow: 5 px 5 px rgba(246, 184, 189, .2)
    }.pagination {
        margin: 10 px 0
    }.pagination.pagination - circle > li: first - child > a {
        border - radius: 25 px 0 0 25 px!important
    }.pagination.pagination - circle > li: last - child > a {
        border - radius: 0 25 px 25 px 0!important
    }.dashboard - stat, .portlet {
        -webkit - border - radius: 4 px; - moz - border - radius: 4 px; - ms - border - radius: 4 px; - o - border - radius: 4 px
    }.panel {
        -webkit - box - shadow: none!important; - moz - box - shadow: none!important;
        box - shadow: none!important
    }.panel - group.panel {
        overflow: visible
    }.panel.panel - title > a: hover {
        text - decoration: none
    }.accordion.panel.panel - heading, .accordion.panel.panel - title {
        padding: 0
    }.accordion.panel.panel - title.accordion - toggle {
        display: block;padding: 10 px 15 px
    }.accordion.panel.panel - title.accordion - toggle.accordion - toggle - styled {
        background: url(.. / img / accordion - plusminus.png) right - 19 px no - repeat;margin - right: 15 px
    }.accordion.panel.panel - title.accordion - toggle.accordion - toggle - styled.collapsed {
        background - position: right 12 px
    }.panel - heading {
        background: #eee
    }.panel - heading a, .panel - heading a: active, .panel - heading a: focus, .panel - heading a: hover {
        text - decoration: none
    }.popover {
        box - shadow: 5 px 5 px rgba(102, 102, 102, .1);
        padding: 0
    }.popover.popover - title {
        margin: 0!important
    }.page - portlet - fullscreen {
        overflow: hidden
    }.portlet {
        margin - top: 0;
        margin - bottom: 25 px;
        padding: 0;
        border - radius: 4 px
    }.portlet.portlet - fullscreen {
        z - index: 10060;
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100 % ;
        height: 100 % ;
        background: #fff
    }.portlet.portlet - fullscreen > .portlet - body {
        overflow - y: auto;
        overflow - x: hidden;
        padding: 0 10 px
    }.portlet.portlet - fullscreen > .portlet - title {
        padding: 0 10 px
    }.portlet > .portlet - title {
        border - bottom: 1 px solid# eee;
        padding: 0;
        margin - bottom: 10 px;
        min - height: 41 px; - webkit - border - radius: 4 px 4 px 0 0; - moz - border - radius: 4 px 4 px 0 0; - ms - border - radius: 4 px 4 px 0 0; - o - border - radius: 4 px 4 px 0 0;
        border - radius: 4 px 4 px 0 0
    }.portlet > .portlet - title: after, .portlet > .portlet - title: before {
        content: " ";display: table
    }.portlet > .portlet - title: after {
        clear: both
    }.portlet > .portlet - title > .caption {
        float: left;display: inline - block;font - size: 18 px;line - height: 18 px;padding: 10 px 0
    }.portlet > .portlet - title > .caption.bold {
        font - weight: 400
    }.portlet > .portlet - title > .caption > i {
        float: left;margin - top: 4 px;display: inline - block;font - size: 13 px;margin - right: 5 px;color: #666}.portlet>.portlet-title>.caption>i.glyphicon{margin-top:2px}.portlet>.portlet-title>.caption>.caption-helper{padding:0;margin:0;line-height:13px;color:# 9e acb4;font - size: 13 px;font - weight: 400
    }.portlet > .portlet - title > .actions {
        float: right;display: inline - block;padding: 6 px 0
    }.portlet > .portlet - title > .actions > .dropdown - menu i {
        color: #555}.portlet>.portlet-title>.actions>.btn,.portlet>.portlet-title>.actions>.btn-group>.btn,.portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm,.portlet>.portlet-title>.actions>.btn.btn-sm{padding:4px 10px;font-size:13px;line-height:1.5}.portlet>.portlet-title>.actions>.btn-group>.btn.btn-default,.portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm.btn-default,.portlet>.portlet-title>.actions>.btn.btn-default,.portlet>.portlet-title>.actions>.btn.btn-sm.btn-default{padding:3px 9px}.portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm>i,.portlet>.portlet-title>.actions>.btn-group>.btn>i,.portlet>.portlet-title>.actions>.btn.btn-sm>i,.portlet>.portlet-title>.actions>.btn>i{font-size:13px}.portlet>.portlet-title>.actions .btn-icon-only{padding:5px 7px 3px}.portlet>.portlet-title>.actions .btn-icon-only.btn-default{padding:4px 6px 2px}.portlet>.portlet-title>.actions .btn-icon-only.btn-default>i{font-size:14px}.portlet>.portlet-title>.actions .btn-icon-only.btn-default.fullscreen{font-family:FontAwesome;color:# a0a0a0;padding - top: 3 px
    }.portlet > .portlet - title > .actions.btn - icon - only.btn -
    default.fullscreen.btn - sm {
        padding: 3 px!important;height: 27 px;width: 27 px
    }.portlet > .portlet - title > .actions.btn - icon - only.btn -
    default.fullscreen: before {
        content: "\f065"
    }.portlet > .portlet - title > .actions.btn - icon - only.btn -
    default.fullscreen.on: before {
        content: "\f066"
    }.portlet > .portlet - title > .tools {
        float: right;display: inline - block;padding: 12 px 0 8 px
    }.portlet > .portlet - title > .tools > a {
        display: inline - block;height: 16 px;margin - left: 5 px;opacity: 1;filter: alpha(opacity = 100)
    }.portlet > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon.png);
        background - repeat: no - repeat;
        width: 11 px
    }.portlet > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon.png);
        background - repeat: no - repeat;
        width: 12 px
    }.portlet > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon.png);
        width: 13 px
    }.portlet > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon.png);
        width: 14 px;
        visibility: visible
    }.portlet > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon.png);
        width: 14 px;
        visibility: visible
    }.portlet > .portlet - title > .tools > a.fullscreen {
        display: inline - block;top: -3 px;position: relative;font - size: 13 px;font - family: FontAwesome;color: #ACACAC
    }.portlet > .portlet - title > .tools > a.fullscreen: before {
        content: "\f065"
    }.portlet > .portlet - title > .tools > a.fullscreen.on: before {
        content: "\f066"
    }.portlet > .portlet - title > .tools > a: hover {
        text - decoration: none; - webkit - transition: all .1 s ease - in -out; - moz - transition: all .1 s ease - in -out; - o - transition: all .1 s ease - in -out; - ms - transition: all .1 s ease - in -out;
        transition: all .1 s ease - in -out;
        opacity: .8;
        filter: alpha(opacity = 80)
    }.portlet > .portlet - title > .pagination {
        float: right;display: inline - block;margin: 2 px 0 0;border: 0;padding: 4 px 0
    }.portlet > .portlet - title > .nav - tabs {
        background: 0 0;margin: 1 px 0 0;float: right;display: inline - block;border: 0
    }.portlet > .portlet - title > .nav - tabs > li {
        background: 0 0;margin: 0;border: 0
    }.portlet > .portlet - title > .nav - tabs > li > a {
        background: 0 0;margin: 5 px 0 0 1 px;border: 0;padding: 8 px 10 px;color: #fff
    }.portlet > .portlet - body p, .table.btn {
        margin - top: 0
    }.portlet > .portlet - title > .nav - tabs > li.active > a, .portlet > .portlet - title > .nav - tabs > li: hover > a {
        color: #333;background:# fff;border: 0
    }.portlet > .portlet - body {
        clear: both; - webkit - border - radius: 0 0 4 px 4 px; - moz - border - radius: 0 0 4 px 4 px; - ms - border - radius: 0 0 4 px 4 px; - o - border - radius: 0 0 4 px 4 px;border - radius: 0 0 4 px 4 px
    }.portlet > .portlet - empty {
        min - height: 125 px
    }.portlet.full - height - content {
        margin - bottom: 0
    }.portlet.bordered {
        border - left: 2 px solid# e6e9ec!important
    }.portlet.bordered > .portlet - title {
        border - bottom: 0
    }.portlet.solid {
        padding: 0 10 px 10 px;border: 0
    }.portlet.solid > .portlet - title {
        border - bottom: 0;
        margin - bottom: 10 px
    }.portlet.solid > .portlet - title > .caption {
        padding: 16 px 0 2 px
    }.portlet.solid > .portlet - title > .actions {
        padding: 12 px 0 6 px
    }.portlet.solid > .portlet - title > .tools {
        padding: 14 px 0 6 px
    }.portlet.solid.bordered > .portlet - title {
        margin - bottom: 10 px
    }.portlet.box {
        padding: 0!important
    }.portlet.box > .portlet - title {
        border - bottom: 0;
        padding: 0 10 px;
        margin - bottom: 0;
        color: #fff
    }.portlet.box > .portlet - title > .caption {
        padding: 11 px 0 9 px
    }.portlet.box > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.box > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.box > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.box > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.box > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.box > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box > .portlet - title > .actions {
        padding: 7 px 0 5 px
    }.portlet.box > .portlet - body {
        background - color: #fff;
        padding: 15 px
    }.portlet.light {
        padding: 12 px 20 px 15 px;background - color: #fff
    }.portlet.light.bordered {
        border: 1 px solid# e7ecf1!important
    }.portlet.light.bordered > .portlet - title {
        border - bottom: 1 px solid# eef1f5
    }.portlet.light.bg - inverse {
        background: #f1f4f7
    }.portlet.light > .portlet - title {
        padding: 0;min - height: 48 px
    }.portlet.light > .portlet - title > .caption {
        color: #666;padding:10px 0}.portlet.light>.portlet-title>.caption>.caption-subject{font-size:16px}.portlet.light>.portlet-title>.caption>i{color:# 777;font - size: 15 px;font - weight: 300;margin - top: 3 px
    }.portlet.solid.blue - chambray > .portlet - title > .caption, .portlet.solid.blue - dark > .portlet - title > .caption, .portlet.solid.blue - ebonyclay > .portlet - title > .caption, .portlet.solid.blue - hoki > .portlet - title > .caption, .portlet.solid.blue - madison > .portlet - title > .caption, .portlet.solid.blue - oleo > .portlet - title > .caption, .portlet.solid.blue - sharp > .portlet - title > .caption, .portlet.solid.blue - soft > .portlet - title > .caption, .portlet.solid.blue - steel > .portlet - title > .caption, .portlet.solid.blue > .portlet - title > .caption, .portlet.solid.dark > .portlet - title > .caption, .portlet.solid.default > .portlet - title > .caption, .portlet.solid.green - dark > .portlet - title > .caption, .portlet.solid.green - haze > .portlet - title > .caption, .portlet.solid.green - jungle > .portlet - title > .caption, .portlet.solid.green - meadow > .portlet - title > .caption, .portlet.solid.green - seagreen > .portlet - title > .caption, .portlet.solid.green - sharp > .portlet - title > .caption, .portlet.solid.green - soft > .portlet - title > .caption, .portlet.solid.green - steel > .portlet - title > .caption, .portlet.solid.green - turquoise > .portlet - title > .caption, .portlet.solid.green > .portlet - title > .caption, .portlet.solid.grey - cararra > .portlet - title > .caption, .portlet.solid.grey - cascade > .portlet - title > .caption, .portlet.solid.grey - gallery > .portlet - title > .caption, .portlet.solid.grey - mint > .portlet - title > .caption, .portlet.solid.grey - salt > .portlet - title > .caption, .portlet.solid.grey - silver > .portlet - title > .caption, .portlet.solid.grey - steel > .portlet - title > .caption, .portlet.solid.grey > .portlet - title > .caption, .portlet.solid.purple - intense > .portlet - title > .caption, .portlet.solid.purple - medium > .portlet - title > .caption, .portlet.solid.purple - plum > .portlet - title > .caption, .portlet.solid.purple - seance > .portlet - title > .caption, .portlet.solid.purple - sharp > .portlet - title > .caption, .portlet.solid.purple - soft > .portlet - title > .caption, .portlet.solid.purple - studio > .portlet - title > .caption, .portlet.solid.purple - wisteria > .portlet - title > .caption, .portlet.solid.purple > .portlet - title > .caption, .portlet.solid.red - flamingo > .portlet - title > .caption, .portlet.solid.red - haze > .portlet - title > .caption, .portlet.solid.red - intense > .portlet - title > .caption, .portlet.solid.red - mint > .portlet - title > .caption, .portlet.solid.red - pink > .portlet - title > .caption, .portlet.solid.red - soft > .portlet - title > .caption, .portlet.solid.red - sunglo > .portlet - title > .caption, .portlet.solid.red - thunderbird > .portlet - title > .caption, .portlet.solid.red > .portlet - title > .caption, .portlet.solid.white > .portlet - title > .caption, .portlet.solid.yellow - casablanca > .portlet - title > .caption, .portlet.solid.yellow - crusta > .portlet - title > .caption, .portlet.solid.yellow - gold > .portlet - title > .caption, .portlet.solid.yellow - haze > .portlet - title > .caption, .portlet.solid.yellow - lemon > .portlet - title > .caption, .portlet.solid.yellow - mint > .portlet - title > .caption, .portlet.solid.yellow - saffron > .portlet - title > .caption, .portlet.solid.yellow - soft > .portlet - title > .caption, .portlet.solid.yellow > .portlet - title > .caption {
        font - weight: 400
    }.portlet.light > .portlet - title > .caption.caption - md > .caption - subject {
        font - size: 15 px
    }.portlet.light > .portlet - title > .caption.caption - md > i {
        font - size: 14 px
    }.portlet.light > .portlet - title > .actions {
        padding: 6 px 0 14 px
    }.portlet.light > .portlet - title > .actions.btn -
    default {
        color: #666}.portlet.light>.portlet-title>.actions .btn-icon-only{height:27px;width:27px}.portlet.light>.portlet-title>.actions .dropdown-menu li>a{color:# 555
    }.portlet.light > .portlet - title > .inputs {
        float: right;display: inline - block;padding: 4 px 0
    }.portlet.light > .portlet - title > .inputs > .portlet - input.input - icon > i {
        font - size: 14 px;
        margin - top: 9 px
    }.portlet.light > .portlet - title > .inputs > .portlet - input.input - icon > .form - control {
        height: 30 px;padding: 2 px 26 px 3 px 10 px;font - size: 13 px
    }.portlet.light > .portlet - title > .inputs > .portlet - input > .form - control {
        height: 30 px;padding: 3 px 10 px;font - size: 13 px
    }.portlet.light > .portlet - title > .pagination {
        padding: 2 px 0 13 px
    }.portlet.light > .portlet - title > .tools {
        padding: 10 px 0 13 px;margin - top: 2 px
    }.portlet.light > .portlet - title > .nav - tabs > li {
        margin: 0;padding: 0
    }.portlet.light > .portlet - title > .nav - tabs > li > a {
        margin: 0;padding: 12 px 13 px 13 px;font - size: 13 px;color: #666}.portlet.light>.portlet-title>.nav-tabs>li.active>a,.portlet.light>.portlet-title>.nav-tabs>li:hover>a{margin:0;background:0 0;color:# 333
    }.portlet.light.form - fit {
        padding: 0
    }.portlet.light.form - fit > .portlet - title {
        padding: 17 px 20 px 10 px;margin - bottom: 0
    }.portlet.light.portlet - body {
        padding - top: 8 px
    }.portlet.light.portlet - fullscreen > .portlet - body {
        padding: 8 px 0
    }.portlet.light.portlet - fit {
        padding: 0
    }.portlet.light.portlet - fit > .portlet - title {
        padding: 15 px 20 px 10 px
    }.portlet.light.portlet - fit > .portlet - body {
        padding: 10 px 20 px 20 px
    }.portlet.light.portlet - fit.portlet - form > .portlet - body {
        padding: 0
    }.portlet.light.portlet - fit.portlet - form > .portlet - body.form - actions {
        background: 0 0
    }.portlet.box.white > .portlet - title, .portlet.white, .portlet > .portlet - body.white {
        background - color: #fff
    }.portlet.light.portlet - datatable.portlet - fit > .portlet - body {
        padding - top: 10 px;
        padding - bottom: 25 px
    }.tab - pane > p: last - child {
        margin - bottom: 0
    }.tabs - reversed > li {
        float: right;margin - right: 0
    }.tabs - reversed > li > a {
        margin - right: 0
    }.portlet - sortable - placeholder {
        border: 2 px dashed# eee;margin - bottom: 25 px
    }.portlet - sortable - empty {
        box - shadow: none!important;
        height: 45 px
    }.portlet - collapsed {
        display: none
    }
@media(max - width: 991 px) {.portlet - collapsed - on - mobile {
            display: none
        }
    }.portlet.solid.white > .portlet - body, .portlet.solid.white > .portlet - title {
        border: 0;color: #666}.portlet.solid.white>.portlet-title>.caption>i{color:# 666
    }.portlet.solid.white > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.white > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.white > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.white > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.white > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.white > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.white {
        border: 1 px solid# fff;border - top: 0
    }.portlet.box.white > .portlet - title > .caption, .portlet.box.white > .portlet - title > .caption > i {
        color: #666}.portlet.box.white>.portlet-title>.actions .btn-default{background:0 0!important;border:1px solid # fff;color: #fff
    }.portlet.box.default > .portlet - title, .portlet.default, .portlet > .portlet - body.default {
        background - color: #e1e5ec
    }.portlet.box.white > .portlet - title > .actions.btn -
    default > i {
        color: #fff
    }.portlet.box.white > .portlet - title > .actions.btn -
    default.active, .portlet.box.white > .portlet - title > .actions.btn -
    default: active, .portlet.box.white > .portlet - title > .actions.btn -
    default: focus, .portlet.box.white > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fff;color: #fff
    }.portlet.solid.default > .portlet - body, .portlet.solid.default > .portlet - title {
        border: 0;color: #666}.portlet.solid.default>.portlet-title>.caption>i{color:# 666
    }.portlet.solid.default > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.default > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.default > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.default > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.default > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.default > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.default {
        border: 1 px solid# fff;border - top: 0
    }.portlet.box.default > .portlet - title > .caption, .portlet.box.default > .portlet - title > .caption > i {
        color: #666}.portlet.box.default>.portlet-title>.actions .btn-default{background:0 0!important;border:1px solid # fff;color: #fff
    }.portlet.box.dark > .portlet - title, .portlet.dark, .portlet > .portlet - body.dark {
        background - color: #2f353b}.portlet.box.default>.portlet-title>.actions .btn-default>i{color:# fff
    }.portlet.box.default > .portlet - title > .actions.btn -
    default.active, .portlet.box.default > .portlet - title > .actions.btn -
    default: active, .portlet.box.default > .portlet - title > .actions.btn -
    default: focus, .portlet.box.default > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fff;color: #fff
    }.portlet.solid.dark > .portlet - body, .portlet.solid.dark > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.dark > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.dark > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.dark > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.dark > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.dark > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.dark > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.dark > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.dark {
        border: 1 px solid #464f57;border-top:0}.portlet.box.dark>.portlet-title>.caption,.portlet.box.dark>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.dark > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #616d79;color:# 6 c7a88
    }.portlet.blue, .portlet.box.blue > .portlet - title, .portlet > .portlet - body.blue {
        background - color: #3598dc}.portlet.box.dark>.portlet-title>.actions .btn-default>i{color:# 738290
    }.portlet.box.dark > .portlet - title > .actions.btn -
    default.active, .portlet.box.dark > .portlet - title > .actions.btn -
    default: active, .portlet.box.dark > .portlet - title > .actions.btn -
    default: focus, .portlet.box.dark > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid #798794;color:# 8793 a0
    }.portlet.solid.blue > .portlet - body, .portlet.solid.blue > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.blue > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.blue > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.blue > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.blue > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.blue > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.blue > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.blue > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.blue {
        border: 1 px solid #60aee4;border-top:0}.portlet.box.blue>.portlet-title>.caption,.portlet.box.blue>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.blue > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #95c9ed;color:# aad4f0
    }.portlet.blue - madison, .portlet.box.blue - madison > .portlet - title, .portlet > .portlet - body.blue - madison {
        background - color: #578ebe}.portlet.box.blue>.portlet-title>.actions .btn-default>i{color:# b7daf3
    }.portlet.box.blue > .portlet - title > .actions.btn -
    default.active, .portlet.box.blue > .portlet - title > .actions.btn -
    default: active, .portlet.box.blue > .portlet - title > .actions.btn -
    default: focus, .portlet.box.blue > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# c0dff4;color: #d6eaf8
    }.portlet.solid.blue - madison > .portlet - body, .portlet.solid.blue - madison > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.blue - madison > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.blue - madison > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.blue - madison > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.blue - madison > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.blue - madison > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.blue - madison > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.blue - madison > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.blue - madison {
        border: 1 px solid #7ca7cc;border-top:0}.portlet.box.blue-madison>.portlet-title>.caption,.portlet.box.blue-madison>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.blue - madison > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# a8c4dd;color: #bad1e4
    }.portlet.blue - chambray, .portlet.box.blue - chambray > .portlet - title, .portlet > .portlet - body.blue - chambray {
        background - color: #2C3E50}.portlet.box.blue-madison>.portlet-title>.actions .btn-default>i{color:# c5d8e9
    }.portlet.box.blue - madison > .portlet - title > .actions.btn -
    default.active, .portlet.box.blue - madison > .portlet - title > .actions.btn -
    default: active, .portlet.box.blue - madison > .portlet - title > .actions.btn -
    default: focus, .portlet.box.blue - madison > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# cdddec;color: #dfeaf3
    }.portlet.solid.blue - chambray > .portlet - body, .portlet.solid.blue - chambray > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.blue - chambray > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.blue - chambray > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.blue - chambray > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.blue - chambray > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.blue - chambray > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.blue - chambray > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.blue - chambray > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.blue - chambray {
        border: 1 px solid #3e5871;border-top:0}.portlet.box.blue-chambray>.portlet-title>.caption,.portlet.box.blue-chambray>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.blue - chambray > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #547698;color:# 5 f83a7
    }.portlet.blue - ebonyclay, .portlet.box.blue - ebonyclay > .portlet - title, .portlet > .portlet - body.blue - ebonyclay {
        background - color: #22313F}.portlet.box.blue-chambray>.portlet-title>.actions .btn-default>i{color:# 698 bac
    }.portlet.box.blue - chambray > .portlet - title > .actions.btn -
    default.active, .portlet.box.blue - chambray > .portlet - title > .actions.btn -
    default: active, .portlet.box.blue - chambray > .portlet - title > .actions.btn -
    default: focus, .portlet.box.blue - chambray > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid #6f90b0;color:# 809 cb9
    }.portlet.solid.blue - ebonyclay > .portlet - body, .portlet.solid.blue - ebonyclay > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.blue - ebonyclay > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.blue - ebonyclay > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.blue - ebonyclay > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.blue - ebonyclay > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.blue - ebonyclay > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.blue - ebonyclay > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.blue - ebonyclay > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.blue - ebonyclay {
        border: 1 px solid #344b60;border-top:0}.portlet.box.blue-ebonyclay>.portlet-title>.caption,.portlet.box.blue-ebonyclay>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.blue - ebonyclay > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #496a88;color:# 527798
    }.portlet.blue - hoki, .portlet.box.blue - hoki > .portlet - title, .portlet > .portlet - body.blue - hoki {
        background - color: #67809F}.portlet.box.blue-ebonyclay>.portlet-title>.actions .btn-default>i{color:# 587e a2
    }.portlet.box.blue - ebonyclay > .portlet - title > .actions.btn -
    default.active, .portlet.box.blue - ebonyclay > .portlet - title > .actions.btn -
    default: active, .portlet.box.blue - ebonyclay > .portlet - title > .actions.btn -
    default: focus, .portlet.box.blue - ebonyclay > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid #5d83a7;color:# 6 d90b0
    }.portlet.solid.blue - hoki > .portlet - body, .portlet.solid.blue - hoki > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.blue - hoki > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.blue - hoki > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.blue - hoki > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.blue - hoki > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.blue - hoki > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.blue - hoki > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.blue - hoki > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.blue - hoki {
        border: 1 px solid #869ab3;border-top:0}.portlet.box.blue-hoki>.portlet-title>.caption,.portlet.box.blue-hoki>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.blue - hoki > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# acb9ca;color: #bbc7d4
    }.portlet.blue - steel, .portlet.box.blue - steel > .portlet - title, .portlet > .portlet - body.blue - steel {
        background - color: #4B77BE}.portlet.box.blue-hoki>.portlet-title>.actions .btn-default>i{color:# c5ceda
    }.portlet.box.blue - hoki > .portlet - title > .actions.btn -
    default.active, .portlet.box.blue - hoki > .portlet - title > .actions.btn -
    default: active, .portlet.box.blue - hoki > .portlet - title > .actions.btn -
    default: focus, .portlet.box.blue - hoki > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# cbd4de;color: #dbe1e8
    }.portlet.solid.blue - steel > .portlet - body, .portlet.solid.blue - steel > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.blue - steel > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.blue - steel > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.blue - steel > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.blue - steel > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.blue - steel > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.blue - steel > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.blue - steel > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.blue - steel {
        border: 1 px solid #7093cc;border-top:0}.portlet.box.blue-steel>.portlet-title>.caption,.portlet.box.blue-steel>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.blue - steel > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #9db5dc;color:# b0c3e3
    }.portlet.blue - soft, .portlet.box.blue - soft > .portlet - title, .portlet > .portlet - body.blue - soft {
        background - color: #4c87b9}.portlet.box.blue-steel>.portlet-title>.actions .btn-default>i{color:# bbcce7
    }.portlet.box.blue - steel > .portlet - title > .actions.btn -
    default.active, .portlet.box.blue - steel > .portlet - title > .actions.btn -
    default: active, .portlet.box.blue - steel > .portlet - title > .actions.btn -
    default: focus, .portlet.box.blue - steel > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# c3d2e9;color: #d6e0f0
    }.portlet.solid.blue - soft > .portlet - body, .portlet.solid.blue - soft > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.blue - soft > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.blue - soft > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.blue - soft > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.blue - soft > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.blue - soft > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.blue - soft > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.blue - soft > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.blue - soft {
        border: 1 px solid #71a0c7;border-top:0}.portlet.box.blue-soft>.portlet-title>.caption,.portlet.box.blue-soft>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.blue - soft > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #9dbdd9;color:# afc9e0
    }.portlet.blue - dark, .portlet.box.blue - dark > .portlet - title, .portlet > .portlet - body.blue - dark {
        background - color: #5e738b}.portlet.box.blue-soft>.portlet-title>.actions .btn-default>i{color:# bad1e4
    }.portlet.box.blue - soft > .portlet - title > .actions.btn -
    default.active, .portlet.box.blue - soft > .portlet - title > .actions.btn -
    default: active, .portlet.box.blue - soft > .portlet - title > .actions.btn -
    default: focus, .portlet.box.blue - soft > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# c1d6e7;color: #d4e2ee
    }.portlet.solid.blue - dark > .portlet - body, .portlet.solid.blue - dark > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.blue - dark > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.blue - dark > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.blue - dark > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.blue - dark > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.blue - dark > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.blue - dark > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.blue - dark > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.blue - dark {
        border: 1 px solid #788da4;border-top:0}.portlet.box.blue-dark>.portlet-title>.caption,.portlet.box.blue-dark>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.blue - dark > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #9dacbd;color:# acb8c7
    }.portlet.blue - sharp, .portlet.box.blue - sharp > .portlet - title, .portlet > .portlet - body.blue - sharp {
        background - color: #5C9BD1}.portlet.box.blue-dark>.portlet-title>.actions .btn-default>i{color:# b5c0cd
    }.portlet.box.blue - dark > .portlet - title > .actions.btn -
    default.active, .portlet.box.blue - dark > .portlet - title > .actions.btn -
    default: active, .portlet.box.blue - dark > .portlet - title > .actions.btn -
    default: focus, .portlet.box.blue - dark > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# bbc5d1;color: #cad2db
    }.portlet.solid.blue - sharp > .portlet - body, .portlet.solid.blue - sharp > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.blue - sharp > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.blue - sharp > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.blue - sharp > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.blue - sharp > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.blue - sharp > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.blue - sharp > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.blue - sharp > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.blue - sharp {
        border: 1 px solid #84b3dc;border-top:0}.portlet.box.blue-sharp>.portlet-title>.caption,.portlet.box.blue-sharp>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.blue - sharp > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# b4d1ea;color: #c7ddef
    }.portlet.blue - oleo, .portlet.box.blue - oleo > .portlet - title, .portlet > .portlet - body.blue - oleo {
        background - color: #94A0B2}.portlet.box.blue-sharp>.portlet-title>.actions .btn-default>i{color:# d3e4f3
    }.portlet.box.blue - sharp > .portlet - title > .actions.btn -
    default.active, .portlet.box.blue - sharp > .portlet - title > .actions.btn -
    default: active, .portlet.box.blue - sharp > .portlet - title > .actions.btn -
    default: focus, .portlet.box.blue - sharp > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# dbe9f5;color: #eff5fb
    }.portlet.solid.blue - oleo > .portlet - body, .portlet.solid.blue - oleo > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.blue - oleo > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.blue - oleo > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.blue - oleo > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.blue - oleo > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.blue - oleo > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.blue - oleo > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.blue - oleo > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.blue - oleo {
        border: 1 px solid# b2bac7;border - top: 0
    }.portlet.box.blue - oleo > .portlet - title > .caption, .portlet.box.blue - oleo > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.box.blue - oleo > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# d5dae1;color: #e4e7ec
    }.portlet.box.green > .portlet - title, .portlet.green, .portlet > .portlet - body.green {
        background - color: #32c5d2}.portlet.box.blue-oleo>.portlet-title>.actions .btn-default>i{color:# edeff2
    }.portlet.box.blue - oleo > .portlet - title > .actions.btn -
    default.active, .portlet.box.blue - oleo > .portlet - title > .actions.btn -
    default: active, .portlet.box.blue - oleo > .portlet - title > .actions.btn -
    default: focus, .portlet.box.blue - oleo > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# f3f4f6;color: #fff
    }.portlet.solid.green > .portlet - body, .portlet.solid.green > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.green > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.green > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.green > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.green > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.green > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.green > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.green > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.green {
        border: 1 px solid #5cd1db;border-top:0}.portlet.box.green>.portlet-title>.caption,.portlet.box.green>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.green > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #8edfe6;color:# a3e5eb
    }.portlet.box.green - meadow > .portlet - title, .portlet.green - meadow, .portlet > .portlet - body.green - meadow {
        background - color: #1BBC9B}.portlet.box.green>.portlet-title>.actions .btn-default>i{color:# afe8ee
    }.portlet.box.green > .portlet - title > .actions.btn -
    default.active, .portlet.box.green > .portlet - title > .actions.btn -
    default: active, .portlet.box.green > .portlet - title > .actions.btn -
    default: focus, .portlet.box.green > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# b8ebef;color: #cdf1f4
    }.portlet.solid.green - meadow > .portlet - body, .portlet.solid.green - meadow > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.green - meadow > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.green - meadow > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.green - meadow > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.green - meadow > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.green - meadow > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.green - meadow > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.green - meadow > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.green - meadow {
        border: 1 px solid #2ae0bb;border-top:0}.portlet.box.green-meadow>.portlet-title>.caption,.portlet.box.green-meadow>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.green - meadow > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #5fe8cc;color:# 75e bd3
    }.portlet.box.green - seagreen > .portlet - title, .portlet.green - seagreen, .portlet > .portlet - body.green - seagreen {
        background - color: #1BA39C}.portlet.box.green-meadow>.portlet-title>.actions .btn-default>i{color:# 83e dd7
    }.portlet.box.green - meadow > .portlet - title > .actions.btn -
    default.active, .portlet.box.green - meadow > .portlet - title > .actions.btn -
    default: active, .portlet.box.green - meadow > .portlet - title > .actions.btn -
    default: focus, .portlet.box.green - meadow > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid #8ceeda;color:# a2f2e1
    }.portlet.solid.green - seagreen > .portlet - body, .portlet.solid.green - seagreen > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.green - seagreen > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.green - seagreen > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.green - seagreen > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.green - seagreen > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.green - seagreen > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.green - seagreen > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.green - seagreen > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.green - seagreen {
        border: 1 px solid #22cfc6;border-top:0}.portlet.box.green-seagreen>.portlet-title>.caption,.portlet.box.green-seagreen>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.green - seagreen > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #4de1da;color:# 63e5 de
    }.portlet.box.green - turquoise > .portlet - title, .portlet.green - turquoise, .portlet > .portlet - body.green - turquoise {
        background - color: #36D7B7}.portlet.box.green-seagreen>.portlet-title>.actions .btn-default>i{color:# 70e7 e1
    }.portlet.box.green - seagreen > .portlet - title > .actions.btn -
    default.active, .portlet.box.green - seagreen > .portlet - title > .actions.btn -
    default: active, .portlet.box.green - seagreen > .portlet - title > .actions.btn -
    default: focus, .portlet.box.green - seagreen > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid #78e9e3;color:# 8e ece8
    }.portlet.solid.green - turquoise > .portlet - body, .portlet.solid.green - turquoise > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.green - turquoise > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.green - turquoise > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.green - turquoise > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.green - turquoise > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.green - turquoise > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.green - turquoise > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.green - turquoise > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.green - turquoise {
        border: 1 px solid #61dfc6;border-top:0}.portlet.box.green-turquoise>.portlet-title>.caption,.portlet.box.green-turquoise>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.green - turquoise > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #94ead9;color:# a9eee0
    }.portlet.box.green - haze > .portlet - title, .portlet.green - haze, .portlet > .portlet - body.green - haze {
        background - color: #44b6ae}.portlet.box.green-turquoise>.portlet-title>.actions .btn-default>i{color:# b6f0e5
    }.portlet.box.green - turquoise > .portlet - title > .actions.btn -
    default.active, .portlet.box.green - turquoise > .portlet - title > .actions.btn -
    default: active, .portlet.box.green - turquoise > .portlet - title > .actions.btn -
    default: focus, .portlet.box.green - turquoise > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# bef2e8;color: #d3f6ef
    }.portlet.solid.green - haze > .portlet - body, .portlet.solid.green - haze > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.green - haze > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.green - haze > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.green - haze > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.green - haze > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.green - haze > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.green - haze > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.green - haze > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.green - haze {
        border: 1 px solid #67c6bf;border-top:0}.portlet.box.green-haze>.portlet-title>.caption,.portlet.box.green-haze>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.green - haze > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #93d7d2;color:# a6deda
    }.portlet.box.green - jungle > .portlet - title, .portlet.green - jungle, .portlet > .portlet - body.green - jungle {
        background - color: #26C281}.portlet.box.green-haze>.portlet-title>.actions .btn-default>i{color:# b1e2de
    }.portlet.box.green - haze > .portlet - title > .actions.btn -
    default.active, .portlet.box.green - haze > .portlet - title > .actions.btn -
    default: active, .portlet.box.green - haze > .portlet - title > .actions.btn -
    default: focus, .portlet.box.green - haze > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# b9e5e2;color: #cbece9
    }.portlet.solid.green - jungle > .portlet - body, .portlet.solid.green - jungle > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.green - jungle > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.green - jungle > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.green - jungle > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.green - jungle > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.green - jungle > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.green - jungle > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.green - jungle > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.green - jungle {
        border: 1 px solid #41da9a;border-top:0}.portlet.box.green-jungle>.portlet-title>.caption,.portlet.box.green-jungle>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.green - jungle > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #74e4b5;color:# 8 ae8c1
    }.portlet.box.green - soft > .portlet - title, .portlet.green - soft, .portlet > .portlet - body.green - soft {
        background - color: #3faba4}.portlet.box.green-jungle>.portlet-title>.actions .btn-default>i{color:# 96e bc8
    }.portlet.box.green - jungle > .portlet - title > .actions.btn -
    default.active, .portlet.box.green - jungle > .portlet - title > .actions.btn -
    default: active, .portlet.box.green - jungle > .portlet - title > .actions.btn -
    default: focus, .portlet.box.green - jungle > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid #9feccc;color:# b4f0d7
    }.portlet.solid.green - soft > .portlet - body, .portlet.solid.green - soft > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.green - soft > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.green - soft > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.green - soft > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.green - soft > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.green - soft > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.green - soft > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.green - soft > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.green - soft {
        border: 1 px solid #5bc2bc;border-top:0}.portlet.box.green-soft>.portlet-title>.caption,.portlet.box.green-soft>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.green - soft > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #87d3ce;color:# 9 adad6
    }.portlet.box.green - dark > .portlet - title, .portlet.green - dark, .portlet > .portlet - body.green - dark {
        background - color: #4DB3A2}.portlet.box.green-soft>.portlet-title>.actions .btn-default>i{color:# a5deda
    }.portlet.box.green - soft > .portlet - title > .actions.btn -
    default.active, .portlet.box.green - soft > .portlet - title > .actions.btn -
    default: active, .portlet.box.green - soft > .portlet - title > .actions.btn -
    default: focus, .portlet.box.green - soft > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# ade1dd;color: #bfe7e5
    }.portlet.solid.green - dark > .portlet - body, .portlet.solid.green - dark > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.green - dark > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.green - dark > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.green - dark > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.green - dark > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.green - dark > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.green - dark > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.green - dark > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.green - dark {
        border: 1 px solid #71c2b5;border-top:0}.portlet.box.green-dark>.portlet-title>.caption,.portlet.box.green-dark>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.green - dark > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #9cd5cb;color:# addcd4
    }.portlet.box.green - sharp > .portlet - title, .portlet.green - sharp, .portlet > .portlet - body.green - sharp {
        background - color: #2ab4c0}.portlet.box.green-dark>.portlet-title>.actions .btn-default>i{color:# b8e1da
    }.portlet.box.green - dark > .portlet - title > .actions.btn -
    default.active, .portlet.box.green - dark > .portlet - title > .actions.btn -
    default: active, .portlet.box.green - dark > .portlet - title > .actions.btn -
    default: focus, .portlet.box.green - dark > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# bfe4de;color: #d1ebe7
    }.portlet.solid.green - sharp > .portlet - body, .portlet.solid.green - sharp > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.green - sharp > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.green - sharp > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.green - sharp > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.green - sharp > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.green - sharp > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.green - sharp > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.green - sharp > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.green - sharp {
        border: 1 px solid #46cbd7;border-top:0}.portlet.box.green-sharp>.portlet-title>.caption,.portlet.box.green-sharp>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.green - sharp > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #79d9e2;color:# 8e dfe6
    }.portlet.box.green - steel > .portlet - title, .portlet.green - steel, .portlet > .portlet - body.green - steel {
        background - color: #29b4b6}.portlet.box.green-sharp>.portlet-title>.actions .btn-default>i{color:# 9 ae3e9
    }.portlet.box.green - sharp > .portlet - title > .actions.btn -
    default.active, .portlet.box.green - sharp > .portlet - title > .actions.btn -
    default: active, .portlet.box.green - sharp > .portlet - title > .actions.btn -
    default: focus, .portlet.box.green - sharp > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# a2e5eb;color: #b7ebef
    }.portlet.solid.green - steel > .portlet - body, .portlet.solid.green - steel > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.green - steel > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.green - steel > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.green - steel > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.green - steel > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.green - steel > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.green - steel > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.green - steel > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.green - steel {
        border: 1 px solid #3ed1d4;border-top:0}.portlet.box.green-steel>.portlet-title>.caption,.portlet.box.green-steel>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.green - steel > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #70dddf;color:# 85e2 e4
    }.portlet.box.grey > .portlet - title, .portlet.grey, .portlet > .portlet - body.grey {
        background - color: #E5E5E5
    }.portlet.box.green - steel > .portlet - title > .actions.btn -
    default > i {
        color: #92e5e6}.portlet.box.green-steel>.portlet-title>.actions .btn-default.active,.portlet.box.green-steel>.portlet-title>.actions .btn-default:active,.portlet.box.green-steel>.portlet-title>.actions .btn-default:focus,.portlet.box.green-steel>.portlet-title>.actions .btn-default:hover{border:1px solid # 9 ae7e8;color: #afeced
    }.portlet.solid.grey > .portlet - body, .portlet.solid.grey > .portlet - title {
        border: 0;color: #333}.portlet.solid.grey>.portlet-title>.caption>i{color:# 333
    }.portlet.solid.grey > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.grey > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.grey > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.grey > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.grey > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.grey > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.grey {
        border: 1 px solid# fff;border - top: 0
    }.portlet.box.grey > .portlet - title > .caption, .portlet.box.grey > .portlet - title > .caption > i {
        color: #333}.portlet.box.grey>.portlet-title>.actions .btn-default{background:0 0!important;border:1px solid # fff;color: #fff
    }.portlet.box.grey - steel > .portlet - title, .portlet.grey - steel, .portlet > .portlet - body.grey - steel {
        background - color: #e9edef
    }.portlet.box.grey > .portlet - title > .actions.btn -
    default > i {
        color: #fff
    }.portlet.box.grey > .portlet - title > .actions.btn -
    default.active, .portlet.box.grey > .portlet - title > .actions.btn -
    default: active, .portlet.box.grey > .portlet - title > .actions.btn -
    default: focus, .portlet.box.grey > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fff;color: #fff
    }.portlet.solid.grey - steel > .portlet - body, .portlet.solid.grey - steel > .portlet - title {
        border: 0;color: #80898e}.portlet.solid.grey-steel>.portlet-title>.caption>i{color:# 80898e
    }.portlet.solid.grey - steel > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.grey - steel > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.grey - steel > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.grey - steel > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.grey - steel > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.grey - steel > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.grey - steel {
        border: 1 px solid# fff;border - top: 0
    }.portlet.box.grey - steel > .portlet - title > .caption, .portlet.box.grey - steel > .portlet - title > .caption > i {
        color: #80898e}.portlet.box.grey-steel>.portlet-title>.actions .btn-default{background:0 0!important;border:1px solid # fff;color: #fff
    }.portlet.box.grey - cararra > .portlet - title, .portlet.grey - cararra, .portlet > .portlet - body.grey - cararra {
        background - color: #fafafa
    }.portlet.box.grey - steel > .portlet - title > .actions.btn -
    default > i {
        color: #fff
    }.portlet.box.grey - steel > .portlet - title > .actions.btn -
    default.active, .portlet.box.grey - steel > .portlet - title > .actions.btn -
    default: active, .portlet.box.grey - steel > .portlet - title > .actions.btn -
    default: focus, .portlet.box.grey - steel > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fff;color: #fff
    }.portlet.solid.grey - cararra > .portlet - body, .portlet.solid.grey - cararra > .portlet - title {
        border: 0;color: #333}.portlet.solid.grey-cararra>.portlet-title>.caption>i{color:# 333
    }.portlet.solid.grey - cararra > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.grey - cararra > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.grey - cararra > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.grey - cararra > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.grey - cararra > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.grey - cararra > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.grey - cararra {
        border: 1 px solid# fff;border - top: 0
    }.portlet.box.grey - cararra > .portlet - title > .caption, .portlet.box.grey - cararra > .portlet - title > .caption > i {
        color: #333}.portlet.box.grey-cararra>.portlet-title>.actions .btn-default{background:0 0!important;border:1px solid # fff;color: #fff
    }.portlet.box.grey - gallery > .portlet - title, .portlet.grey - gallery, .portlet > .portlet - body.grey - gallery {
        background - color: #555}.portlet.box.grey-cararra>.portlet-title>.actions .btn-default>i{color:# fff
    }.portlet.box.grey - cararra > .portlet - title > .actions.btn -
    default.active, .portlet.box.grey - cararra > .portlet - title > .actions.btn -
    default: active, .portlet.box.grey - cararra > .portlet - title > .actions.btn -
    default: focus, .portlet.box.grey - cararra > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fff;color: #fff
    }.portlet.solid.grey - gallery > .portlet - body, .portlet.solid.grey - gallery > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.grey - gallery > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.grey - gallery > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.grey - gallery > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.grey - gallery > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.grey - gallery > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.grey - gallery > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.grey - gallery > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.grey - gallery {
        border: 1 px solid #6f6f6f;border-top:0}.portlet.box.grey-gallery>.portlet-title>.caption,.portlet.box.grey-gallery>.portlet-title>.caption>i{color:# fff
    }.portlet.box.grey - gallery > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #8d8d8d;color:# 9 a9a9a
    }.portlet.box.grey - cascade > .portlet - title, .portlet.grey - cascade, .portlet > .portlet - body.grey - cascade {
        background - color: #95A5A6}.portlet.box.grey-gallery>.portlet-title>.actions .btn-default>i{color:# a2a2a2
    }.portlet.box.grey - gallery > .portlet - title > .actions.btn -
    default.active, .portlet.box.grey - gallery > .portlet - title > .actions.btn -
    default: active, .portlet.box.grey - gallery > .portlet - title > .actions.btn -
    default: focus, .portlet.box.grey - gallery > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# a7a7a7;color: #b3b3b3
    }.portlet.solid.grey - cascade > .portlet - body, .portlet.solid.grey - cascade > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.grey - cascade > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.grey - cascade > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.grey - cascade > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.grey - cascade > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.grey - cascade > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.grey - cascade > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.grey - cascade > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.grey - cascade {
        border: 1 px solid# b1bdbd;border - top: 0
    }.portlet.box.grey - cascade > .portlet - title > .caption, .portlet.box.grey - cascade > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.box.grey - cascade > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# d2d9d9;color: #e0e5e5
    }.portlet.box.grey - silver > .portlet - title, .portlet.grey - silver, .portlet > .portlet - body.grey - silver {
        background - color: #BFBFBF
    }.portlet.box.grey - cascade > .portlet - title > .actions.btn -
    default > i {
        color: #e8ecec
    }.portlet.box.grey - cascade > .portlet - title > .actions.btn -
    default.active, .portlet.box.grey - cascade > .portlet - title > .actions.btn -
    default: active, .portlet.box.grey - cascade > .portlet - title > .actions.btn -
    default: focus, .portlet.box.grey - cascade > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# eef0f0;color: #fcfcfc
    }.portlet.solid.grey - silver > .portlet - body, .portlet.solid.grey - silver > .portlet - title {
        border: 0;color: #FAFCFB
    }.portlet.solid.grey - silver > .portlet - title > .caption > i {
        color: #FAFCFB
    }.portlet.solid.grey - silver > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.grey - silver > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.grey - silver > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.grey - silver > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.grey - silver > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.grey - silver > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.grey - silver {
        border: 1 px solid# d9d9d9;border - top: 0
    }.portlet.box.grey - silver > .portlet - title > .caption, .portlet.box.grey - silver > .portlet - title > .caption > i {
        color: #FAFCFB
    }.portlet.box.grey - silver > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# f7f7f7;color: #fff
    }.portlet.box.grey - salsa > .portlet - title, .portlet.grey - salsa, .portlet > .portlet - body.grey - salsa {
        background - color: #ACB5C3
    }.portlet.box.grey - silver > .portlet - title > .actions.btn -
    default > i {
        color: #fff
    }.portlet.box.grey - silver > .portlet - title > .actions.btn -
    default.active, .portlet.box.grey - silver > .portlet - title > .actions.btn -
    default: active, .portlet.box.grey - silver > .portlet - title > .actions.btn -
    default: focus, .portlet.box.grey - silver > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fff;color: #fff
    }.portlet.solid.grey - salsa > .portlet - body, .portlet.solid.grey - salsa > .portlet - title {
        border: 0;color: #FAFCFB
    }.portlet.solid.grey - salsa > .portlet - title > .caption {
        font - weight: 400
    }.portlet.solid.grey - salsa > .portlet - title > .caption > i {
        color: #FAFCFB
    }.portlet.solid.grey - salsa > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.grey - salsa > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.grey - salsa > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.grey - salsa > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.grey - salsa > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.grey - salsa > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.grey - salsa {
        border: 1 px solid# cacfd8;border - top: 0
    }.portlet.box.grey - salsa > .portlet - title > .caption, .portlet.box.grey - salsa > .portlet - title > .caption > i {
        color: #FAFCFB
    }.portlet.box.grey - salsa > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# edeff2;color: #fcfcfd
    }.portlet.box.grey - salt > .portlet - title, .portlet.grey - salt, .portlet > .portlet - body.grey - salt {
        background - color: #bfcad1
    }.portlet.box.grey - salsa > .portlet - title > .actions.btn -
    default > i {
        color: #fff
    }.portlet.box.grey - salsa > .portlet - title > .actions.btn -
    default.active, .portlet.box.grey - salsa > .portlet - title > .actions.btn -
    default: active, .portlet.box.grey - salsa > .portlet - title > .actions.btn -
    default: focus, .portlet.box.grey - salsa > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fff;color: #fff
    }.portlet.solid.grey - salt > .portlet - body, .portlet.solid.grey - salt > .portlet - title {
        border: 0;color: #FAFCFB
    }.portlet.solid.grey - salt > .portlet - title > .caption > i {
        color: #FAFCFB
    }.portlet.solid.grey - salt > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.grey - salt > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.grey - salt > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.grey - salt > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.grey - salt > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.grey - salt > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.grey - salt {
        border: 1 px solid# dde3e6;border - top: 0
    }.portlet.box.grey - salt > .portlet - title > .caption, .portlet.box.grey - salt > .portlet - title > .caption > i {
        color: #FAFCFB
    }.portlet.box.grey - salt > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# fff;color: #fff
    }.portlet.box.grey - mint > .portlet - title, .portlet.grey - mint, .portlet > .portlet - body.grey - mint {
        background - color: #525e64}.portlet.box.grey-salt>.portlet-title>.actions .btn-default>i{color:# fff
    }.portlet.box.grey - salt > .portlet - title > .actions.btn -
    default.active, .portlet.box.grey - salt > .portlet - title > .actions.btn -
    default: active, .portlet.box.grey - salt > .portlet - title > .actions.btn -
    default: focus, .portlet.box.grey - salt > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fff;color: #fff
    }.portlet.solid.grey - mint > .portlet - body, .portlet.solid.grey - mint > .portlet - title {
        border: 0;color: #FFF
    }.portlet.solid.grey - mint > .portlet - title > .caption > i {
        color: #FFF
    }.portlet.solid.grey - mint > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.grey - mint > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.grey - mint > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.grey - mint > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.grey - mint > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.grey - mint > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.grey - mint {
        border: 1 px solid #697880;border-top:0}.portlet.box.grey-mint>.portlet-title>.caption,.portlet.box.grey-mint>.portlet-title>.caption>i{color:# FFF
    }.portlet.box.grey - mint > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid #88979e;color:# 96 a3a9
    }.portlet.box.red > .portlet - title, .portlet.red, .portlet > .portlet - body.red {
        background - color: #e7505a
    }.portlet.box.grey - mint > .portlet - title > .actions.btn -
    default > i {
        color: #9faab0}.portlet.box.grey-mint>.portlet-title>.actions .btn-default.active,.portlet.box.grey-mint>.portlet-title>.actions .btn-default:active,.portlet.box.grey-mint>.portlet-title>.actions .btn-default:focus,.portlet.box.grey-mint>.portlet-title>.actions .btn-default:hover{border:1px solid # a4afb5;color: #b2bcc0
    }.portlet.solid.red > .portlet - body, .portlet.solid.red > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.red > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.red > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.red > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.red > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.red > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.red > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.red > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.red {
        border: 1 px solid# ed7d84;border - top: 0
    }.portlet.box.red > .portlet - title > .caption, .portlet.box.red > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.red > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# f5b3b7;color: #f8c9cc
    }.portlet.box.red - pink > .portlet - title, .portlet.red - pink, .portlet > .portlet - body.red - pink {
        background - color: #E08283
    }.portlet.box.red > .portlet - title > .actions.btn -
    default > i {
        color: #f9d7d9
    }.portlet.box.red > .portlet - title > .actions.btn -
    default.active, .portlet.box.red > .portlet - title > .actions.btn -
    default: active, .portlet.box.red > .portlet - title > .actions.btn -
    default: focus, .portlet.box.red > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fbe0e1;color: #fef6f6
    }.portlet.solid.red - pink > .portlet - body, .portlet.solid.red - pink > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.red - pink > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.red - pink > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.red - pink > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.red - pink > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.red - pink > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.red - pink > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.red - pink > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.red - pink {
        border: 1 px solid# eaabac;border - top: 0
    }.portlet.box.red - pink > .portlet - title > .caption, .portlet.box.red - pink > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.red - pink > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# f6dcdc;color: #fbf0f0
    }.portlet.box.red - sunglo > .portlet - title, .portlet.red - sunglo, .portlet > .portlet - body.red - sunglo {
        background - color: #E26A6A
    }.portlet.box.red - pink > .portlet - title > .actions.btn -
    default > i {
        color: #fefdfd
    }.portlet.box.red - pink > .portlet - title > .actions.btn -
    default.active, .portlet.box.red - pink > .portlet - title > .actions.btn -
    default: active, .portlet.box.red - pink > .portlet - title > .actions.btn -
    default: focus, .portlet.box.red - pink > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fff;color: #fff
    }.portlet.solid.red - sunglo > .portlet - body, .portlet.solid.red - sunglo > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.red - sunglo > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.red - sunglo > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.red - sunglo > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.red - sunglo > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.red - sunglo > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.red - sunglo > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.red - sunglo > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.red - sunglo {
        border: 1 px solid# ea9595;border - top: 0
    }.portlet.box.red - sunglo > .portlet - title > .caption, .portlet.box.red - sunglo > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.red - sunglo > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# f4c8c8;color: #f8dddd
    }.portlet.box.red - intense > .portlet - title, .portlet.red - intense, .portlet > .portlet - body.red - intense {
        background - color: #e35b5a
    }.portlet.box.red - sunglo > .portlet - title > .actions.btn -
    default > i {
        color: #fbeaea
    }.portlet.box.red - sunglo > .portlet - title > .actions.btn -
    default.active, .portlet.box.red - sunglo > .portlet - title > .actions.btn -
    default: active, .portlet.box.red - sunglo > .portlet - title > .actions.btn -
    default: focus, .portlet.box.red - sunglo > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fdf3f3;color: #fff
    }.portlet.solid.red - intense > .portlet - body, .portlet.solid.red - intense > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.red - intense > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.red - intense > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.red - intense > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.red - intense > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.red - intense > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.red - intense > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.red - intense > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.red - intense {
        border: 1 px solid# ea8686;border - top: 0
    }.portlet.box.red - intense > .portlet - title > .caption, .portlet.box.red - intense > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.red - intense > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# f3baba;color: #f7d0d0
    }.portlet.box.red - thunderbird > .portlet - title, .portlet.red - thunderbird, .portlet > .portlet - body.red - thunderbird {
        background - color: #D91E18
    }.portlet.box.red - intense > .portlet - title > .actions.btn -
    default > i {
        color: #f9dddd
    }.portlet.box.red - intense > .portlet - title > .actions.btn -
    default.active, .portlet.box.red - intense > .portlet - title > .actions.btn -
    default: active, .portlet.box.red - intense > .portlet - title > .actions.btn -
    default: focus, .portlet.box.red - intense > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fbe6e6;color: #fefbfb
    }.portlet.solid.red - thunderbird > .portlet - body, .portlet.solid.red - thunderbird > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.red - thunderbird > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.red - thunderbird > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.red - thunderbird > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.red - thunderbird > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.red - thunderbird > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.red - thunderbird > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.red - thunderbird > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.red - thunderbird {
        border: 1 px solid# e9403b;border - top: 0
    }.portlet.box.red - thunderbird > .portlet - title > .caption, .portlet.box.red - thunderbird > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.red - thunderbird > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# ef7672;color: #f28c89
    }.portlet.box.red - flamingo > .portlet - title, .portlet.red - flamingo, .portlet > .portlet - body.red - flamingo {
        background - color: #EF4836
    }.portlet.box.red - thunderbird > .portlet - title > .actions.btn -
    default > i {
        color: #f39997
    }.portlet.box.red - thunderbird > .portlet - title > .actions.btn -
    default.active, .portlet.box.red - thunderbird > .portlet - title > .actions.btn -
    default: active, .portlet.box.red - thunderbird > .portlet - title > .actions.btn -
    default: focus, .portlet.box.red - thunderbird > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# f4a2a0;color: #f7b9b7
    }.portlet.solid.red - flamingo > .portlet - body, .portlet.solid.red - flamingo > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.red - flamingo > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.red - flamingo > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.red - flamingo > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.red - flamingo > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.red - flamingo > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.red - flamingo > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.red - flamingo > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.red - flamingo {
        border: 1 px solid# f37365;border - top: 0
    }.portlet.box.red - flamingo > .portlet - title > .caption, .portlet.box.red - flamingo > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.red - flamingo > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# f7a79e;color: #f9bcb6
    }.portlet.box.red - soft > .portlet - title, .portlet.red - soft, .portlet > .portlet - body.red - soft {
        background - color: #d05454
    }.portlet.box.red - flamingo > .portlet - title > .actions.btn -
    default > i {
        color: #fac9c4
    }.portlet.box.red - flamingo > .portlet - title > .actions.btn -
    default.active, .portlet.box.red - flamingo > .portlet - title > .actions.btn -
    default: active, .portlet.box.red - flamingo > .portlet - title > .actions.btn -
    default: focus, .portlet.box.red - flamingo > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fbd2cd;color: #fde7e5
    }.portlet.solid.red - soft > .portlet - body, .portlet.solid.red - soft > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.red - soft > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.red - soft > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.red - soft > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.red - soft > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.red - soft > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.red - soft > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.red - soft > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.red - soft {
        border: 1 px solid# db7c7c;border - top: 0
    }.portlet.box.red - soft > .portlet - title > .caption, .portlet.box.red - soft > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.red - soft > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# e8acac;color: #eec0c0
    }.portlet.box.red - haze > .portlet - title, .portlet.red - haze, .portlet > .portlet - body.red - haze {
        background - color: #f36a5a
    }.portlet.box.red - soft > .portlet - title > .actions.btn -
    default > i {
        color: #f1cccc
    }.portlet.box.red - soft > .portlet - title > .actions.btn -
    default.active, .portlet.box.red - soft > .portlet - title > .actions.btn -
    default: active, .portlet.box.red - soft > .portlet - title > .actions.btn -
    default: focus, .portlet.box.red - soft > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# f3d4d4;color: #f9e8e8
    }.portlet.solid.red - haze > .portlet - body, .portlet.solid.red - haze > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.red - haze > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.red - haze > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.red - haze > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.red - haze > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.red - haze > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.red - haze > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.red - haze > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.red - haze {
        border: 1 px solid# f6958a;border - top: 0
    }.portlet.box.red - haze > .portlet - title > .caption, .portlet.box.red - haze > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.red - haze > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# fbc8c3;color: #fcdeda
    }.portlet.box.red - mint > .portlet - title, .portlet.red - mint, .portlet > .portlet - body.red - mint {
        background - color: #e43a45
    }.portlet.box.red - haze > .portlet - title > .actions.btn -
    default > i {
        color: #fdebe9
    }.portlet.box.red - haze > .portlet - title > .actions.btn -
    default.active, .portlet.box.red - haze > .portlet - title > .actions.btn -
    default: active, .portlet.box.red - haze > .portlet - title > .actions.btn -
    default: focus, .portlet.box.red - haze > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fef3f2;color: #fff
    }.portlet.solid.red - mint > .portlet - body, .portlet.solid.red - mint > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.red - mint > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.red - mint > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.red - mint > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.red - mint > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.red - mint > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.red - mint > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.red - mint > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.red - mint {
        border: 1 px solid# ea676f;border - top: 0
    }.portlet.box.red - mint > .portlet - title > .caption, .portlet.box.red - mint > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.red - mint > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# f29da2;color: #f5b3b7
    }.portlet.box.yellow > .portlet - title, .portlet.yellow, .portlet > .portlet - body.yellow {
        background - color: #c49f47
    }.portlet.box.red - mint > .portlet - title > .actions.btn -
    default > i {
        color: #f6c1c4
    }.portlet.box.red - mint > .portlet - title > .actions.btn -
    default.active, .portlet.box.red - mint > .portlet - title > .actions.btn -
    default: active, .portlet.box.red - mint > .portlet - title > .actions.btn -
    default: focus, .portlet.box.red - mint > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# f8cacd;color: #fbe0e2
    }.portlet.solid.yellow > .portlet - body, .portlet.solid.yellow > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.yellow > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.yellow > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.yellow > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.yellow > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.yellow > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.yellow > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.yellow > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.yellow {
        border: 1 px solid# d0b36e;border - top: 0
    }.portlet.box.yellow > .portlet - title > .caption, .portlet.box.yellow > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.yellow > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# dfcb9c;color: #e5d5af
    }.portlet.box.yellow - gold > .portlet - title, .portlet.yellow - gold, .portlet > .portlet - body.yellow - gold {
        background - color: #E87E04
    }.portlet.box.yellow > .portlet - title > .actions.btn -
    default > i {
        color: #e9dbbb
    }.portlet.box.yellow > .portlet - title > .actions.btn -
    default.active, .portlet.box.yellow > .portlet - title > .actions.btn -
    default: active, .portlet.box.yellow > .portlet - title > .actions.btn -
    default: focus, .portlet.box.yellow > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# ecdfc3;color: #f2ead6
    }.portlet.solid.yellow - gold > .portlet - body, .portlet.solid.yellow - gold > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.yellow - gold > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.yellow - gold > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.yellow - gold > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.yellow - gold > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.yellow - gold > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.yellow - gold > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.yellow - gold > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.yellow - gold {
        border: 1 px solid# fb9724;border - top: 0
    }.portlet.box.yellow - gold > .portlet - title > .caption, .portlet.box.yellow - gold > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.yellow - gold > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# fcb460;color: #fdbf79
    }.portlet.box.yellow - casablanca > .portlet - title, .portlet.yellow - casablanca, .portlet > .portlet - body.yellow - casablanca {
        background - color: #f2784b
    }.portlet.box.yellow - gold > .portlet - title > .actions.btn -
    default > i {
        color: #fdc788
    }.portlet.box.yellow - gold > .portlet - title > .actions.btn -
    default.active, .portlet.box.yellow - gold > .portlet - title > .actions.btn -
    default: active, .portlet.box.yellow - gold > .portlet - title > .actions.btn -
    default: focus, .portlet.box.yellow - gold > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fdcb92;color: #fed7ab
    }.portlet.solid.yellow - casablanca > .portlet - body, .portlet.solid.yellow - casablanca > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.yellow - casablanca > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.yellow - casablanca > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.yellow - casablanca > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.yellow - casablanca > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.yellow - casablanca > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.yellow - casablanca > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.yellow - casablanca > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.yellow - casablanca {
        border: 1 px solid# f59c7b;border - top: 0
    }.portlet.box.yellow - casablanca > .portlet - title > .caption, .portlet.box.yellow - casablanca > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.yellow - casablanca > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# fac6b4;color: #fbd8cb
    }.portlet.box.yellow - crusta > .portlet - title, .portlet.yellow - crusta, .portlet > .portlet - body.yellow - crusta {
        background - color: #f3c200
    }.portlet.box.yellow - casablanca > .portlet - title > .actions.btn -
    default > i {
        color: #fce3da
    }.portlet.box.yellow - casablanca > .portlet - title > .actions.btn -
    default.active, .portlet.box.yellow - casablanca > .portlet - title > .actions.btn -
    default: active, .portlet.box.yellow - casablanca > .portlet - title > .actions.btn -
    default: focus, .portlet.box.yellow - casablanca > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fdeae3;color: #fffcfb
    }.portlet.solid.yellow - crusta > .portlet - body, .portlet.solid.yellow - crusta > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.yellow - crusta > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.yellow - crusta > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.yellow - crusta > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.yellow - crusta > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.yellow - crusta > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.yellow - crusta > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.yellow - crusta > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.yellow - crusta {
        border: 1 px solid# ffd327;border - top: 0
    }.portlet.box.yellow - crusta > .portlet - title > .caption, .portlet.box.yellow - crusta > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.yellow - crusta > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# ffe064;color: #ffe57e
    }.portlet.box.yellow - lemon > .portlet - title, .portlet.yellow - lemon, .portlet > .portlet - body.yellow - lemon {
        background - color: #F7CA18
    }.portlet.box.yellow - crusta > .portlet - title > .actions.btn -
    default > i {
        color: #ffe88d
    }.portlet.box.yellow - crusta > .portlet - title > .actions.btn -
    default.active, .portlet.box.yellow - crusta > .portlet - title > .actions.btn -
    default: active, .portlet.box.yellow - crusta > .portlet - title > .actions.btn -
    default: focus, .portlet.box.yellow - crusta > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# ffea97;color: #ffefb1
    }.portlet.solid.yellow - lemon > .portlet - body, .portlet.solid.yellow - lemon > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.yellow - lemon > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.yellow - lemon > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.yellow - lemon > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.yellow - lemon > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.yellow - lemon > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.yellow - lemon > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.yellow - lemon > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.yellow - lemon {
        border: 1 px solid# f9d549;border - top: 0
    }.portlet.box.yellow - lemon > .portlet - title > .caption, .portlet.box.yellow - lemon > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.yellow - lemon > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# fbe384;color: #fce99d
    }.portlet.box.yellow - saffron > .portlet - title, .portlet.yellow - saffron, .portlet > .portlet - body.yellow - saffron {
        background - color: #F4D03F
    }.portlet.box.yellow - lemon > .portlet - title > .actions.btn -
    default > i {
        color: #fcecac
    }.portlet.box.yellow - lemon > .portlet - title > .actions.btn -
    default.active, .portlet.box.yellow - lemon > .portlet - title > .actions.btn -
    default: active, .portlet.box.yellow - lemon > .portlet - title > .actions.btn -
    default: focus, .portlet.box.yellow - lemon > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fceeb6;color: #fdf4ce
    }.portlet.solid.yellow - saffron > .portlet - body, .portlet.solid.yellow - saffron > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.yellow - saffron > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.yellow - saffron > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.yellow - saffron > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.yellow - saffron > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.yellow - saffron > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.yellow - saffron > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.yellow - saffron > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.yellow - saffron {
        border: 1 px solid# f7dc6f;border - top: 0
    }.portlet.box.yellow - saffron > .portlet - title > .caption, .portlet.box.yellow - saffron > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.yellow - saffron > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# faeaa9;color: #fbf0c1
    }.portlet.box.yellow - soft > .portlet - title, .portlet.yellow - soft, .portlet > .portlet - body.yellow - soft {
        background - color: #c8d046
    }.portlet.box.yellow - saffron > .portlet - title > .actions.btn -
    default > i {
        color: #fcf3d0
    }.portlet.box.yellow - saffron > .portlet - title > .actions.btn -
    default.active, .portlet.box.yellow - saffron > .portlet - title > .actions.btn -
    default: active, .portlet.box.yellow - saffron > .portlet - title > .actions.btn -
    default: focus, .portlet.box.yellow - saffron > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# fdf6d9;color: #fefcf1
    }.portlet.solid.yellow - soft > .portlet - body, .portlet.solid.yellow - soft > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.yellow - soft > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.yellow - soft > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.yellow - soft > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.yellow - soft > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.yellow - soft > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.yellow - soft > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.yellow - soft > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.yellow - soft {
        border: 1 px solid# d4da6f;border - top: 0
    }.portlet.box.yellow - soft > .portlet - title > .caption, .portlet.box.yellow - soft > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.yellow - soft > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# e3e79f;color: #e9ecb4
    }.portlet.box.yellow - haze > .portlet - title, .portlet.yellow - haze, .portlet > .portlet - body.yellow - haze {
        background - color: #c5bf66
    }.portlet.box.yellow - soft > .portlet - title > .actions.btn -
    default > i {
        color: #ecefc0
    }.portlet.box.yellow - soft > .portlet - title > .actions.btn -
    default.active, .portlet.box.yellow - soft > .portlet - title > .actions.btn -
    default: active, .portlet.box.yellow - soft > .portlet - title > .actions.btn -
    default: focus, .portlet.box.yellow - soft > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# eff1c8;color: #f5f6dc
    }.portlet.solid.yellow - haze > .portlet - body, .portlet.solid.yellow - haze > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.yellow - haze > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.yellow - haze > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.yellow - haze > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.yellow - haze > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.yellow - haze > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.yellow - haze > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.yellow - haze > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.yellow - haze {
        border: 1 px solid# d3ce8b;border - top: 0
    }.portlet.box.yellow - haze > .portlet - title > .caption, .portlet.box.yellow - haze > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.yellow - haze > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# e4e1b7;color: #ebe9ca
    }.portlet.box.yellow - mint > .portlet - title, .portlet.yellow - mint, .portlet > .portlet - body.yellow - mint {
        background - color: #c5b96b
    }.portlet.box.yellow - haze > .portlet - title > .actions.btn -
    default > i {
        color: #efedd5
    }.portlet.box.yellow - haze > .portlet - title > .actions.btn -
    default.active, .portlet.box.yellow - haze > .portlet - title > .actions.btn -
    default: active, .portlet.box.yellow - haze > .portlet - title > .actions.btn -
    default: focus, .portlet.box.yellow - haze > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# f2f1dc;color: #f9f8ef
    }.portlet.solid.yellow - mint > .portlet - body, .portlet.solid.yellow - mint > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.yellow - mint > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.yellow - mint > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.yellow - mint > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.yellow - mint > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.yellow - mint > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.yellow - mint > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.yellow - mint > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.yellow - mint {
        border: 1 px solid# d3ca90;border - top: 0
    }.portlet.box.yellow - mint > .portlet - title > .caption, .portlet.box.yellow - mint > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.yellow - mint > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# e5dfbc;color: #ece8ce
    }.portlet.box.purple > .portlet - title, .portlet.purple, .portlet > .portlet - body.purple {
        background - color: #8E44AD}.portlet.box.yellow-mint>.portlet-title>.actions .btn-default>i{color:# f0edd9
    }.portlet.box.yellow - mint > .portlet - title > .actions.btn -
    default.active, .portlet.box.yellow - mint > .portlet - title > .actions.btn -
    default: active, .portlet.box.yellow - mint > .portlet - title > .actions.btn -
    default: focus, .portlet.box.yellow - mint > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# f3f0e0;color: #faf9f3
    }.portlet.solid.purple > .portlet - body, .portlet.solid.purple > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.purple > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.purple > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.purple > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.purple > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.purple > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.purple > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.purple > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.purple {
        border: 1 px solid# a563c1;border - top: 0
    }.portlet.box.purple > .portlet - title > .caption, .portlet.box.purple > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.purple > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# bf8ed3;color: #c9a1da
    }.portlet.box.purple - plum > .portlet - title, .portlet.purple - plum, .portlet > .portlet - body.purple - plum {
        background - color: #8775a7}.portlet.box.purple>.portlet-title>.actions .btn-default>i{color:# cfacde
    }.portlet.box.purple > .portlet - title > .actions.btn -
    default.active, .portlet.box.purple > .portlet - title > .actions.btn -
    default: active, .portlet.box.purple > .portlet - title > .actions.btn -
    default: focus, .portlet.box.purple > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# d4b3e1;color: #dec5e8
    }.portlet.solid.purple - plum > .portlet - body, .portlet.solid.purple - plum > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.purple - plum > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.purple - plum > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.purple - plum > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.purple - plum > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.purple - plum > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.purple - plum > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.purple - plum > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.purple - plum {
        border: 1 px solid# a294bb;border - top: 0
    }.portlet.box.purple - plum > .portlet - title > .caption, .portlet.box.purple - plum > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.purple - plum > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# c3bad3;color: #d0c9dd
    }.portlet.box.purple - medium > .portlet - title, .portlet.purple - medium, .portlet > .portlet - body.purple - medium {
        background - color: #BF55EC
    }.portlet.box.purple - plum > .portlet - title > .actions.btn -
    default > i {
        color: #d8d2e3
    }.portlet.box.purple - plum > .portlet - title > .actions.btn -
    default.active, .portlet.box.purple - plum > .portlet - title > .actions.btn -
    default: active, .portlet.box.purple - plum > .portlet - title > .actions.btn -
    default: focus, .portlet.box.purple - plum > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# ded9e7;color: #ebe8f0
    }.portlet.solid.purple - medium > .portlet - body, .portlet.solid.purple - medium > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.purple - medium > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.purple - medium > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.purple - medium > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.purple - medium > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.purple - medium > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.purple - medium > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.purple - medium > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.purple - medium {
        border: 1 px solid# d083f1;border - top: 0
    }.portlet.box.purple - medium > .portlet - title > .caption, .portlet.box.purple - medium > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.purple - medium > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# e5baf7;color: #eed1fa
    }.portlet.box.purple - studio > .portlet - title, .portlet.purple - studio, .portlet > .portlet - body.purple - studio {
        background - color: #8E44AD}.portlet.box.purple-medium>.portlet-title>.actions .btn-default>i{color:# f3dffb
    }.portlet.box.purple - medium > .portlet - title > .actions.btn -
    default.active, .portlet.box.purple - medium > .portlet - title > .actions.btn -
    default: active, .portlet.box.purple - medium > .portlet - title > .actions.btn -
    default: focus, .portlet.box.purple - medium > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# f6e8fc;color: #fff
    }.portlet.solid.purple - studio > .portlet - body, .portlet.solid.purple - studio > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.purple - studio > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.purple - studio > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.purple - studio > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.purple - studio > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.purple - studio > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.purple - studio > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.purple - studio > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.purple - studio {
        border: 1 px solid# a563c1;border - top: 0
    }.portlet.box.purple - studio > .portlet - title > .caption, .portlet.box.purple - studio > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.purple - studio > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# bf8ed3;color: #c9a1da
    }.portlet.box.purple - wisteria > .portlet - title, .portlet.purple - wisteria, .portlet > .portlet - body.purple - wisteria {
        background - color: #9B59B6}.portlet.box.purple-studio>.portlet-title>.actions .btn-default>i{color:# cfacde
    }.portlet.box.purple - studio > .portlet - title > .actions.btn -
    default.active, .portlet.box.purple - studio > .portlet - title > .actions.btn -
    default: active, .portlet.box.purple - studio > .portlet - title > .actions.btn -
    default: focus, .portlet.box.purple - studio > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# d4b3e1;color: #dec5e8
    }.portlet.solid.purple - wisteria > .portlet - body, .portlet.solid.purple - wisteria > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.purple - wisteria > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.purple - wisteria > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.purple - wisteria > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.purple - wisteria > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.purple - wisteria > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.purple - wisteria > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.purple - wisteria > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.purple - wisteria {
        border: 1 px solid# b07cc6;border - top: 0
    }.portlet.box.purple - wisteria > .portlet - title > .caption, .portlet.box.purple - wisteria > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.purple - wisteria > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# caa7d8;color: #d5b9e0
    }.portlet.box.purple - seance > .portlet - title, .portlet.purple - seance, .portlet > .portlet - body.purple - seance {
        background - color: #9A12B3}.portlet.box.purple-wisteria>.portlet-title>.actions .btn-default>i{color:# dbc3e5
    }.portlet.box.purple - wisteria > .portlet - title > .actions.btn -
    default.active, .portlet.box.purple - wisteria > .portlet - title > .actions.btn -
    default: active, .portlet.box.purple - wisteria > .portlet - title > .actions.btn -
    default: focus, .portlet.box.purple - wisteria > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# dfcae8;color: #eadcf0
    }.portlet.solid.purple - seance > .portlet - body, .portlet.solid.purple - seance > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.purple - seance > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.purple - seance > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.purple - seance > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.purple - seance > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.purple - seance > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.purple - seance > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.purple - seance > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.purple - seance {
        border: 1 px solid# c217e1;border - top: 0
    }.portlet.box.purple - seance > .portlet - title > .caption, .portlet.box.purple - seance > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.purple - seance > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# d349ed;color: #d960ef
    }.portlet.box.purple - intense > .portlet - title, .portlet.purple - intense, .portlet > .portlet - body.purple - intense {
        background - color: #8775a7}.portlet.box.purple-seance>.portlet-title>.actions .btn-default>i{color:# dc6ef0
    }.portlet.box.purple - seance > .portlet - title > .actions.btn -
    default.active, .portlet.box.purple - seance > .portlet - title > .actions.btn -
    default: active, .portlet.box.purple - seance > .portlet - title > .actions.btn -
    default: focus, .portlet.box.purple - seance > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# de77f1;color: #e48ef4
    }.portlet.solid.purple - intense > .portlet - body, .portlet.solid.purple - intense > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.purple - intense > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.purple - intense > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.purple - intense > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.purple - intense > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.purple - intense > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.purple - intense > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.purple - intense > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.purple - intense {
        border: 1 px solid# a294bb;border - top: 0
    }.portlet.box.purple - intense > .portlet - title > .caption, .portlet.box.purple - intense > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.purple - intense > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# c3bad3;color: #d0c9dd
    }.portlet.box.purple - sharp > .portlet - title, .portlet.purple - sharp, .portlet > .portlet - body.purple - sharp {
        background - color: #796799}.portlet.box.purple-intense>.portlet-title>.actions .btn-default>i{color:# d8d2e3
    }.portlet.box.purple - intense > .portlet - title > .actions.btn -
    default.active, .portlet.box.purple - intense > .portlet - title > .actions.btn -
    default: active, .portlet.box.purple - intense > .portlet - title > .actions.btn -
    default: focus, .portlet.box.purple - intense > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# ded9e7;color: #ebe8f0
    }.portlet.solid.purple - sharp > .portlet - body, .portlet.solid.purple - sharp > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.purple - sharp > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.purple - sharp > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.purple - sharp > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.purple - sharp > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.purple - sharp > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.purple - sharp > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.purple - sharp > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.purple - sharp {
        border: 1 px solid #9486ad;border-top:0}.portlet.box.purple-sharp>.portlet-title>.caption,.portlet.box.purple-sharp>.portlet-title>.caption>i{color:# fff
    }.portlet.box.purple - sharp > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# b4aac6;color: #c2b9d0
    }.portlet.box.purple - soft > .portlet - title, .portlet.purple - soft, .portlet > .portlet - body.purple - soft {
        background - color: #8877a9}.portlet.box.purple-sharp>.portlet-title>.actions .btn-default>i{color:# cac3d6
    }.portlet.box.purple - sharp > .portlet - title > .actions.btn -
    default.active, .portlet.box.purple - sharp > .portlet - title > .actions.btn -
    default: active, .portlet.box.purple - sharp > .portlet - title > .actions.btn -
    default: focus, .portlet.box.purple - sharp > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# cfc9db;color: #ddd8e5
    }.portlet.solid.purple - soft > .portlet - body, .portlet.solid.purple - soft > .portlet - title {
        border: 0;color: #fff
    }.portlet.solid.purple - soft > .portlet - title > .caption > i {
        color: #fff
    }.portlet.solid.purple - soft > .portlet - title > .tools > a.remove {
        background - image: url(.. / img / portlet - remove - icon - white.png)
    }.portlet.solid.purple - soft > .portlet - title > .tools > a.config {
        background - image: url(.. / img / portlet - config - icon - white.png)
    }.portlet.solid.purple - soft > .portlet - title > .tools > a.reload {
        background - image: url(.. / img / portlet - reload - icon - white.png)
    }.portlet.solid.purple - soft > .portlet - title > .tools > a.expand {
        background - image: url(.. / img / portlet - expand - icon - white.png)
    }.portlet.solid.purple - soft > .portlet - title > .tools > a.collapse {
        background - image: url(.. / img / portlet - collapse - icon - white.png)
    }.portlet.solid.purple - soft > .portlet - title > .tools > a.fullscreen {
        color: #fdfdfd
    }.portlet.box.purple - soft {
        border: 1 px solid# a396bd;border - top: 0
    }.portlet.box.purple - soft > .portlet - title > .caption, .portlet.box.purple - soft > .portlet - title > .caption > i {
        color: #fff
    }.portlet.box.purple - soft > .portlet - title > .actions.btn -
    default {
        background: 0 0!important;border: 1 px solid# c4bcd4;color: #d2cbde
    }.portlet.box.purple - soft > .portlet - title > .actions.btn -
    default > i {
        color: #dad5e4
    }.portlet.box.purple - soft > .portlet - title > .actions.btn -
    default.active, .portlet.box.purple - soft > .portlet - title > .actions.btn -
    default: active, .portlet.box.purple - soft > .portlet - title > .actions.btn -
    default: focus, .portlet.box.purple - soft > .portlet - title > .actions.btn -
    default: hover {
        border: 1 px solid# dfdbe8;color: #edebf2
    }.progress {
        border: 0;background - image: none;filter: none; - webkit - box - shadow: none; - moz - box - shadow: none;box - shadow: none
    }.progress.progress - sm {
        height: 12 px
    }.page - md.progress {
        text - indent: -99999 px
    }.progress - bar.white {
        background: #fff!important;color: #666!important}.progress-bar.default{background:# e1e5ec!important;color: #666!important}.progress-bar.dark{background:# 2 f353b!important;color: #FFF!important
    }.progress - bar.blue {
        background: #3598dc!important;color:# FFF!important
    }.progress - bar.blue - madison {
        background: #578ebe!important;color:# FFF!important
    }.progress - bar.blue - chambray {
        background: #2C3E50!important;color:# FFF!important
    }.progress - bar.blue - ebonyclay {
        background: #22313F!important;color:# FFF!important
    }.progress - bar.blue - hoki {
        background: #67809F!important;color:# FFF!important
    }.progress - bar.blue - steel {
        background: #4B77BE!important;color:# FFF!important
    }.progress - bar.blue - soft {
        background: #4c87b9!important;color:# FFF!important
    }.progress - bar.blue - dark {
        background: #5e738b!important;color:# FFF!important
    }.progress - bar.blue - sharp {
        background: #5C9BD1!important;color:# FFF!important
    }.progress - bar.blue - oleo {
        background: #94A0B2!important;color:# FFF!important
    }.progress - bar.green {
        background: #32c5d2!important;color:# FFF!important
    }.progress - bar.green - meadow {
        background: #1BBC9B!important;color:# FFF!important
    }.progress - bar.green - seagreen {
        background: #1BA39C!important;color:# FFF!important
    }.progress - bar.green - turquoise {
        background: #36D7B7!important;color:# FFF!important
    }.progress - bar.green - haze {
        background: #44b6ae!important;color:# FFF!important
    }.progress - bar.green - jungle {
        background: #26C281!important;color:# FFF!important
    }.progress - bar.green - soft {
        background: #3faba4!important;color:# FFF!important
    }.progress - bar.green - dark {
        background: #4DB3A2!important;color:# FFF!important
    }.progress - bar.green - sharp {
        background: #2ab4c0!important;color:# FFF!important
    }.progress - bar.green - steel {
        background: #29b4b6!important;color:# FFF!important
    }.progress - bar.grey {
        background: #E5E5E5!important;color: #333!important}.progress-bar.grey-steel{background:# e9edef!important;color: #80898e!important}.progress-bar.grey-cararra{background:# fafafa!important;color: #333!important}.progress-bar.grey-gallery{background:# 555!important;color: #fff!important
    }.progress - bar.grey - cascade {
        background: #95A5A6!important;color:# FFF!important
    }.progress - bar.grey - silver {
        background: #BFBFBF!important;color: #FAFCFB!important
    }.progress - bar.grey - salsa {
        background: #ACB5C3!important;color: #FAFCFB!important
    }.progress - bar.grey - salt {
        background: #bfcad1!important;color: #FAFCFB!important
    }.progress - bar.grey - mint {
        background: #525e64!important;color:# FFF!important
    }.progress - bar.red {
        background: #e7505a!important;color: #fff!important
    }.progress - bar.red - pink {
        background: #E08283!important;color: #fff!important
    }.progress - bar.red - sunglo {
        background: #E26A6A!important;color: #fff!important
    }.progress - bar.red - intense {
        background: #e35b5a!important;color: #fff!important
    }.progress - bar.red - thunderbird {
        background: #D91E18!important;color: #fff!important
    }.progress - bar.red - flamingo {
        background: #EF4836!important;color: #fff!important
    }.progress - bar.red - soft {
        background: #d05454!important;color: #fff!important
    }.progress - bar.red - haze {
        background: #f36a5a!important;color: #fff!important
    }.progress - bar.red - mint {
        background: #e43a45!important;color: #fff!important
    }.progress - bar.yellow {
        background: #c49f47!important;color: #fff!important
    }.progress - bar.yellow - gold {
        background: #E87E04!important;color: #fff!important
    }.progress - bar.yellow - casablanca {
        background: #f2784b!important;color: #fff!important
    }.progress - bar.yellow - crusta {
        background: #f3c200!important;color: #fff!important
    }.progress - bar.yellow - lemon {
        background: #F7CA18!important;color: #fff!important
    }.progress - bar.yellow - saffron {
        background: #F4D03F!important;color: #fff!important
    }.progress - bar.yellow - soft {
        background: #c8d046!important;color: #fff!important
    }.progress - bar.yellow - haze {
        background: #c5bf66!important;color: #fff!important
    }.progress - bar.yellow - mint {
        background: #c5b96b!important;color: #fff!important
    }.progress - bar.purple {
        background: #8E44AD!important;color:# fff!important
    }.progress - bar.purple - plum {
        background: #8775a7!important;color:# fff!important
    }.progress - bar.purple - medium {
        background: #BF55EC!important;color: #fff!important
    }.progress - bar.purple - studio {
        background: #8E44AD!important;color:# fff!important
    }.progress - bar.purple - wisteria {
        background: #9B59B6!important;color:# fff!important
    }.progress - bar.purple - seance {
        background: #9A12B3!important;color:# fff!important
    }.progress - bar.purple - intense {
        background: #8775a7!important;color:# fff!important
    }.progress - bar.purple - sharp {
        background: #796799!important;color:# fff!important
    }.progress - bar.purple - soft {
        background: #8877a9!important;color:# fff!important
    }.dashboard - stat {
        display: block;margin - bottom: 25 px;overflow: hidden;border - radius: 4 px
    }.dashboard - stat: after, .dashboard - stat: before {
        content: " ";display: table
    }.dashboard - stat: after {
        clear: both
    }.portlet.dashboard - stat: last - child {
        margin - bottom: 0
    }.dashboard - stat.visual {
        width: 80 px;height: 80 px;display: block;float: left;padding - top: 10 px;padding - left: 15 px;margin - bottom: 15 px;font - size: 35 px;line - height: 35 px
    }.dashboard - stat.visual > i {
        margin - left: -35 px;
        font - size: 110 px;
        line - height: 110 px
    }.dashboard - stat.details {
        position: absolute;right: 15 px;padding - right: 15 px
    }.dashboard - stat.details.number {
        padding - top: 25 px;
        text - align: right;
        font - size: 34 px;
        line - height: 36 px;
        letter - spacing: -1 px;
        margin - bottom: 0;
        font - weight: 300
    }.dashboard - stat.details.desc {
        text - align: right;
        font - size: 16 px;
        letter - spacing: 0;
        font - weight: 300
    }.dashboard - stat.more {
        clear: both;display: block;padding: 6 px 10 px;position: relative;text - transform: uppercase;font - weight: 300;font - size: 11 px;opacity: .7;filter: alpha(opacity = 70)
    }.dashboard - stat.more: hover {
        text - decoration: none;
        opacity: .9;
        filter: alpha(opacity = 90)
    }.dashboard - stat.more > i {
        display: inline - block;margin - top: 1 px;float: right
    }.dashboard - stat.dashboard - stat - v2.visual {
        padding - top: 35 px;
        margin - bottom: 40 px
    }.dashboard - stat.white {
        background - color: #fff
    }.dashboard - stat.white.dashboard - stat - light: hover {
        background - color: #f5f5f5
    }.dashboard - stat.white.visual > i {
        color: #666;opacity:.1;filter:alpha(opacity= 10)
}.dashboard - stat.white.details.number {
    color: #666}.dashboard-stat.white .details .desc{color:# 666;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.white.more {
    color: #666;background-color:# f5f5f5
}.dashboard - stat.default {
    background - color: #e1e5ec
}.dashboard - stat.default.dashboard - stat - light: hover {
    background - color: #d5dae4
}.dashboard - stat.default.visual > i {
    color: #666;opacity:.1;filter:alpha(opacity= 10)
}.dashboard - stat.default.details.number {
    color: #666}.dashboard-stat.default .details .desc{color:# 666;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.default.more {
    color: #666;background-color:# d5dae4
}.dashboard - stat.dark {
    background - color: #2f353b}.dashboard-stat.dark.dashboard-stat-light:hover{background-color:# 262 b30
}.dashboard - stat.dark.visual > i {
    color: #FFF;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.dark.details.number {
    color: #FFF
}.dashboard - stat.dark.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.dark.more {
    color: #FFF;background - color: #262b30}.dashboard-stat.blue{background-color:# 3598 dc
}.dashboard - stat.blue.dashboard - stat - light: hover {
    background - color: #258fd7}.dashboard-stat.blue .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.blue.details.number {
    color: #FFF
}.dashboard - stat.blue.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.blue.more {
    color: #FFF;background - color: #258fd7}.dashboard-stat.blue-madison{background-color:# 578e be
}.dashboard - stat.blue - madison.dashboard - stat - light: hover {
    background - color: #4884b8}.dashboard-stat.blue-madison .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.blue - madison.details.number {
    color: #FFF
}.dashboard - stat.blue - madison.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.blue - madison.more {
    color: #FFF;background - color: #4884b8}.dashboard-stat.blue-chambray{background-color:# 2 C3E50
}.dashboard - stat.blue - chambray.dashboard - stat - light: hover {
    background - color: #253443}.dashboard-stat.blue-chambray .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.blue - chambray.details.number {
    color: #FFF
}.dashboard - stat.blue - chambray.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.blue - chambray.more {
    color: #FFF;background - color: #253443}.dashboard-stat.blue-ebonyclay{background-color:# 22313 F
}.dashboard - stat.blue - ebonyclay.dashboard - stat - light: hover {
    background - color: #1b2732}.dashboard-stat.blue-ebonyclay .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.blue - ebonyclay.details.number {
    color: #FFF
}.dashboard - stat.blue - ebonyclay.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.blue - ebonyclay.more {
    color: #FFF;background - color: #1b2732}.dashboard-stat.blue-hoki{background-color:# 67809 F
}.dashboard - stat.blue - hoki.dashboard - stat - light: hover {
    background - color: #5e7694}.dashboard-stat.blue-hoki .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.blue - hoki.details.number {
    color: #FFF
}.dashboard - stat.blue - hoki.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.blue - hoki.more {
    color: #FFF;background - color: #5e7694}.dashboard-stat.blue-steel{background-color:# 4 B77BE
}.dashboard - stat.blue - steel.dashboard - stat - light: hover {
    background - color: #416db4}.dashboard-stat.blue-steel .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.blue - steel.details.number {
    color: #FFF
}.dashboard - stat.blue - steel.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.blue - steel.more {
    color: #FFF;background - color: #416db4}.dashboard-stat.blue-soft{background-color:# 4 c87b9
}.dashboard - stat.blue - soft.dashboard - stat - light: hover {
    background - color: #447dad}.dashboard-stat.blue-soft .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.blue - soft.details.number {
    color: #FFF
}.dashboard - stat.blue - soft.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.blue - soft.more {
    color: #FFF;background - color: #447dad}.dashboard-stat.blue-dark{background-color:# 5e738 b
}.dashboard - stat.blue - dark.dashboard - stat - light: hover {
    background - color: #56697f}.dashboard-stat.blue-dark .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.blue - dark.details.number {
    color: #FFF
}.dashboard - stat.blue - dark.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.blue - dark.more {
    color: #FFF;background - color: #56697f}.dashboard-stat.blue-sharp{background-color:# 5 C9BD1
}.dashboard - stat.blue - sharp.dashboard - stat - light: hover {
    background - color: #4c91cd}.dashboard-stat.blue-sharp .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.blue - sharp.details.number {
    color: #FFF
}.dashboard - stat.blue - sharp.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.blue - sharp.more {
    color: #FFF;background - color: #4c91cd}.dashboard-stat.blue-oleo{background-color:# 94 A0B2
}.dashboard - stat.blue - oleo.dashboard - stat - light: hover {
    background - color: #8895a9}.dashboard-stat.blue-oleo .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.blue - oleo.details.number {
    color: #FFF
}.dashboard - stat.blue - oleo.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.blue - oleo.more {
    color: #FFF;background - color: #8895a9}.dashboard-stat.green{background-color:# 32 c5d2
}.dashboard - stat.green.dashboard - stat - light: hover {
    background - color: #2bb8c4}.dashboard-stat.green .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.green.details.number {
    color: #FFF
}.dashboard - stat.green.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.green.more {
    color: #FFF;background - color: #2bb8c4}.dashboard-stat.green-meadow{background-color:# 1 BBC9B
}.dashboard - stat.green - meadow.dashboard - stat - light: hover {
    background - color: #18aa8c}.dashboard-stat.green-meadow .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.green - meadow.details.number {
    color: #FFF
}.dashboard - stat.green - meadow.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.green - meadow.more {
    color: #FFF;background - color: #18aa8c}.dashboard-stat.green-seagreen{background-color:# 1 BA39C
}.dashboard - stat.green - seagreen.dashboard - stat - light: hover {
    background - color: #18918b}.dashboard-stat.green-seagreen .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.green - seagreen.details.number {
    color: #FFF
}.dashboard - stat.green - seagreen.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.green - seagreen.more {
    color: #FFF;background - color: #18918b}.dashboard-stat.green-turquoise{background-color:# 36 D7B7
}.dashboard - stat.green - turquoise.dashboard - stat - light: hover {
    background - color: #29cfae}.dashboard-stat.green-turquoise .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.green - turquoise.details.number {
    color: #FFF
}.dashboard - stat.green - turquoise.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.green - turquoise.more {
    color: #FFF;background - color: #29cfae}.dashboard-stat.green-haze{background-color:# 44 b6ae
}.dashboard - stat.green - haze.dashboard - stat - light: hover {
    background - color: #3ea7a0}.dashboard-stat.green-haze .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.green - haze.details.number {
    color: #FFF
}.dashboard - stat.green - haze.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.green - haze.more {
    color: #FFF;background - color: #3ea7a0}.dashboard-stat.green-jungle{background-color:# 26 C281
}.dashboard - stat.green - jungle.dashboard - stat - light: hover {
    background - color: #23b176}.dashboard-stat.green-jungle .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.green - jungle.details.number {
    color: #FFF
}.dashboard - stat.green - jungle.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.green - jungle.more {
    color: #FFF;background - color: #23b176}.dashboard-stat.green-soft{background-color:# 3 faba4
}.dashboard - stat.green - soft.dashboard - stat - light: hover {
    background - color: #3a9c96}.dashboard-stat.green-soft .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.green - soft.details.number {
    color: #FFF
}.dashboard - stat.green - soft.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.green - soft.more {
    color: #FFF;background - color: #3a9c96}.dashboard-stat.green-dark{background-color:# 4 DB3A2
}.dashboard - stat.green - dark.dashboard - stat - light: hover {
    background - color: #46a595}.dashboard-stat.green-dark .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.green - dark.details.number {
    color: #FFF
}.dashboard - stat.green - dark.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.green - dark.more {
    color: #FFF;background - color: #46a595}.dashboard-stat.green-sharp{background-color:# 2 ab4c0
}.dashboard - stat.green - sharp.dashboard - stat - light: hover {
    background - color: #26a4af}.dashboard-stat.green-sharp .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.green - sharp.details.number {
    color: #FFF
}.dashboard - stat.green - sharp.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.green - sharp.more {
    color: #FFF;background - color: #26a4af}.dashboard-stat.green-steel{background-color:# 29 b4b6
}.dashboard - stat.green - steel.dashboard - stat - light: hover {
    background - color: #25a4a5}.dashboard-stat.green-steel .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.green - steel.details.number {
    color: #FFF
}.dashboard - stat.green - steel.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.green - steel.more {
    color: #FFF;background - color: #25a4a5}.dashboard-stat.grey{background-color:# E5E5E5
}.dashboard - stat.grey.dashboard - stat - light: hover {
    background - color: #dbdbdb
}.dashboard - stat.grey.visual > i {
    color: #333;opacity:.1;filter:alpha(opacity= 10)
}.dashboard - stat.grey.details.number {
    color: #333}.dashboard-stat.grey .details .desc{color:# 333;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.grey.more {
    color: #333;background-color:# dbdbdb
}.dashboard - stat.grey - steel {
    background - color: #e9edef
}.dashboard - stat.grey - steel.dashboard - stat - light: hover {
    background - color: #dde3e6
}.dashboard - stat.grey - steel.visual > i {
    color: #80898e;opacity:.1;filter:alpha(opacity= 10)
}.dashboard - stat.grey - steel.details.number {
    color: #80898e}.dashboard-stat.grey-steel .details .desc{color:# 80898e;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.grey - steel.more {
    color: #80898e;background-color:# dde3e6
}.dashboard - stat.grey - cararra {
    background - color: #fafafa
}.dashboard - stat.grey - cararra.dashboard - stat - light: hover {
    background - color: #f0f0f0
}.dashboard - stat.grey - cararra.visual > i {
    color: #333;opacity:.1;filter:alpha(opacity= 10)
}.dashboard - stat.grey - cararra.details.number {
    color: #333}.dashboard-stat.grey-cararra .details .desc{color:# 333;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.grey - cararra.more {
    color: #333;background-color:# f0f0f0
}.dashboard - stat.grey - gallery {
    background - color: #555}.dashboard-stat.grey-gallery.dashboard-stat-light:hover{background-color:# 4 b4b4b
}.dashboard - stat.grey - gallery.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.grey - gallery.details.number {
    color: #fff
}.dashboard - stat.grey - gallery.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.grey - gallery.more {
    color: #fff;background - color: #4b4b4b}.dashboard-stat.grey-cascade{background-color:# 95 A5A6
}.dashboard - stat.grey - cascade.dashboard - stat - light: hover {
    background - color: #8a9c9d}.dashboard-stat.grey-cascade .visual>i{color:# FFF;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.grey - cascade.details.number {
    color: #FFF
}.dashboard - stat.grey - cascade.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.grey - cascade.more {
    color: #FFF;background - color: #8a9c9d}.dashboard-stat.grey-silver{background-color:# BFBFBF
}.dashboard - stat.grey - silver.dashboard - stat - light: hover {
    background - color: #b5b5b5
}.dashboard - stat.grey - silver.visual > i {
    color: #FAFCFB;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.grey - silver.details.number {
    color: #FAFCFB
}.dashboard - stat.grey - silver.details.desc {
    color: #FAFCFB;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.grey - silver.more {
    color: #FAFCFB;background - color: #b5b5b5
}.dashboard - stat.grey - salsa {
    background - color: #ACB5C3
}.dashboard - stat.grey - salsa.dashboard - stat - light: hover {
    background - color: #a0aaba
}.dashboard - stat.grey - salsa.visual > i {
    color: #FAFCFB;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.grey - salsa.details.number {
    color: #FAFCFB
}.dashboard - stat.grey - salsa.details.desc {
    color: #FAFCFB;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.grey - salsa.more {
    color: #FAFCFB;background - color: #a0aaba
}.dashboard - stat.grey - salt {
    background - color: #bfcad1
}.dashboard - stat.grey - salt.dashboard - stat - light: hover {
    background - color: #b3c0c8
}.dashboard - stat.grey - salt.visual > i {
    color: #FAFCFB;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.grey - salt.details.number {
    color: #FAFCFB
}.dashboard - stat.grey - salt.details.desc {
    color: #FAFCFB;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.grey - salt.more {
    color: #FAFCFB;background - color: #b3c0c8
}.dashboard - stat.grey - mint {
    background - color: #525e64}.dashboard-stat.grey-mint.dashboard-stat-light:hover{background-color:# 495359
}.dashboard - stat.grey - mint.visual > i {
    color: #FFF;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.grey - mint.details.number {
    color: #FFF
}.dashboard - stat.grey - mint.details.desc {
    color: #FFF;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.grey - mint.more {
    color: #FFF;background - color: #495359}.dashboard-stat.red{background-color:# e7505a
}.dashboard - stat.red.dashboard - stat - light: hover {
    background - color: #e53e49
}.dashboard - stat.red.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.red.details.number {
    color: #fff
}.dashboard - stat.red.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.red.more {
    color: #fff;background - color: #e53e49
}.dashboard - stat.red - pink {
    background - color: #E08283
}.dashboard - stat.red - pink.dashboard - stat - light: hover {
    background - color: #dc7273
}.dashboard - stat.red - pink.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.red - pink.details.number {
    color: #fff
}.dashboard - stat.red - pink.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.red - pink.more {
    color: #fff;background - color: #dc7273
}.dashboard - stat.red - sunglo {
    background - color: #E26A6A
}.dashboard - stat.red - sunglo.dashboard - stat - light: hover {
    background - color: #df5959
}.dashboard - stat.red - sunglo.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.red - sunglo.details.number {
    color: #fff
}.dashboard - stat.red - sunglo.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.red - sunglo.more {
    color: #fff;background - color: #df5959
}.dashboard - stat.red - intense {
    background - color: #e35b5a
}.dashboard - stat.red - intense.dashboard - stat - light: hover {
    background - color: #e04a49
}.dashboard - stat.red - intense.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.red - intense.details.number {
    color: #fff
}.dashboard - stat.red - intense.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.red - intense.more {
    color: #fff;background - color: #e04a49
}.dashboard - stat.red - thunderbird {
    background - color: #D91E18
}.dashboard - stat.red - thunderbird.dashboard - stat - light: hover {
    background - color: #c71b16
}.dashboard - stat.red - thunderbird.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.red - thunderbird.details.number {
    color: #fff
}.dashboard - stat.red - thunderbird.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.red - thunderbird.more {
    color: #fff;background - color: #c71b16
}.dashboard - stat.red - flamingo {
    background - color: #EF4836
}.dashboard - stat.red - flamingo.dashboard - stat - light: hover {
    background - color: #ed3723
}.dashboard - stat.red - flamingo.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.red - flamingo.details.number {
    color: #fff
}.dashboard - stat.red - flamingo.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.red - flamingo.more {
    color: #fff;background - color: #ed3723
}.dashboard - stat.red - soft {
    background - color: #d05454
}.dashboard - stat.red - soft.dashboard - stat - light: hover {
    background - color: #c44
}.dashboard - stat.red - soft.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.red - soft.details.number {
    color: #fff
}.dashboard - stat.red - soft.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.red - soft.more {
    color: #fff;background - color: #c44
}.dashboard - stat.red - haze {
    background - color: #f36a5a
}.dashboard - stat.red - haze.dashboard - stat - light: hover {
    background - color: #f25947
}.dashboard - stat.red - haze.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.red - haze.details.number {
    color: #fff
}.dashboard - stat.red - haze.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.red - haze.more {
    color: #fff;background - color: #f25947
}.dashboard - stat.red - mint {
    background - color: #e43a45
}.dashboard - stat.red - mint.dashboard - stat - light: hover {
    background - color: #e22834
}.dashboard - stat.red - mint.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.red - mint.details.number {
    color: #fff
}.dashboard - stat.red - mint.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.red - mint.more {
    color: #fff;background - color: #e22834
}.dashboard - stat.yellow {
    background - color: #c49f47
}.dashboard - stat.yellow.dashboard - stat - light: hover {
    background - color: #bb953c
}.dashboard - stat.yellow.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.yellow.details.number {
    color: #fff
}.dashboard - stat.yellow.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.yellow.more {
    color: #fff;background - color: #bb953c
}.dashboard - stat.yellow - gold {
    background - color: #E87E04
}.dashboard - stat.yellow - gold.dashboard - stat - light: hover {
    background - color: #d47304
}.dashboard - stat.yellow - gold.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.yellow - gold.details.number {
    color: #fff
}.dashboard - stat.yellow - gold.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.yellow - gold.more {
    color: #fff;background - color: #d47304
}.dashboard - stat.yellow - casablanca {
    background - color: #f2784b
}.dashboard - stat.yellow - casablanca.dashboard - stat - light: hover {
    background - color: #f16a38
}.dashboard - stat.yellow - casablanca.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.yellow - casablanca.details.number {
    color: #fff
}.dashboard - stat.yellow - casablanca.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.yellow - casablanca.more {
    color: #fff;background - color: #f16a38
}.dashboard - stat.yellow - crusta {
    background - color: #f3c200
}.dashboard - stat.yellow - crusta.dashboard - stat - light: hover {
    background - color: #dfb200
}.dashboard - stat.yellow - crusta.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.yellow - crusta.details.number {
    color: #fff
}.dashboard - stat.yellow - crusta.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.yellow - crusta.more {
    color: #fff;background - color: #dfb200
}.dashboard - stat.yellow - lemon {
    background - color: #F7CA18
}.dashboard - stat.yellow - lemon.dashboard - stat - light: hover {
    background - color: #f2c308
}.dashboard - stat.yellow - lemon.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.yellow - lemon.details.number {
    color: #fff
}.dashboard - stat.yellow - lemon.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.yellow - lemon.more {
    color: #fff;background - color: #f2c308
}.dashboard - stat.yellow - saffron {
    background - color: #F4D03F
}.dashboard - stat.yellow - saffron.dashboard - stat - light: hover {
    background - color: #f3cb2c
}.dashboard - stat.yellow - saffron.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.yellow - saffron.details.number {
    color: #fff
}.dashboard - stat.yellow - saffron.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.yellow - saffron.more {
    color: #fff;background - color: #f3cb2c
}.dashboard - stat.yellow - soft {
    background - color: #c8d046
}.dashboard - stat.yellow - soft.dashboard - stat - light: hover {
    background - color: #c3cc36
}.dashboard - stat.yellow - soft.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.yellow - soft.details.number {
    color: #fff
}.dashboard - stat.yellow - soft.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.yellow - soft.more {
    color: #fff;background - color: #c3cc36
}.dashboard - stat.yellow - haze {
    background - color: #c5bf66
}.dashboard - stat.yellow - haze.dashboard - stat - light: hover {
    background - color: #bfb957
}.dashboard - stat.yellow - haze.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.yellow - haze.details.number {
    color: #fff
}.dashboard - stat.yellow - haze.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.yellow - haze.more {
    color: #fff;background - color: #bfb957
}.dashboard - stat.yellow - mint {
    background - color: #c5b96b
}.dashboard - stat.yellow - mint.dashboard - stat - light: hover {
    background - color: #bfb25c
}.dashboard - stat.yellow - mint.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.yellow - mint.details.number {
    color: #fff
}.dashboard - stat.yellow - mint.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.yellow - mint.more {
    color: #fff;background - color: #bfb25c
}.dashboard - stat.purple {
    background - color: #8E44AD}.dashboard-stat.purple.dashboard-stat-light:hover{background-color:# 823e9 e
}.dashboard - stat.purple.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.purple.details.number {
    color: #fff
}.dashboard - stat.purple.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.purple.more {
    color: #fff;background - color: #823e9e}.dashboard-stat.purple-plum{background-color:# 8775 a7
}.dashboard - stat.purple - plum.dashboard - stat - light: hover {
    background - color: #7c699f}.dashboard-stat.purple-plum .visual>i{color:# fff;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.purple - plum.details.number {
    color: #fff
}.dashboard - stat.purple - plum.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.purple - plum.more {
    color: #fff;background - color: #7c699f}.dashboard-stat.purple-medium{background-color:# BF55EC
}.dashboard - stat.purple - medium.dashboard - stat - light: hover {
    background - color: #b843ea
}.dashboard - stat.purple - medium.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.purple - medium.details.number {
    color: #fff
}.dashboard - stat.purple - medium.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.purple - medium.more {
    color: #fff;background - color: #b843ea
}.dashboard - stat.purple - studio {
    background - color: #8E44AD}.dashboard-stat.purple-studio.dashboard-stat-light:hover{background-color:# 823e9 e
}.dashboard - stat.purple - studio.visual > i {
    color: #fff;opacity: .1;filter: alpha(opacity = 10)
}.dashboard - stat.purple - studio.details.number {
    color: #fff
}.dashboard - stat.purple - studio.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.purple - studio.more {
    color: #fff;background - color: #823e9e}.dashboard-stat.purple-wisteria{background-color:# 9 B59B6
}.dashboard - stat.purple - wisteria.dashboard - stat - light: hover {
    background - color: #924dae}.dashboard-stat.purple-wisteria .visual>i{color:# fff;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.purple - wisteria.details.number {
    color: #fff
}.dashboard - stat.purple - wisteria.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.purple - wisteria.more {
    color: #fff;background - color: #924dae}.dashboard-stat.purple-seance{background-color:# 9 A12B3
}.dashboard - stat.purple - seance.dashboard - stat - light: hover {
    background - color: #8a10a0}.dashboard-stat.purple-seance .visual>i{color:# fff;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.purple - seance.details.number {
    color: #fff
}.dashboard - stat.purple - seance.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.purple - seance.more {
    color: #fff;background - color: #8a10a0}.dashboard-stat.purple-intense{background-color:# 8775 a7
}.dashboard - stat.purple - intense.dashboard - stat - light: hover {
    background - color: #7c699f}.dashboard-stat.purple-intense .visual>i{color:# fff;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.purple - intense.details.number {
    color: #fff
}.dashboard - stat.purple - intense.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.purple - intense.more {
    color: #fff;background - color: #7c699f}.dashboard-stat.purple-sharp{background-color:# 796799
}.dashboard - stat.purple - sharp.dashboard - stat - light: hover {
    background - color: #6f5f8d}.dashboard-stat.purple-sharp .visual>i{color:# fff;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.purple - sharp.details.number {
    color: #fff
}.dashboard - stat.purple - sharp.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.purple - sharp.more {
    color: #fff;background - color: #6f5f8d}.dashboard-stat.purple-soft{background-color:# 8877 a9
}.dashboard - stat.purple - soft.dashboard - stat - light: hover {
    background - color: #7d6ba1}.dashboard-stat.purple-soft .visual>i{color:# fff;
    opacity: .1;
    filter: alpha(opacity = 10)
}.dashboard - stat.purple - soft.details.number {
    color: #fff
}.dashboard - stat.purple - soft.details.desc {
    color: #fff;opacity: 1;filter: alpha(opacity = 100)
}.dashboard - stat.purple - soft.more {
    color: #fff;background - color: #7d6ba1}.dashboard-stat-light{padding-bottom:20px;margin-bottom:20px}.dashboard-stat-light .details{margin-bottom:5px}.dashboard-stat-light .details .number{font-weight:300;margin-bottom:0}.dashboard-stat2,.dashboard-stat2 .display{margin-bottom:20px}.dashboard-stat2{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;background:# fff;padding: 15 px 15 px 30 px
}.dashboard - stat2.bordered {
    border: 1 px solid# e7ecf1
}.dashboard - stat2.display: after, .dashboard - stat2.display: before {
    content: " ";display: table
}.dashboard - stat2.display: after {
    clear: both
}.dashboard - stat2.display.number {
    float: left;display: inline - block
}.dashboard - stat2.display.number h3 {
    margin: 0 0 2 px;padding: 0;font - size: 30 px;font - weight: 400
}.dashboard - stat2.display.number h3 > small {
    font - size: 23 px
}.dashboard - stat2.display.number small {
    font - size: 14 px;
    color: #AAB5BC;
    font - weight: 600;
    text - transform: uppercase
}.dashboard - stat2.display.icon {
    display: inline - block;float: right;padding: 7 px 0 0
}.dashboard - stat2.display.icon > i {
    color: #cbd4e0;font - size: 26 px
}.dashboard - stat2.progress - info {
    clear: both
}.dashboard - stat2.progress - info.progress {
    margin: 0;height: 4 px;clear: both;display: block
}.dashboard - stat2.progress - info.status {
    margin - top: 5 px;
    font - size: 11 px;
    color: #AAB5BC;
    font - weight: 600;
    text - transform: uppercase
}.dashboard - stat2.progress - info.status.status - title {
    float: left;display: inline - block
}.dashboard - stat2.progress - info.status.status - number {
    float: right;display: inline - block
}.text - stat h3 {
    margin - top: 5 px;
    margin - bottom: 0;
    font - size: 18 px
}.text - stat span {
    font - size: 13 px!important
}
@media(max - width: 767 px) {.text - stat {
        margin - top: 20 px
    }
}.social - icons {
    padding: 0;margin: 0
}.social - icons: after, .social - icons: before {
    content: " ";display: table
}.social - icons: after {
    clear: both
}.social - icons li {
    float: left;display: inline;list - style: none;margin - right: 5 px;margin - bottom: 5 px;text - indent: -9999 px
}.social - icons li > a {
    -webkit - border - radius: 2 px; - moz - border - radius: 2 px; - ms - border - radius: 2 px; - o - border - radius: 2 px;
    border - radius: 2 px;
    width: 28 px;
    height: 28 px;
    display: block;
    background - position: 0 0;
    background - repeat: no - repeat;
    transition: all .3 s ease - in -out; - o - transition: all .3 s ease - in -out; - ms - transition: all .3 s ease - in -out; - moz - transition: all .3 s ease - in -out; - webkit - transition: all .3 s ease - in -out
}.social - icons li: hover > a {
    background - position: 0 - 38 px
}.social - icons li.amazon {
    background: url(.. / img / social / amazon.png) no - repeat
}.social - icons li.behance {
    background: url(.. / img / social / behance.png) no - repeat
}.social - icons li.blogger {
    background: url(.. / img / social / blogger.png) no - repeat
}.social - icons li.deviantart {
    background: url(.. / img / social / deviantart.png) no - repeat
}.social - icons li.dribbble {
    background: url(.. / img / social / dribbble.png) no - repeat
}.social - icons li.dropbox {
    background: url(.. / img / social / dropbox.png) no - repeat
}.social - icons li.evernote {
    background: url(.. / img / social / evernote.png) no - repeat
}.social - icons li.facebook {
    background: url(.. / img / social / facebook.png) no - repeat
}.social - icons li.forrst {
    background: url(.. / img / social / forrst.png) no - repeat
}.social - icons li.github {
    background: url(.. / img / social / github.png) no - repeat
}.social - icons li.googleplus {
    background: url(.. / img / social / googleplus.png) no - repeat
}.social - icons li.jolicloud {
    background: url(.. / img / social / jolicloud.png) no - repeat
}.social - icons li.last - fm {
    background: url(.. / img / social / last - fm.png) no - repeat
}.social - icons li.linkedin {
    background: url(.. / img / social / linkedin.png) no - repeat
}.social - icons li.picasa {
    background: url(.. / img / social / picasa.png) no - repeat
}.social - icons li.pintrest {
    background: url(.. / img / social / pintrest.png) no - repeat
}.social - icons li.rss {
    background: url(.. / img / social / rss.png) no - repeat
}.social - icons li.skype {
    background: url(.. / img / social / skype.png) no - repeat
}.social - icons li.spotify {
    background: url(.. / img / social / spotify.png) no - repeat
}.social - icons li.stumbleupon {
    background: url(.. / img / social / stumbleupon.png) no - repeat
}.social - icons li.tumblr {
    background: url(.. / img / social / tumblr.png) no - repeat
}.social - icons li.twitter {
    background: url(.. / img / social / twitter.png) no - repeat
}.social - icons li.vimeo {
    background: url(.. / img / social / vimeo.png) no - repeat
}.social - icons li.wordpress {
    background: url(.. / img / social / wordpress.png) no - repeat
}.social - icons li.xing {
    background: url(.. / img / social / xing.png) no - repeat
}.social - icons li.yahoo {
    background: url(.. / img / social / yahoo.png) no - repeat
}.social - icons li.youtube {
    background: url(.. / img / social / youtube.png) no - repeat
}.social - icons li.vk {
    background: url(.. / img / social / vk.png) no - repeat
}.social - icons li.instagram {
    background: url(.. / img / social / instagram.png) no - repeat
}.social - icons li.reddit {
    background: url(.. / img / social / reddit.png) no - repeat
}.social - icons li.aboutme {
    background: url(.. / img / social / aboutme.png) no - repeat
}.social - icons li.flickr {
    background: url(.. / img / social / flickr.png) no - repeat
}.social - icons li.foursquare {
    background: url(.. / img / social / foursquare.png) no - repeat
}.social - icons li.gravatar {
    background: url(.. / img / social / gravatar.png) no - repeat
}.social - icons li.klout {
    background: url(.. / img / social / klout.png) no - repeat
}.social - icons li.myspace {
    background: url(.. / img / social / myspace.png) no - repeat
}.social - icons li.quora {
    background: url(.. / img / social / quora.png) no - repeat
}.social - icons.social - icons - color > li > a {
    opacity: .7;background - position: 0 - 38 px!important
}.social - icons.social - icons - color > li > a: hover {
    opacity: 1
}.social - icons.social - icons - circle > li > a {
    border - radius: 25 px!important
}.social - icon {
    display: inline - block!important;width: 28 px;height: 28 px;background - position: 0 0;background - repeat: no - repeat; - webkit - border - radius: 2 px; - moz - border - radius: 2 px; - ms - border - radius: 2 px; - o - border - radius: 2 px;border - radius: 2 px;transition: all .3 s ease - in -out; - o - transition: all .3 s ease - in -out; - ms - transition: all .3 s ease - in -out; - moz - transition: all .3 s ease - in -out; - webkit - transition: all .3 s ease - in -out
}.social - icon.social - icon - circle {
    border - radius: 25 px!important
}.social - icon.amazon {
    background: url(.. / img / social / amazon.png) no - repeat
}.social - icon.behance {
    background: url(.. / img / social / behance.png) no - repeat
}.social - icon.blogger {
    background: url(.. / img / social / blogger.png) no - repeat
}.social - icon.deviantart {
    background: url(.. / img / social / deviantart.png) no - repeat
}.social - icon.dribbble {
    background: url(.. / img / social / dribbble.png) no - repeat
}.social - icon.dropbox {
    background: url(.. / img / social / dropbox.png) no - repeat
}.social - icon.evernote {
    background: url(.. / img / social / evernote.png) no - repeat
}.social - icon.facebook {
    background: url(.. / img / social / facebook.png) no - repeat
}.social - icon.forrst {
    background: url(.. / img / social / forrst.png) no - repeat
}.social - icon.github {
    background: url(.. / img / social / github.png) no - repeat
}.social - icon.googleplus {
    background: url(.. / img / social / googleplus.png) no - repeat
}.social - icon.jolicloud {
    background: url(.. / img / social / jolicloud.png) no - repeat
}.social - icon.last - fm {
    background: url(.. / img / social / last - fm.png) no - repeat
}.social - icon.linkedin {
    background: url(.. / img / social / linkedin.png) no - repeat
}.social - icon.picasa {
    background: url(.. / img / social / picasa.png) no - repeat
}.social - icon.pintrest {
    background: url(.. / img / social / pintrest.png) no - repeat
}.social - icon.rss {
    background: url(.. / img / social / rss.png) no - repeat
}.social - icon.skype {
    background: url(.. / img / social / skype.png) no - repeat
}.social - icon.spotify {
    background: url(.. / img / social / spotify.png) no - repeat
}.social - icon.stumbleupon {
    background: url(.. / img / social / stumbleupon.png) no - repeat
}.social - icon.tumblr {
    background: url(.. / img / social / tumblr.png) no - repeat
}.social - icon.twitter {
    background: url(.. / img / social / twitter.png) no - repeat
}.social - icon.vimeo {
    background: url(.. / img / social / vimeo.png) no - repeat
}.social - icon.wordpress {
    background: url(.. / img / social / wordpress.png) no - repeat
}.social - icon.xing {
    background: url(.. / img / social / xing.png) no - repeat
}.social - icon.yahoo {
    background: url(.. / img / social / yahoo.png) no - repeat
}.social - icon.youtube {
    background: url(.. / img / social / youtube.png) no - repeat
}.social - icon.vk {
    background: url(.. / img / social / vk.png) no - repeat
}.social - icon.instagram {
    background: url(.. / img / social / instagram.png) no - repeat
}.social - icon.reddit {
    background: url(.. / img / social / reddit.png) no - repeat
}.social - icon.aboutme {
    background: url(.. / img / social / aboutme.png) no - repeat
}.social - icon.flickr {
    background: url(.. / img / social / flickr.png) no - repeat
}.social - icon.foursquare {
    background: url(.. / img / social / foursquare.png) no - repeat
}.social - icon.gravatar {
    background: url(.. / img / social / gravatar.png) no - repeat
}.social - icon.klout {
    background: url(.. / img / social / klout.png) no - repeat
}.social - icon.myspace {
    background: url(.. / img / social / myspace.png) no - repeat
}.social - icon.quora {
    background: url(.. / img / social / quora.png) no - repeat
}.social - icon: hover {
    background - position: 0 - 38 px
}.social - icon - color {
    opacity: .7;background - position: 0 - 38 px!important
}.social - icon - color: hover {
    opacity: 1
}.table - scrollable {
    width: 100 % ;overflow - x: auto;overflow - y: hidden;border: 1 px solid# e7ecf1;margin: 10 px 0!important
}.DTS.table - scrollable, .table - scrollable.table - scrollable - borderless, .table - scrollable > .table - bordered {
    border: 0
}.table - scrollable > .table - bordered > tbody > tr: last - child > td, .table - scrollable > .table - bordered > tbody > tr: last - child > th, .table - scrollable > .table - bordered > tfoot > tr: last - child > td, .table - scrollable > .table - bordered > tfoot > tr: last - child > th, .table - scrollable > .table - bordered > thead > tr: last - child > td, .table - scrollable > .table - bordered > thead > tr: last - child > th, .table.table - bordered thead > tr > th {
    border - bottom: 0
}.table - scrollable > .table {
    width: 100 % !important;margin: 0!important;background - color: #fff
}.table - scrollable > .table > tbody > tr > th, .table - scrollable > .table > tfoot > tr > td, .table - scrollable > .table > tfoot > tr > th, .table - scrollable > .table > thead > tr > th {
    white - space: nowrap
}.table - scrollable > .table - bordered > tbody > tr > td: first - child, .table - scrollable > .table - bordered > tbody > tr > th: first - child, .table - scrollable > .table - bordered > tfoot > tr > td: first - child, .table - scrollable > .table - bordered > tfoot > tr > th: first - child, .table - scrollable > .table - bordered > thead > tr > td: first - child, .table - scrollable > .table - bordered > thead > tr > th: first - child {
    border - left: 0
}.table - scrollable > .table - bordered > tbody > tr > td: last - child, .table - scrollable > .table - bordered > tbody > tr > th: last - child, .table - scrollable > .table - bordered > tfoot > tr > td: last - child, .table - scrollable > .table - bordered > tfoot > tr > th: last - child, .table - scrollable > .table - bordered > thead > tr > td: last - child, .table - scrollable > .table - bordered > thead > tr > th: last - child {
    border - right: 0
}.table td, .table th {
    font - size: 14 px
}.flip - scroll table, .table td.img - responsive {
    width: 100 %
}
@media only screen and(max - width: 768 px) {.flip - scroll.flip - content: after {
        visibility: hidden;display: block;font - size: 0;content: " ";clear: both;height: 0
    }.flip - scroll * html.flip - content {
        zoom: 1
    }.flip - scroll td, .flip - scroll th {
        margin: 0;vertical - align: top
    }.flip - scroll th {
        border: 0!important;border - bottom: 1 px solid# ddd!important;border - right: 1 px solid# ddd!important;font - size: 13 px!important;padding: 5 px;width: auto!important;display: block;text - align: right
    }.flip - scroll table {
        border - collapse: collapse;
        border - spacing: 0;
        display: block;
        position: relative;
        width: 100 %
    }.flip - scroll thead {
        display: block;float: left
    }.flip - scroll tbody {
        display: block;width: auto;position: relative;overflow - x: auto;white - space: nowrap
    }.flip - scroll.flip - content tbody tr td {
        font - size: 13 px;
        line - height: 1.483
    }.flip - scroll.table - bordered.flip - content tbody tr td {
        font - size: 13 px;
        line - height: 1.43
    }.flip - scroll thead tr {
        display: block
    }.flip - scroll tbody tr {
        display: inline - block;vertical - align: top;margin - left: -5 px
    }.flip - scroll td {
        display: block;min - height: 1.25e m;text - align: left;border - top: 0!important;border - left: 0!important;border - right: 0!important;border - bottom: 0
    }.flip - scroll th {
        border - left: 0
    }.flip - scroll tbody tr {
        border - left: 1 px solid# ddd
    }.flip - scroll td: last - child, .flip - scroll th: last - child {
        border - bottom: 1 px solid# ddd
    }
}.table - toolbar {
    margin - bottom: 20 px
}.table - toolbar: after, .table - toolbar: before {
    content: " ";display: table
}.table - toolbar: after {
    clear: both
}.table.table - full - width {
    width: 100 % !important
}.table.btn {
    margin - left: 0;
    margin - right: 5 px
}.table thead tr th {
    font - size: 14 px;
    font - weight: 600
}.table - advance {
    margin - bottom: 10 px!important
}.table - advance thead {
    color: #3f444a}.table-advance thead tr th{background-color:# f1f4f7;font - size: 14 px;font - weight: 400;color: #3f444a}.table-advance div.danger,.table-advance div.important,.table-advance div.info,.table-advance div.success,.table-advance div.warning{position:absolute;margin-top:-5px;float:left;width:2px;height:30px;margin-right:20px!important}.table-advance tr td{border-left-width:0}.table-advance tr td:first-child{border-left-width:2px!important}.table-advance tr td.highlight:first-child a{margin-left:15px}.table-advance td.highlight div.primary{border-left:2px solid # 337 ab7
}.table - advance td.highlight div.success {
    border - left: 2 px solid #36c6d3}.table-advance td.highlight div.info{border-left:2px solid # 659 be0
}.table - advance td.highlight div.warning {
    border - left: 2 px solid# F1C40F
}.table - advance td.highlight div.danger {
    border - left: 2 px solid# ed6b75
}
@media(max - width: 767 px) {.table - advance tr > td.highlight: first - child a {
            margin - left: 8 px
        }
    }.table.table - light {
        border: 0!important
    }.table.table - light > thead > tr: hover > th {
        background: 0 0
    }.table.table - light > thead > tr.uppercase {
        text - transform: uppercase
    }.table.table - light > thead > tr > th {
        font - weight: 600;
        font - size: 13 px;
        color: #93a2a9;font-family:"Open Sans",sans-serif;border:0;border-bottom:1px solid # F2F5F8
    }.table.table - light > tbody > tr: last - child > td {
        border: 0
    }.table.table - light > tbody > tr > td {
        border: 0;border - bottom: 1 px solid# F2F5F8;color: #8896a0;vertical-align:middle}.table.table-light>tbody>tr>td.fit{width:1px;padding-right:3px}.table.table-light>tbody>tr>td .user-pic{display:inline-block;vertical-align:middle;height:30px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%}.table.table-light.table-hover>tbody>tr:hover>td,.table.table-light.table-hover>tbody>tr>td:hover,.table.table-light.table-hover>tbody>tr>th:hover{background:# f9fafb!important
    }.table - hover > tbody > tr: hover, .table - hover > tbody > tr: hover > td {
        background: #f3f4f6!important
    }.nav - pills, .nav - tabs {
        margin - bottom: 10 px
    }.nav - pills > li > a, .nav - tabs > li > a {
        font - size: 14 px; - webkit - border - radius: 4 px 4 px 0 0; - moz - border - radius: 4 px 4 px 0 0; - ms - border - radius: 4 px 4 px 0 0; - o - border - radius: 4 px 4 px 0 0;
        border - radius: 4 px 4 px 0 0
    }.nav - pills > li > a > .badge, .nav - tabs > li > a > .badge {
        margin - top: -6 px
    }.nav - pills > li.dropdown - menu: after, .nav - pills > li.dropdown - menu: before, .nav - tabs > li.dropdown - menu: after, .nav - tabs > li.dropdown - menu: before {
        display: none
    }.nav - pills.nav - pills - sm > li > a, .nav - pills.nav - tabs - sm > li > a, .nav - tabs.nav - pills - sm > li > a, .nav - tabs.nav - tabs - sm > li > a {
        font - size: 13 px
    }.nav - pills.dropdown.open > .dropdown - toggle, .nav - tabs.dropdown.open > .dropdown - toggle {
        background: #eee;color: #0d638f;border-color:transparent}.tabs-left.nav-tabs,.tabs-right.nav-tabs{border-bottom:0}.tabs-left.nav-tabs>li,.tabs-right.nav-tabs>li{float:none}.tabs-left.nav-tabs>li>a,.tabs-right.nav-tabs>li>a{margin-right:0;margin-bottom:3px}.tabs-left.nav-tabs{border-right:1px solid # ddd
    }.tabs - left.nav - tabs > li > a {
        display: block;margin - right: -1 px
    }.tabs - left.nav - tabs > li > a: focus, .tabs - left.nav - tabs > li > a: hover {
        border - radius: 4 px 0 0 4 px;
        border - color: #eee# ddd# eee# eee
    }.tabs - left.nav - tabs > li.active > a, .tabs - left.nav - tabs > li.active > a: hover > li.active > a: focus {
        -webkit - border - radius: 4 px 0 0 4 px; - moz - border - radius: 4 px 0 0 4 px; - ms - border - radius: 4 px 0 0 4 px; - o - border - radius: 4 px 0 0 4 px;
        border - radius: 4 px 0 0 4 px;
        border - color: #ddd transparent# ddd# ddd
    }.tabs - right.nav - tabs {
        border - left: 1 px solid# ddd
    }.tabs - right.nav - tabs > li > a {
        display: block;margin - left: -1 px
    }.tabbable: after, .tabbable: before, .tiles: after, .tiles: before {
        display: table;content: " "
    }.tabs - right.nav - tabs > li > a: focus, .tabs - right.nav - tabs > li > a: hover {
        border - radius: 0 4 px 4 px 0;
        border - color: #eee# eee# eee# ddd
    }.tabs - right.nav - tabs > li.active > a, .tabs - right.nav - tabs > li.active > a: hover > li.active > a: focus {
        -webkit - border - radius: 0 4 px 4 px 0; - moz - border - radius: 0 4 px 4 px 0; - ms - border - radius: 0 4 px 4 px 0; - o - border - radius: 0 4 px 4 px 0;
        border - radius: 0 4 px 4 px 0;
        border - color: #ddd# ddd# ddd transparent
    }.tabs - below > .nav - pills, .tabs - below > .nav - tabs {
        border - bottom: 0;
        margin - bottom: 0;
        margin - top: 10 px
    }.tabs - below > .nav - tabs {
        border - top: 1 px solid# ddd;
        margin - bottom: 0;
        margin - top: 10 px
    }.tabs - below > .nav - tabs > li > a {
        margin - top: -1 px;
        margin - bottom: 0
    }.tabs - below > .nav - tabs > li > a: focus, .tabs - below > .nav - tabs > li > a: hover {
        border - top - color: #ddd;
        border - bottom - color: transparent
    }.tabs - below > .nav - tabs > li > a.dropdown - menu {
        -webkit - border - radius: 4 px; - moz - border - radius: 4 px; - ms - border - radius: 4 px; - o - border - radius: 4 px;
        border - radius: 4 px
    }.tabs - below > .nav - tabs.active a, .tabs - below > .nav - tabs.active a: hover.active a: focus {
        -webkit - border - radius: 0 0 4 px 4 px; - moz - border - radius: 0 0 4 px 4 px; - ms - border - radius: 0 0 4 px 4 px; - o - border - radius: 0 0 4 px 4 px;
        border - radius: 0 0 4 px 4 px;
        border - color: transparent# ddd# ddd!important
    }.tabbable: after {
        clear: both
    }.tabbable - custom {
        margin - bottom: 15 px;
        padding: 0;
        overflow: hidden
    }.tabbable - custom > .nav - tabs {
        border: none;margin: 0
    }.tabbable - custom > .nav - tabs > li.active > a, .tabbable - custom > .nav - tabs > li > a {
        -webkit - border - radius: 0; - moz - border - radius: 0; - ms - border - radius: 0; - o - border - radius: 0
    }.tabbable - custom > .nav - tabs > li {
        margin - right: 2 px;
        border - top: 2 px solid transparent
    }.tabbable - custom > .nav - tabs > li > a {
        margin - right: 0;
        border - radius: 0
    }.tabbable - custom > .nav - tabs > li > a: hover {
        background: 0 0;border - color: transparent
    }.tabbable - custom > .nav - tabs > li.active {
        border - top: 3 px solid# ed6b75;
        margin - top: 0;
        position: relative
    }.tabbable - custom > .nav - tabs > li.active > a {
        border - top: none!important;
        font - weight: 400;
        border - radius: 0
    }.tabbable - custom > .nav - tabs > li.active > a: hover {
        -webkit - border - radius: 0; - moz - border - radius: 0; - ms - border - radius: 0; - o - border - radius: 0;
        border - radius: 0;
        border - top: none;
        background: #fff;
        border - color: #d4d4d4# d4d4d4 transparent
    }.tabbable - custom > .tab - content {
        background - color: #fff;
        border: 1 px solid# ddd;
        padding: 10 px; - webkit - border - radius: 0 0 4 px 4 px; - moz - border - radius: 0 0 4 px 4 px; - ms - border - radius: 0 0 4 px 4 px; - o - border - radius: 0 0 4 px 4 px;
        border - radius: 0 0 4 px 4 px
    }.tabbable - custom.nav - justified > .tab - content {
        margin - top: -1 px
    }.tabbable - custom.boxless > .tab - content {
        padding: 15 px 0;border - left: none;border - right: none;border - bottom: none
    }.tabbable - custom.tabs - below.nav - justified.tab - content {
        margin - top: 0;
        margin - bottom: -2 px; - webkit - border - radius: 4 px 4 px 0 0; - moz - border - radius: 4 px 4 px 0 0; - ms - border - radius: 4 px 4 px 0 0; - o - border - radius: 4 px 4 px 0 0;
        border - radius: 4 px 4 px 0 0
    }.tabbable - custom.tabbable - full - width > .nav - tabs > li > a {
        color: #424242;font-size:15px;padding:9px 15px}.tabbable-custom.tabbable-full-width>.tab-content{padding:15px 0;border-left:none;border-right:none;border-bottom:none}.tabbable-custom.tabs-below .nav-tabs>li>a{border-top:none;border-bottom:2px solid transparent;margin-top:-1px}.tabbable-line.tabs-below>.nav-tabs>li>a,.tabbable-line>.nav-tabs>li.open .dropdown-menu,.tabbable-line>.nav-tabs>li:hover .dropdown-menu{margin-top:0}.tabbable-custom.tabs-below .nav-tabs>li.active{border-top:none;border-bottom:3px solid # d12610;margin - bottom: 0;position: relative
    }.tabbable - custom.tabs - below.nav - tabs > li.active > a {
        border - bottom: none
    }.tabbable - custom.tabs - below.nav - tabs > li.active > a: hover {
        background: #fff;border - color: #d4d4d4# d4d4d4 transparent
    }.tabbable - custom.tabbable - noborder.tab - content, .tabbable - custom.tabbable - noborder > .nav - tabs > li > a {
        border: 0
    }.portlet: not(.light).tabbable - line {
        padding - top: 15 px
    }.tabbable - line > .nav - tabs {
        border: none;margin: 0
    }.tabbable - line > .nav - tabs > li {
        margin: 0;border - bottom: 4 px solid transparent
    }.tabbable - line > .nav - tabs > li > a {
        background: 0 0!important;border: 0;margin: 0;padding - left: 15 px;padding - right: 15 px;color: #737373}.tabbable-line>.nav-tabs>li>a>i{color:# a6a6a6
    }.tabbable - line > .nav - tabs > li.active {
        background: 0 0;border - bottom: 4 px solid #36c6d3;position:relative}.tabbable-line>.nav-tabs>li.active>a{border:0;color:# 333
    }.tabbable - line > .nav - tabs > li.active > a > i {
        color: #404040}.tabbable-line>.nav-tabs>li.open,.tabbable-line>.nav-tabs>li:hover{background:0 0;border-bottom:4px solid # 9 fe4ea
    }.tabbable - line > .nav - tabs > li.open > a, .tabbable - line > .nav - tabs > li: hover > a {
        border: 0;background: 0 0!important;color: #333}.tabbable-line>.nav-tabs>li.open>a>i,.tabbable-line>.nav-tabs>li:hover>a>i{color:# a6a6a6
    }.tabbable - line > .tab - content {
        margin - top: 0;
        border: 0;
        border - top: 1 px solid# eef1f5;
        padding: 30 px 0
    }.page - container - bg - solid.tabbable - line > .tab - content {
        border - top: 1 px solid# dae2ea
    }.portlet.tabbable - line > .tab - content {
        padding - bottom: 0
    }.tabbable - line.tabs - below > .nav - tabs > li {
        border - top: 4 px solid transparent
    }.tabbable - line.tabs - below > .nav - tabs > li: hover {
        border - bottom: 0;
        border - top: 4 px solid# fbdcde
    }.tabbable - line.tabs - below > .nav - tabs > li.active {
        margin - bottom: -2 px;
        border - bottom: 0;
        border - top: 4 px solid# ed6b75
    }.tabbable - line.tabs - below > .tab - content {
        margin - top: -10 px;
        border - top: 0;
        border - bottom: 1 px solid# eee;
        padding - bottom: 15 px
    }.portlet.tabbable - bordered {
        margin - top: 20 px
    }.tabbable - bordered.nav - tabs {
        margin - bottom: 0;
        border - bottom: 0
    }.tabbable - bordered.tab - content {
        padding: 30 px 20 px 20 px;border: 1 px solid# ddd;background: #fff
    }.tiles {
        margin - right: -10 px
    }.tiles: after {
        clear: both
    }.tiles.tile {
        display: block;float: left;height: 135 px;width: 135 px!important;cursor: pointer;text - decoration: none;color: #fff;position: relative;font - weight: 300;font - size: 12 px;letter - spacing: .02e m;line - height: 20 px;overflow: hidden;border: 4 px solid transparent;margin: 0 10 px 10 px 0
    }.tiles.tile.tile - body > .content, .tiles.tile.image.tile - body h3, .tiles.tile.selected.check: after {
        display: inline - block
    }.tiles.tile: after, .tiles.tile: before {
        content: "";float: left
    }.tiles.tile.double {
        width: 280 px!important
    }.tiles.tile.double - down {
        height: 280 px!important
    }.tiles.tile.double - down i {
        margin - top: 95 px
    }.tiles.tile: hover {
        border - color: #aaa!important
    }.tiles.tile.selected, .tiles.tile: active {
        border - color: #ccc!important
    }.tiles.tile.selected.corner: after {
        content: "";display: inline - block;border - left: 40 px solid transparent;border - bottom: 40 px solid transparent;border - right: 40 px solid# ccc;position: absolute;top: -3 px;right: -3 px
    }.tiles.tile.selected.check: after {
        font - family: FontAwesome;
        font - size: 13 px;
        content: "\f00c";
        position: absolute;
        top: 2 px;
        right: 2 px
    }.tiles.tile.icon {
        padding: 0
    }.tiles.tile.image.tile - body {
        padding: 0!important
    }.tiles.tile.image.tile - body > img {
        width: 100 % ;height: auto;min - height: 100 % ;max - width: 100 %
    }.tiles.tile.tile - body {
        height: 100 % ;vertical - align: top;padding: 10 px;overflow: hidden;position: relative;font - weight: 400;font - size: 12 px;color: #fff;margin - bottom: 10 px
    }.tiles.tile.tile - body p {
        font - weight: 400;
        font - size: 13 px;
        color: #fff;
        overflow: hidden
    }.tiles.tile.tile - body p: active {
        color: rgba(0, 0, 0, .4)
    }.tiles.tile.tile - body p: hover {
        color: #fff
    }.tiles.tile.tile - body img {
        float: left;margin - right: 10 px
    }.tiles.tile.tile - body img.pull - right {
        float: right!important;margin - left: 10 px;margin - right: 0
    }.tiles.tile.tile - body > i {
        margin - top: 17 px;
        display: block;
        font - size: 56 px;
        line - height: 56 px;
        text - align: center
    }.tiles.tile.tile - body h1, .tiles.tile.tile - body h2, .tiles.tile.tile - body h3, .tiles.tile.tile - body h4, .tiles.tile.tile - body h5, .tiles.tile.tile - body h6, .tiles.tile.tile - body p {
        padding: 0;margin: 0;line - height: 14 px
    }.tiles.tile.tile - body h1: hover, .tiles.tile.tile - body h2: hover, .tiles.tile.tile - body h3: hover, .tiles.tile.tile - body h4: hover, .tiles.tile.tile - body h5: hover, .tiles.tile.tile - body h6: hover, .tiles.tile.tile - body p: hover {
        color: #fff
    }.tiles.tile.tile - body h3, .tiles.tile.tile - body h4 {
        margin - bottom: 5 px
    }.tiles.tile.tile - object {
        position: absolute;bottom: 0;left: 0;right: 0;min - height: 30 px
    }.widget - gradient, .widget - wrap - img {
        min - height: 350 px;
        border - radius: 4 px
    }.tiles.tile.tile - object: after, .tiles.tile.tile - object: before {
        display: table;content: ""
    }.tiles.tile.tile - object: after {
        clear: both
    }.tiles.tile.tile - object > .name {
        position: absolute;bottom: 0;left: 0;margin - bottom: 5 px;margin - left: 10 px;margin - right: 15 px;font - weight: 400;font - size: 13 px;color: #fff
    }.tiles.tile.tile - object > .name > i {
        vertical - align: middle;
        display: block;
        font - size: 24 px;
        height: 18 px;
        width: 24 px
    }.tiles.tile.tile - object > .number {
        position: absolute;bottom: 0;right: 0;color: #fff;text - align: center;font - weight: 600;font - size: 14 px;letter - spacing: .01e m;line - height: 14 px;margin - bottom: 8 px;margin - right: 10 px
    }.well {
        border: 0;padding: 20 px; - webkit - box - shadow: none!important; - moz - box - shadow: none!important;box - shadow: none!important
    }.widget - bg - color - purple {
        background: #9a7caf}.widget-bg-color-purple-dark{background:# 4 b365a
    }.widget - bg - color - purple - light {
        background: #674d79}.widget-bg-color-green{background:# 4 db3a4
    }.widget - bg - color - red {
        background: #f36a5a
    }.widget - bg - color - blue {
        background: #5b9bd1}.widget-bg-color-gray{background:# 323 c45
    }.widget - bg - color - gray - dark {
        background: #144f57}.widget-bg-color-white{background:# fff
    }.widget - bg - color - dark {
        background: #3e4f5e}.widget-bg-color-dark-light{background:# 8e9 daa
    }.widget - bg - color - fb {
        background: #475e98}.widget-bg-color-tw{background:# 55 acee
    }.widget - title - color - purple {
        color: #9a7caf}.widget-title-color-purple-dark{color:# 4 b365a
    }.widget - title - color - purple - light {
        color: #674d79}.widget-title-color-green{color:# 4 db3a4
    }.widget - title - color - red {
        color: #f36a5a
    }.widget - title - color - blue {
        color: #5b9bd1}.widget-title-color-gray{color:# 323 c45
    }.widget - title - color - gray - dark {
        color: #144f57}.widget-title-color-white{color:# fff
    }.widget - title - color - dark {
        color: #3e4f5e}.widget-title-color-dark-light{color:# 8e9 daa
    }.widget - title - color - fb {
        color: #475e98}.widget-title-color-tw{color:# 55 acee
    }.overflow - h {
        overflow: hidden
    }.widget - carousel.carousel - indicators {
        left: -18 % ;bottom: 10 px;margin - left: 0
    }.widget - carousel.carousel - indicators - red > li {
        border - color: #f36a5a
    }.widget - carousel.carousel - indicators - red > li.active {
        background: #f36a5a
    }.widget - gradient {
        position: relative;overflow: hidden;background - size: cover;background - position: 50 % 50 %
    }.widget - gradient.widget - gradient - body {
        position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: auto;height: auto;padding: 20 px
    }.widget - gradient.widget - gradient - body.widget - gradient - title {
        font - size: 21 px;
        font - weight: 600;
        color: #fff;
        margin: 0
    }.widget - gradient.widget - gradient - body.widget - gradient - body - actions {
        position: absolute;right: 20 px;bottom: 20 px;padding: 0;margin: 0
    }.widget - gradient.widget - gradient - body.widget - gradient - body - actions li {
        font - size: 14 px;
        padding: 0 0 0 8 px
    }.widget - gradient.widget - gradient - body.widget - gradient - body - actions li: first - child {
        padding - left: 0
    }.widget - gradient.widget - gradient - body.widget - gradient - body - actions li a {
        color: #fff
    }.widget - gradient.widget - gradient - body.widget - gradient - body - actions li a: hover {
        color: #a1afbb;text - decoration: none
    }.widget - wrap - img {
        position: relative;padding: 20 px
    }.widget - wrap - img.widget - wrap - img - title {
        font - size: 21 px;
        font - weight: 600;
        color: #3e4f5e;margin:0 0 20px}.widget-wrap-img .widget-wrap-img-element{position:absolute;bottom:0;right:0}.widget-tab{min-height:420px;border-radius:4px}.widget-tab .nav-tabs{margin:0;border-color:# eff1f3
    }.widget - tab.nav - tabs > li {
        margin: 0 10 px
    }.widget - tab.nav - tabs > li: first - child {
        margin - left: 20 px
    }.widget - tab.nav - tabs > li > a {
        border: 0;font - weight: 700;color: #8e9daa;text-transform:uppercase;padding:20px 0}.widget-tab .nav-tabs>li>a>i{color:# 8e9 daa
    }.widget - tab.nav - tabs > li.open, .widget - tab.nav - tabs > li: hover {
        border - bottom: 1 px solid# f36a5a
    }.widget - tab.nav - tabs > li.open > a, .widget - tab.nav - tabs > li: hover > a {
        border: 0;background: inherit;color: #f36a5a
    }.widget - tab.nav - tabs > li.open > a > i, .widget - tab.nav - tabs > li: hover > a > i {
        color: #f36a5a
    }.widget - tab.nav - tabs > li.active {
        border - bottom: 1 px solid# f36a5a;
        position: relative
    }.widget - tab.nav - tabs > li.active > a {
        border: 0;color: #f36a5a
    }.widget - tab.nav - tabs > li.active > a > i {
        color: #f36a5a
    }.widget - tab.tab - content {
        padding: 20 px;color: #8e9daa}.widget-tab .slimScrollBar{right:10px!important;margin-top:17px!important;margin-bottom:17px!important}.widget-news{overflow:hidden;margin-right:10px;border-radius:4px}.widget-news .widget-news-left-elem{float:left;width:100px;height:auto;margin-right:15px}.widget-news .widget-news-right-body{overflow:hidden}.widget-news .widget-news-right-body .widget-news-right-body-title{font-size:16px;font-weight:600;color:# 3e4 f5e;margin: 0 0 5 px;clear: both
    }.widget - news.widget - news - right - body.widget - news - right - body - title.label {
        float: right;font - weight: 600;background: #a1afbb;border - radius: 3 px!important
    }.widget - news.widget - news - right - body p {
        font - size: 13 px
    }.widget - thumb {
        padding: 20 px;border - radius: 4 px
    }.widget - thumb.bordered {
        border: 1 px solid# e7ecf1
    }.widget - thumb.widget - thumb - heading {
        font - size: 14 px;
        font - weight: 700;
        color: #8e9daa;margin:0 0 20px}.widget-thumb .widget-thumb-wrap{overflow:hidden}.widget-thumb .widget-thumb-wrap .widget-thumb-icon{float:left;width:60px;height:60px;display:inline-block;font-size:20px;line-height:41px;color:# fff;
        text - align: center;
        padding: 10 px;
        margin - right: 15 px
    }.widget - thumb.widget - thumb - body {
        overflow: hidden
    }.widget - thumb.widget - thumb - body.widget - thumb - subtitle {
        padding - top: 2 px;
        display: block;
        font - size: 14 px;
        font - weight: 600;
        color: #8e9daa}.widget-thumb .widget-thumb-body .widget-thumb-body-stat{display:block;font-size:30px;font-weight:600;color:# 3e4 f5e
    }.widget - socials {
        border - radius: 4 px;
        min - height: 250 px;
        padding: 20 px
    }.widget - comments, .widget - progress {
        min - height: 420 px
    }.widget - socials.widget - socials - title {
        font - size: 25 px;
        font - weight: 700;
        line - height: 1.4;
        color: #fff;
        margin: 0 0 20 px
    }.widget - socials.widget - social - subtitle {
        color: #fff;font - weight: 200;line - height: 1.4
    }.widget - media.widget - btn - blue.widget - btn - icon, .widget - media.widget - btn -
    default.widget - btn - icon, .widget - media.widget - btn - red.widget - btn - icon {
        line - height: 1.5
    }.widget - socials.widget - social - subtitle a {
        color: #fff
    }.widget - socials.widget - socials - paragraph {
        display: block;color: #65727d}.widget-socials .widget-social-icon-fb,.widget-socials .widget-social-icon-tw{font-size:30px;margin:30px 0}.widget-socials .widget-social-icon-fb{color:# 2 b3f72
    }.widget - socials.widget - social - icon - tw {
        color: #3686c3}.widget-media{border-radius:4px;border-bottom:1px solid # f6f9fc;overflow: hidden;padding - bottom: 15 px;margin - bottom: 15 px
    }.widget - media.widget - media - elements {
        float: left;margin - right: 20 px
    }.widget - media.widget - media - avatar {
        width: 55 px;height: 55 px;display: block
    }.widget - media.widget - btn - blue, .widget - media.widget - btn -
    default, .widget - media.widget - btn - red {
        display: inline - block;font - size: 12 px;border: 1 px solid# ebf0f6;padding: 3 px 10 px
    }.widget - media.widget - btn -
    default {
        color: #96a2b1}.widget-media .widget-btn-default:hover{background:# ebf0f6;text - decoration: none
    }.widget - media.widget - btn - red {
        color: #f36a5a
    }.widget - media.widget - btn - red: hover {
        color: #fff;background: #f36a5a;text - decoration: none
    }.widget - media.widget - btn - blue {
        color: #fff;background: #337ab7}.widget-media .widget-btn-blue:hover{color:# 337 ab7;background: #fff;text - decoration: none
    }.widget - media.widget - media - body {
        overflow: hidden
    }.widget - media.widget - media - body.widget - media - body - title {
        font - size: 15 px;
        font - weight: 600;
        color: #5b9bd1;margin:0 0 7px}.widget-media .widget-media-body .widget-media-body-subtitle{font-size:13px;color:# 7e8 c9e
    }.widget - blog {
        border - radius: 4 px;
        background: center center# fff;
        padding: 30 px 20 px 20 px;
        background - size: cover
    }.widget - blog.widget - blog - heading {
        position: relative;margin - bottom: 30 px
    }.widget - blog.widget - blog - heading: before {
        position: absolute;bottom: -15 px;left: 50 % ;width: 50 px;height: 1 px;border - width: 1 px;background: #8e9daa;margin-left:-25px;content:" "}.widget-blog .widget-blog-title{font-size:20px;font-weight:400;color:# 3e4 f5e;margin: 0 0 15 px
    }.widget - blog.widget - blog - title a {
        color: #3e4f5e}.widget-blog .widget-blog-subtitle{display:block;font-size:13px;color:# 8e9 daa;letter - spacing: 3 px
    }.widget - blog.btn - widget - purple {
        display: inline - block;font - size: 13 px;color: #8e9daa;border:1px solid # 8e9 daa;padding: 7 px 17 px
    }.widget - blog.btn - widget - purple: hover {
        color: #fff;background: #8e9daa;text-decoration:none}.widget-progress .widget-progress-element{border-radius:4px;overflow:hidden;padding:30px 10px}.widget-progress .widget-progress-title{display:block;color:# fff;margin - bottom: 5 px
    }.widget - progress.progress {
        height: 3 px;background: rgba(255, 255, 255, .2);margin - bottom: 0
    }.widget - map {
        min - height: 350 px;
        border - radius: 3 px
    }.widget - map.widget - map - mapplic {
        border - top - right - radius: 3 px;
        border - top - left - radius: 3 px
    }.widget - map.widget - map - mapplic.mapplic - container {
        background: #5b9bd1}.widget-map .widget-map-mapplic .mapplic-layer.world>img{opacity:.3}.widget-map .widget-map-body{background:# fff;border - bottom - right - radius: 3 px;border - bottom - left - radius: 3 px;padding: 20 px;overflow: hidden
    }.widget - map.widget - sparkline - chart {
        width: 25 % ;float: left;border - left: 1 px solid# e7eff7;padding: 0 15 px
    }.widget - map.widget - sparkline - chart: first - child {
        border - left: none
    }.widget - map.widget - sparkline - chart.widget - sparkline - title {
        display: block;font - size: 12 px;font - weight: 600;color: #a1afbb
    }
@media(max - width: 480 px) {.widget - map.widget - sparkline - chart {
        width: 50 % ;border - left: none;margin - top: 10 px;margin - bottom: 10 px
    }
}.widget - subscribe {
    border - radius: 4 px;
    min - height: 250 px;
    overflow: hidden;
    padding: 30 px
}.widget - subscribe.widget - subscribe - no {
    float: left;font - size: 67 px;font - weight: 600;line - height: 1;color: #9a7caf}.widget-subscribe .widget-subscribe-title{font-size:25px;font-weight:700;line-height:1.4;margin:0 0 15px 45px}.widget-subscribe .widget-subscribe-subtitle{font-size:15px;font-weight:600}.widget-subscribe .widget-subscribe-subtitle-link{color:# cab0dd
}.widget - subscribe.widget - subscribe - quote {
    position: relative
}.widget - subscribe.widget - subscribe - quote: before {
    position: absolute;top: 2 px;font - size: 70 px;color: #fff;content: "\201C"
}
@media(max - width: 767 px) {.widget - subscribe.widget - subscribe - border {
        border - top: 1 px solid# f5f8fb;
        border - bottom: 1 px solid# f5f8fb;
        border - right: none
    }
}
@media(min - width: 768 px) {.widget - subscribe.widget - subscribe - border {
        border - left: 1 px solid# f5f8fb;
        border - right: 1 px solid# f5f8fb
    }
}
@media(min - width: 767 px) and(max - width: 991 px) {.widget - subscribe.widget - subscribe - border {
        border - left: none
    }.widget - subscribe.widget - subscribe - border - top {
        border - top: 1 px solid# f5f8fb
    }
}.page - md.widget - bg - color - white, .page - md.widget - blog, .page - md.widget - carousel, .page - md.widget - map, .page - md.widget - progress - element, .page - md.widget - socials {
    box - shadow: 0 2 px 3 px 2 px rgba(0, 0, 0, .03)
}
@ - webkit - keyframes fadeInUp {
    0 % {
        opacity: 0; - webkit - transform: translateY(15 px)
    }
    100 % {
        opacity: 1; - webkit - transform: translateY(0)
    }
}
@ - moz - keyframes fadeInUp {
    0 % {
        opacity: 0; - moz - transform: translateY(15 px)
    }
    100 % {
        opacity: 1; - moz - transform: translateY(0)
    }
}
@ - o - keyframes fadeInUp {
    0 % {
        opacity: 0; - o - transform: translateY(15 px)
    }
    100 % {
        opacity: 1; - o - transform: translateY(0)
    }
}
@keyframes fadeInUp {
    0 % {
        opacity: 0;transform: translateY(15 px)
    }
    100 % {
        opacity: 1;transform: translateY(0)
    }
}.fade - in -up {
    -webkit - animation: fadeInUp .5 s;
    animation: fadeInUp .5 s
}
@ - webkit - keyframes bounceDelay {
    0 % , 100 % , 80 % {-webkit - transform: scale(0)
    }
    40 % {-webkit - transform: scale(1)
    }
}
@keyframes bounceDelay {
    0 % , 100 % , 80 % {
        transform: scale(0); - webkit - transform: scale(0)
    }
    40 % {
        transform: scale(1); - webkit - transform: scale(1)
    }
}
@keyframes input - focus {
    0 % {
        left: 20 % ;width: 20 %
    }
    99 % {
        width: 0;left: 0;opacity: 1
    }
    100 % {
        opacity: 0
    }
}.m - heading - 1 {
    margin: 0 0 20 px;background: #fff;padding - left: 15 px;border - left: 8 px solid #88909a}.m-heading-1>h3{font-size:20px;color:# 3 f444a;font - weight: 500;margin: 0 0 15 px
}.m - heading - 1 > h3 > i {
    font - size: 18 px;
    color: #88909a}.m-heading-1>p{color:# 5 c6873;
    margin: 10 px 0 0
}.m - heading - 1 > p: first - child {
    margin - top: 0
}.m - heading - 1. m - bordered {
    border - right: 1 px solid #10161c;border-top:1px solid # 10161 c;
    border - bottom: 1 px solid #10161c;padding:15px}.page-container-bg-solid .m-heading-1.m-bordered{border-right:0;border-top:0;border-bottom:0}.m-heading-1.m-title-md>h3{font-size:18px;margin-bottom:10px}.m-heading-1.m-title-md>h3>i{font-size:16px;color:# 88909 a
}.m - heading - 1. m - title - md > p {
    margin: 15 px 0
}.m - heading - 1. m - title - sm > h3 {
    font - size: 16 px;
    margin - bottom: 10 px
}.m - heading - 1. m - title - sm > h3 > i {
    font - size: 14 px;
    color: #88909a}.m-heading-1.m-title-sm>p{margin:10px 0}@media (max-width:991px){.m-heading-1{margin:0}}.timeline{margin:0 0 30px;padding:0;position:relative}.timeline:before{content:'';position:absolute;display:block;width:4px;background:# f5f6fa;
    top: 0;
    bottom: 0;
    margin - left: 38 px
}.timeline.timeline - item {
    margin: 0;padding: 0
}.timeline.timeline - badge {
    float: left;position: relative;padding - right: 30 px;height: 80 px;width: 80 px
}.timeline.timeline - badge - userpic {
    width: 80 px;border: 4 px solid# f5f6fa; - webkit - border - radius: 50 % !important; - moz - border - radius: 50 % !important;border - radius: 50 % !important
}.timeline.timeline - badge - userpic img {
    border - radius: 50 % !important;
    vertical - align: middle!important
}.timeline.timeline - icon {
    width: 80 px;height: 80 px;background - color: #f5f6fa; - webkit - border - radius: 50 % !important; - moz - border - radius: 50 % !important;border - radius: 50 % !important;padding - top: 30 px;padding - left: 22 px
}.timeline.timeline - icon i {
    font - size: 34 px
}.timeline.timeline - body {
    position: relative;padding: 20 px;margin - top: 20 px;margin - left: 110 px;background - color: #f5f6fa; - webkit - border - radius: 4 px; - moz - border - radius: 4 px; - ms - border - radius: 4 px; - o - border - radius: 4 px;border - radius: 4 px
}.timeline.timeline - body: after, .timeline.timeline - body: before {
    content: " ";display: table
}.timeline.timeline - body: after {
    clear: both
}.timeline.timeline - body - arrow {
    position: absolute;top: 30 px;left: -14 px;width: 0;height: 0;border - style: solid;border - width: 14 px 14 px 14 px 0;border - color: transparent# f5f6fa transparent transparent
}.timeline.timeline - body - head {
    margin - bottom: 10 px
}.timeline.timeline - body - head - caption {
    float: left
}.timeline.timeline - body - alerttitle, .timeline.timeline - body - title {
    font - size: 16 px;
    font - weight: 600
}.timeline.timeline - body - time {
    font - size: 14 px;
    margin - left: 10 px
}.timeline.timeline - body - head - actions {
    float: right
}.timeline.timeline - body - head - actions.btn - group {
    margin - top: -2 px
}.timeline.timeline - body - content {
    font - size: 14 px;
    margin - top: 35 px
}.timeline.timeline - body - img {
    width: 100 px;height: 100 px;margin: 5 px 20 px 0 0
}.timeline.white - bg: before {
    background: #fff
}.timeline.white - bg.timeline - badge - userpic {
    border - color: #fff
}.timeline.white - bg.timeline - body, .timeline.white - bg.timeline - icon {
    background - color: #fff
}.timeline.white - bg.timeline - body - arrow {
    border - color: transparent# fff transparent transparent
}
@media(max - width: 768 px) {.timeline.timeline - body - head - caption {
        width: 100 %
    }.timeline.timeline - body - head - actions {
        float: left;width: 100 % ;margin - top: 20 px;margin - bottom: 20 px
    }
}
@media(max - width: 480 px) {.timeline: before {
        margin - left: 28 px
    }.timeline.timeline - badge {
        padding - right: 40 px;
        width: 60 px;
        height: 60 px
    }.timeline.timeline - badge - userpic {
        width: 60 px
    }.timeline.timeline - icon {
        width: 60 px;height: 60 px;padding - top: 23 px;padding - left: 18 px
    }.timeline.timeline - icon i {
        font - size: 25 px
    }.timeline.timeline - body {
        margin - left: 80 px
    }.timeline.timeline - body - arrow {
        top: 17 px
    }
}.mt - timeline - 2 {
    position: relative
}.mt - timeline - 2 > .mt - timeline - line {
    position: absolute;z - index: 1;height: 100 % ;width: 1 px;top: 0;left: 50 % ;border - left: 4 px solid;transform: translateX(-2 px)
}.mt - timeline - 2 > .mt - container {
    position: relative;padding: 0
}.mt - timeline - 2 > .mt - container > .mt - item {
    list - style: none;
    padding - bottom: 60 px;
    clear: both
}.mt - timeline - 2 > .mt - container > .mt - item.timeline - body - img.pull - left {
    margin - right: 15 px
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - icon {
    width: 70 px;height: 70 px;background - color: #ccc;border - radius: 50 % !important;position: absolute;left: 50 % ;transform: translateX(-50 % );z - index: 5;border: 0;overflow: hidden
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - icon > i {
    top: 50 % ;left: 50 % ;transform: translateY(-50 % ) translateX(-50 % );font - size: 24 px
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - icon > img {
    width: 100 % ;height: auto
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content {
    width: 50 % ;display: inline - block;position: relative
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container {
    text - align: left;
    background - color: #f5f6fa;
    padding: 30 px;
    border: 2 px solid# d3d7e9
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container: after, .mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container: before {
    content: " ";display: table
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container: after {
    clear: both
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.mt - author, .mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.mt - title {
    width: 50 % ;margin - bottom: 15 px
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.mt - content - title {
    opacity: .8;filter: alpha(opacity = 80);margin - top: 10 px;font - size: 18 px;font - weight: 600
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.mt - avatar {
    width: 40 px;height: 40 px;border - radius: 50 % !important;overflow: hidden
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.mt - avatar > img {
    width: 100 % ;height: auto
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.mt - author - name, .mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.mt - author - name a {
    opacity: .9;filter: alpha(opacity = 90);font - size: 15 px;font - weight: 600;text - decoration: none
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.mt - author - notes {
    font - size: 12 px
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.mt - content {
    padding - top: 15 px;
    border - top: 1 px solid;
    clear: both;
    line - height: 1.7e m
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.mt - content > p {
    opacity: .7;filter: alpha(opacity = 70)
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.mt - content a, .mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.mt - content button {
    font - size: 14 px
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.btn {
    display: inline - block;margin: 0 5 px 10 px 0
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.btn.pull - right {
    margin: 0 0 10 px 5 px
}.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container: before {
    content: '';position: absolute;top: 28 px;height: 0;width: 0;border: 10 px solid transparent
}.mt - timeline - 2 > .mt - container > .mt - item: nth - child(odd) {
    text - align: left
}.mt - timeline - 2 > .mt - container > .mt - item: nth - child(even), .mt - timeline - 2 > .mt - container > .mt - item: nth - child(odd) > .mt - timeline - content > .mt - content - container.mt - author - name, .mt - timeline - 2 > .mt - container > .mt - item: nth - child(odd) > .mt - timeline - content > .mt - content - container.mt - author - notes {
    text - align: right
}.mt - timeline - 2 > .mt - container > .mt - item: nth - child(odd) > .mt - timeline - content > .mt - content - container {
    margin - right: 60 px
}.mt - timeline - 2 > .mt - container > .mt - item: nth - child(odd) > .mt - timeline - content > .mt - content - container.mt - title {
    float: left
}.mt - timeline - 2 > .mt - container > .mt - item: nth - child(odd) > .mt - timeline - content > .mt - content - container.mt - author {
    float: right
}.mt - timeline - 2 > .mt - container > .mt - item: nth - child(odd) > .mt - timeline - content > .mt - content - container.mt - avatar {
    float: right;margin - left: 15 px
}.mt - timeline - 2 > .mt - container > .mt - item: nth - child(odd) > .mt - timeline - content > .mt - content - container: before {
    right: 40 px;border - left: 10 px solid# d3d7e9
}.mt - timeline - 2 > .mt - container > .mt - item: nth - child(even) > .mt - timeline - icon > i {
    transform: translateY(-50 % ) translateX(50 % );left: -50 %
}.mt - timeline - 2 > .mt - container > .mt - item: nth - child(even) > .mt - timeline - content > .mt - content - container {
    margin - left: 60 px
}.mt - timeline - 2 > .mt - container > .mt - item: nth - child(even) > .mt - timeline - content > .mt - content - container.mt - avatar {
    float: left;margin - right: 15 px
}.mt - timeline - 2 > .mt - container > .mt - item: nth - child(even) > .mt - timeline - content > .mt - content - container.mt - title {
    float: right;text - align: right
}.mt - timeline - 2 > .mt - container > .mt - item: nth - child(even) > .mt - timeline - content > .mt - content - container.mt - author {
    float: left
}.mt - timeline - 2 > .mt - container > .mt - item: nth - child(even) > .mt - timeline - content > .mt - content - container.mt - author - name, .mt - timeline - 2 > .mt - container > .mt - item: nth - child(even) > .mt - timeline - content > .mt - content - container.mt - author - notes {
    text - align: left
}.mt - timeline - 2 > .mt - container > .mt - item: nth - child(even) > .mt - timeline - content > .mt - content - container: before {
    left: 40 px;border - right: 10 px solid# E9EDEF
}
@media(max - width: 991 px) {.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content, .mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.mt - author, .mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.mt - title {
        width: 100 %
    }.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - icon, .mt - timeline - 2 > .mt - timeline - line {
        left: 25 px
    }.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - icon > i {
        left: 0
    }.mt - timeline - 2 > .mt - container > .mt - item: nth - child(even) > .mt - timeline - content > .mt - content - container: before, .mt - timeline - 2 > .mt - container > .mt - item: nth - child(odd) > .mt - timeline - content > .mt - content - container: before {
        left: 70 px;border - right: 10 px solid# E9EDEF;border - left: none
    }.mt - timeline - 2 > .mt - container > .mt - item > .mt - timeline - content > .mt - content - container.mt - title {
        float: none;text - align: left!important
    }.mt - timeline - 2 > .mt - container > .mt - item: nth - child(odd) {
        text - align: right
    }.mt - timeline - 2 > .mt - container > .mt - item: nth - child(odd) > .mt - timeline - content > .mt - content - container {
        margin - left: 80 px;
        margin - right: 0
    }.mt - timeline - 2 > .mt - container > .mt - item: nth - child(odd) > .mt - timeline - content > .mt - content - container.mt - avatar {
        float: left;margin - right: 15 px
    }.mt - timeline - 2 > .mt - container > .mt - item: nth - child(odd) > .mt - timeline - content > .mt - content - container.mt - title {
        float: right;text - align: right
    }.mt - timeline - 2 > .mt - container > .mt - item: nth - child(odd) > .mt - timeline - content > .mt - content - container.mt - author {
        float: left
    }.mt - timeline - 2 > .mt - container > .mt - item: nth - child(odd) > .mt - timeline - content > .mt - content - container.mt - author - name, .mt - timeline - 2 > .mt - container > .mt - item: nth - child(odd) > .mt - timeline - content > .mt - content - container.mt - author - notes {
        text - align: left
    }.mt - timeline - 2 > .mt - container > .mt - item: nth - child(even) > .mt - timeline - content > .mt - content - container {
        margin - left: 80 px;
        margin - right: 0
    }
}
@media(max - width: 480 px) {.mt - timeline - 2.btn - group.pull - right, .mt - timeline - 2.btn.pull - right {
        float: none!important;margin: 0 5 px 10 px 0!important
    }
}
@media(max - width: 400 px) {.mt - timeline - 2 > .mt - container > .mt - item: nth - child(even) > .mt - timeline - content > .mt - content - container.mt - author - notes {
        clear: both;padding - top: 10 px
    }
}.cd - horizontal - timeline {
    opacity: 0; - webkit - transition: opacity .2 s; - moz - transition: opacity .2 s;transition: opacity .2 s
}.cd - horizontal - timeline::before {
    content: 'mobile';display: none
}.cd - horizontal - timeline.loaded {
    opacity: 1
}.cd - horizontal - timeline.timeline {
    position: relative;height: 100 px;width: 90 % ;max - width: 800 px;margin: 0 auto
}.cd - horizontal - timeline.events - wrapper {
    position: relative;height: 100 % ;margin: 0 40 px;overflow: hidden
}.cd - horizontal - timeline.events - wrapper::after, .cd - horizontal - timeline.events - wrapper::before {
    content: '';position: absolute;z - index: 2;top: 0;height: 100 % ;width: 20 px
}.cd - horizontal - timeline.events - wrapper::before {
    left: 0;background - image: -webkit - linear - gradient(left, #f8f8f8, rgba(248, 248, 248, 0));background - image: linear - gradient(to right, #f8f8f8, rgba(248, 248, 248, 0))
}.cd - horizontal - timeline.events - wrapper::after {
    right: 0;background - image: -webkit - linear - gradient(right, #f8f8f8, rgba(248, 248, 248, 0));background - image: linear - gradient(to left, #f8f8f8, rgba(248, 248, 248, 0))
}.cd - horizontal - timeline.events {
    position: absolute;z - index: 1;left: 0;top: 49 px;height: 2 px;background: #dfdfdf; - webkit - transition: -webkit - transform .4 s; - moz - transition: -moz - transform .4 s;transition: transform .4 s
}.cd - horizontal - timeline.filling - line {
    position: absolute;z - index: 1;left: 0;top: 0;height: 100 % ;width: 100 % ;background - color: #7b9d6f;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}.cd-horizontal-timeline .events a{position:absolute;bottom:0;z-index:2;text-align:center;font-size:1.3rem;padding-bottom:15px;color:# 383838; - webkit - transform: translateZ(0); - moz - transform: translateZ(0); - ms - transform: translateZ(0); - o - transform: translateZ(0);transform: translateZ(0)
}.cd - horizontal - timeline.events a::after {
    content: '';position: absolute;left: 50 % ;right: auto; - webkit - transform: translateX(-50 % ); - moz - transform: translateX(-50 % ); - ms - transform: translateX(-50 % ); - o - transform: translateX(-50 % );transform: translateX(-50 % );bottom: -5 px;height: 12 px;width: 12 px;border - radius: 50 % ; - webkit - transition: background - color .3 s,
    border - color .3 s; - moz - transition: background - color .3 s,
    border - color .3 s;transition: background - color .3 s,
    border - color .3 s
}.no - touch.cd - horizontal - timeline.events a: hover::after {
    background - color: #7b9d6f;border-color:# 7 b9d6f
}.cd - horizontal - timeline.events a.selected {
    pointer - events: none
}
@media only screen and(min - width: 1100 px) {.cd - horizontal - timeline::before {
        content: 'desktop'
    }
}.cd - timeline - navigation a {
    position: absolute;z - index: 1;top: 50 % ;bottom: auto; - webkit - transform: translateY(-50 % ); - moz - transform: translateY(-50 % ); - ms - transform: translateY(-50 % ); - o - transform: translateY(-50 % );transform: translateY(-50 % );height: 34 px;width: 34 px;border - radius: 50 % ;border: 2 px solid# dfdfdf;overflow: hidden;color: transparent;text - indent: 100 % ;white - space: nowrap; - webkit - transition: border - color .3 s; - moz - transition: border - color .3 s;transition: border - color .3 s
}.cd - timeline - navigation a.prev {
    left: 0
}.cd - timeline - navigation a.next {
    right: 0
}.cd - timeline - navigation a.inactive {
    cursor: not - allowed
}.cd - timeline - navigation a.inactive::after {
    background - position: 0 - 16 px
}.no - touch.cd - timeline - navigation a.inactive: hover {
    border - color: #dfdfdf
}.cd - horizontal - timeline.events - content {
    position: relative;width: 100 % ;margin: 10 px 0 0;overflow: hidden; - webkit - transition: height .4 s; - moz - transition: height .4 s;transition: height .4 s
}.cd - horizontal - timeline.events - content > ol > li {
    position: absolute;z - index: 1;width: 100 % ;left: 0;top: 0; - webkit - transform: translateX(-100 % ); - moz - transform: translateX(-100 % ); - ms - transform: translateX(-100 % ); - o - transform: translateX(-100 % );transform: translateX(-100 % );padding: 0;opacity: 0; - webkit - animation - duration: .4 s; - moz - animation - duration: .4 s;animation - duration: .4 s; - webkit - animation - timing - function: ease - in -out; - moz - animation - timing - function: ease - in -out;animation - timing - function: ease - in -out;margin: 0 auto
}.cd - horizontal - timeline.events - content > ol > li.selected {
    position: relative;z - index: 2;opacity: 1; - webkit - transform: translateX(0); - moz - transform: translateX(0); - ms - transform: translateX(0); - o - transform: translateX(0);transform: translateX(0)
}.cd - horizontal - timeline.events - content > ol > li.enter - right, .cd - horizontal - timeline.events - content > ol > li.leave - right {
    -webkit - animation - name: cd - enter - right; - moz - animation - name: cd - enter - right;
    animation - name: cd - enter - right
}.cd - horizontal - timeline.events - content > ol > li.enter - left, .cd - horizontal - timeline.events - content > ol > li.leave - left {
    -webkit - animation - name: cd - enter - left; - moz - animation - name: cd - enter - left;
    animation - name: cd - enter - left
}.cd - horizontal - timeline.events - content > ol > li.leave - left, .cd - horizontal - timeline.events - content > ol > li.leave - right {
    -webkit - animation - direction: reverse; - moz - animation - direction: reverse;
    animation - direction: reverse
}.cd - horizontal - timeline.events - content em {
    display: block;font - style: italic;margin: 10 px auto
}.cd - horizontal - timeline.events - content em::before {
    content: '- '
}
@ - webkit - keyframes cd - enter - right {
    0 % {
        opacity: 0; - webkit - transform: translateX(100 % )
    }
    100 % {
        opacity: 1; - webkit - transform: translateX(0)
    }
}
@ - moz - keyframes cd - enter - right {
    0 % {
        opacity: 0; - moz - transform: translateX(100 % )
    }
    100 % {
        opacity: 1; - moz - transform: translateX(0)
    }
}
@keyframes cd - enter - right {
    0 % {
        opacity: 0; - webkit - transform: translateX(100 % ); - moz - transform: translateX(100 % ); - ms - transform: translateX(100 % ); - o - transform: translateX(100 % );transform: translateX(100 % )
    }
    100 % {
        opacity: 1; - webkit - transform: translateX(0); - moz - transform: translateX(0); - ms - transform: translateX(0); - o - transform: translateX(0);transform: translateX(0)
    }
}
@ - webkit - keyframes cd - enter - left {
    0 % {
        opacity: 0; - webkit - transform: translateX(-100 % )
    }
    100 % {
        opacity: 1; - webkit - transform: translateX(0)
    }
}
@ - moz - keyframes cd - enter - left {
    0 % {
        opacity: 0; - moz - transform: translateX(-100 % )
    }
    100 % {
        opacity: 1; - moz - transform: translateX(0)
    }
}
@keyframes cd - enter - left {
    0 % {
        opacity: 0; - webkit - transform: translateX(-100 % ); - moz - transform: translateX(-100 % ); - ms - transform: translateX(-100 % ); - o - transform: translateX(-100 % );transform: translateX(-100 % )
    }
    100 % {
        opacity: 1; - webkit - transform: translateX(0); - moz - transform: translateX(0); - ms - transform: translateX(0); - o - transform: translateX(0);transform: translateX(0)
    }
}.mt - timeline - horizontal {
    font - size: 14 px
}.mt - timeline - horizontal ol, .mt - timeline - horizontal ul {
    list - style: none
}.mt - timeline - horizontal blockquote, .mt - timeline - horizontal q {
    quotes: none
}.mt - timeline - horizontal blockquote: after, .mt - timeline - horizontal blockquote: before, .mt - timeline - horizontal q: after, .mt - timeline - horizontal q: before {
    content: '';content: none
}.mt - timeline - horizontal table {
    border - collapse: collapse;
    border - spacing: 0
}.mt - timeline - horizontal.timeline {
    width: 100 % ;max - width: 100 %
}.mt - timeline - horizontal.timeline: before {
    background: 0 0
}.mt - timeline - horizontal.timeline.events - wrapper.events a: after {
    background - color: transparent;
    border: 2 px solid
}.mt - timeline - horizontal.timeline.events - wrapper.events a.selected: after {
    background - color: #fff!important
}.mt - timeline - horizontal.timeline.events - wrapper.events a: focus, .mt - timeline - horizontal.timeline.events - wrapper.events a: hover {
    text - decoration: none
}.mt - timeline - horizontal.timeline.events - wrapper: after, .mt - timeline - horizontal.timeline.events - wrapper: before {
    background - image: none
}.mt - timeline - horizontal.timeline.mt - ht - nav - icon li a {
    border - radius: 50 % !important
}.mt - timeline - horizontal.timeline.mt - ht - nav - icon li a i {
    position: absolute;top: 50 % ;left: 0;transform: translateX(50 % ) translateY(-50 % );width: 10 px
}.mt - timeline - horizontal.timeline.mt - ht - nav - icon li: first - child a i {
    left: -2 px
}.mt - timeline - horizontal.timeline.mt - timeline - square.events a: after, .mt - timeline - horizontal.timeline.mt - timeline - square.mt - ht - nav - icon li a {
    border - radius: 0!important
}.mt - timeline - horizontal.events - content ol {
    padding: 0
}.mt - timeline - horizontal.events - content ol li.mt - title {
    margin - top: 15 px;
    float: left;
    width: 60 %
}.mt - timeline - horizontal.events - content ol li.mt - title h2 {
    margin: 0;opacity: .8;filter: alpha(opacity = 80);font - size: 18 px;font - weight: 600
}.mt - timeline - horizontal.events - content ol li.mt - author {
    float: right;position: relative;text - align: right;width: 40 %
}.mt - timeline - horizontal.events - content ol li.mt - author > .mt - avatar {
    float: right;margin - left: 15 px;width: 50 px;height: 50 px;border - radius: 50 % !important;overflow: hidden
}.mt - timeline - horizontal.events - content ol li.mt - author > .mt - author - name {
    margin - top: 5 px
}.mt - timeline - horizontal.events - content ol li.mt - author > .mt - author - name a {
    opacity: .9;filter: alpha(opacity = 90);font - size: 15 px;font - weight: 600
}.mt - timeline - horizontal.events - content ol li.mt - author > .mt - author - name a: focus, .mt - timeline - horizontal.events - content ol li.mt - author > .mt - author - name a: hover {
    text - decoration: none
}.mt - timeline - horizontal.events - content ol li.mt - author > .mt - author - datetime {
    font - size: 13 px
}.mt - timeline - horizontal.events - content ol li.mt - author > .mt - avatar > img {
    width: 100 % ;height: auto
}.mt - timeline - horizontal.events - content ol li.mt - content {
    margin - top: 20 px;
    padding - top: 20 px;
    border - top: 1 px solid;
    clear: both;
    line - height: 1.7e m
}.mt - timeline - horizontal.events - content ol li.mt - content > p {
    opacity: .7;filter: alpha(opacity = 70)
}.mt - timeline - horizontal.events - content ol li.mt - content img.pull - left {
    margin: 0 15 px 15 px 0
}.mt - timeline - horizontal.events - content ol li.mt - content img.pull - right {
    margin: 0 0 15 px 15 px
}.mt - timeline - horizontal.events - content ol li.mt - content.btn - group.dropdown - menu {
    margin - right: 5 px
}
@media(max - width: 480 px) {.mt - timeline - horizontal.events - content ol li.mt - title {
        width: 100 %
    }.mt - timeline - horizontal.events - content ol li.mt - author {
        width: 100 % ;margin - top: 15 px;text - align: left
    }.mt - timeline - horizontal.events - content ol li.mt - author > .mt - avatar {
        float: left;margin - right: 15 px;margin - left: 0
    }.mt - timeline - horizontal.events - content ol li.mt - author > .mt - author - name {
        margin - top: 10 px
    }.mt - timeline - horizontal.btn.pull - right {
        float: none!important;margin: 0!important
    }
}.tasks - widget: after {
    clear: both
}.tasks - widget.task - list {
    list - style: none;
    padding: 0;
    margin: 0
}.tasks - widget.task - list > li {
    position: relative;padding: 10 px;border - bottom: 1 px solid# F4F6F9
}.tasks - widget.task - list > li: hover {
    background: #F4F6F9
}.tasks - widget.task - list > li.last - line {
    border - bottom: none
}.tasks - widget.task - list > li.task - done {
    background: #f6f6f6
}.tasks - widget.task - list > li.task - done: hover {
    background: #f4f4f4
}.tasks - widget.task - list > li.task - done.task - title - sp {
    text - decoration: line - through
}.tasks - widget.task - list > li > .task - bell {
    margin - left: 10 px
}.tasks - widget.task - list > li > .task - checkbox {
    float: left;width: 30 px
}.tasks - widget.task - list > li > .task - checkbox input[type = checkbox] {
    cursor: pointer
}.tasks - widget.task - list > li > .task - title {
    color: #838FA1;margin-right:10px}.tasks-widget .task-list>li>.task-title .task-title-sp{margin-right:5px}.tasks-widget .task-list>li .task-config-btn{margin-top:-1px}.tasks-widget .task-list>li>.task-config{display:none;position:absolute;top:7px;right:10px}.tasks-widget .task-list>li:hover>.task-config{display:block;margin-bottom:0!important}.tasks-widget .task-footer{margin-top:5px}.tasks-widget .task-footer:after,.tasks-widget .task-footer:before{content:" ";display:table}.tasks-widget .task-footer:after{clear:both}@media only screen and (max-width:480px){.tasks-widget .task-config-btn{float:inherit;display:block}.tasks-widget .task-list-projects li>.label{margin-bottom:5px}}.mt-comments .mt-comment{padding:10px;margin:0 0 10px}.mt-comments .mt-comment .mt-comment-img{width:40px;float:left}.mt-comments .mt-comment .mt-comment-img>img{border-radius:50%!important}.mt-comments .mt-comment .mt-comment-body{padding-left:20px;position:relative;overflow:hidden}.mt-comments .mt-comment .mt-comment-body .mt-comment-info:after,.mt-comments .mt-comment .mt-comment-body .mt-comment-info:before{content:" ";display:table}.mt-comments .mt-comment .mt-comment-body .mt-comment-info:after{clear:both}.mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-author{display:inline-block;float:left;margin:0 0 10px;color:# 060606;font - weight: 600
}.mt - comments.mt - comment.mt - comment - body.mt - comment - info.mt - comment - date {
    display: inline - block;float: right;margin: 0;color: #BABABA
}.mt - comments.mt - comment.mt - comment - body.mt - comment - text {
    color: #999}.mt-comments .mt-comment .mt-comment-body .mt-comment-details{margin:10px 0 0}.mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status{text-transform:uppercase;float:left}.mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-pending{color:# B8C0F5
}.mt - comments.mt - comment.mt - comment - body.mt - comment - details.mt - comment - status.mt - comment - status - approved {
    color: #6BD873}.mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-rejected{color:red}.mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions{display:none;list-style:none;margin:0;padding:0;float:right}.mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions>li{float:left;padding:0 5px;margin:0}.mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions>li>a{text-transform:uppercase;color:# 999
}.mt - comments.mt - comment.mt - comment - body.mt - comment - details.mt - comment - actions > li > a: hover {
    color: #666;text-decoration:none}.mt-comments .mt-comment:hover{background:# f9f9f9
}.mt - comments.mt - comment: hover.mt - comment - body.mt - comment - details.mt - comment - actions {
    display: inline - block
}.mt - actions.mt - action {
    margin: 0;padding: 15 px 0;border - bottom: 1 px solid# f7f8f9
}.mt - actions.mt - action: last - child {
    border - bottom: 0
}.mt - actions.mt - action.mt - action - img {
    width: 40 px;float: left
}.mt - actions.mt - action.mt - action - img > img {
    border - radius: 50 % !important;
    margin - bottom: 2 px
}.mt - actions.mt - action.mt - action - body {
    padding - left: 15 px;
    position: relative;
    overflow: hidden
}.mt - actions.mt - action.mt - action - body.mt - action - row {
    display: table;width: 100 %
}.mt - actions.mt - action.mt - action - body.mt - action - row.mt - action - info {
    display: table - cell;vertical - align: top
}.mt - actions.mt - action.mt - action - body.mt - action - row.mt - action - info.mt - action - icon {
    display: table - cell;padding: 6 px 20 px 6 px 6 px
}.mt - actions.mt - action.mt - action - body.mt - action - row.mt - action - info.mt - action - icon > i {
    display: inline - block;position: relative;top: 10 px;font - size: 25 px;color: #78E0E8}.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details{display:table-cell;vertical-align:top}.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-author{color:# 060606;font - weight: 600
}.mt - actions.mt - action.mt - action - body.mt - action - row.mt - action - info.mt - action - details.mt - action - desc {
    margin - bottom: 0;
    color: #999b9b}.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime{vertical-align:top;display:table-cell;text-align:center;width:150px;white-space:nowrap;padding-top:15px;color:# A6A8A8
}.mt - actions.mt - action.mt - action - body.mt - action - row.mt - action - datetime.mt - action - dot {
    display: inline - block;width: 10 px;height: 10 px;background - color: red;border - radius: 50 % !important;margin - left: 5 px;margin - right: 5 px
}.mt - actions.mt - action.mt - action - body.mt - action - row.mt - action - buttons {
    vertical - align: top;
    display: table - cell;
    text - align: center;
    width: 160 px;
    white - space: nowrap;
    padding - top: 10 px
}
@media(max - width: 767 px) {.mt - actions.mt - action.mt - action - body.mt - action - row, .mt - actions.mt - action.mt - action - body.mt - action - row.mt - action - info {
            display: block
        }.mt - actions.mt - action.mt - action - body.mt - action - row.mt - action - datetime {
            display: inline - block;margin - left: 40 px
        }.mt - actions.mt - action.mt - action - body.mt - action - row.mt - action - buttons {
            display: inline - block;float: right
        }
    }.mt - widget - 1 {
        border: 1 px solid# e7ecf1;text - align: center;position: relative
    }.mt - widget - 1.mt - icon {
        position: absolute;right: 10 px;top: 10 px;margin: 7 px;font - size: 20 px
    }.mt - widget - 1.mt - icon > a > i {
        color: #a1e5e1
    }.mt - widget - 1.mt - icon > a: hover > i {
        color: #79dad5}.mt-widget-1 .mt-img{display:inline-block;border-radius:50%!important;border:4px solid # e7ecf1;margin: 40 px 0 30 px
    }.mt - widget - 1.mt - img > img {
        border: 1 px solid trnsparent;border - radius: 50 % !important
    }.mt - widget - 1.mt - body.mt - username {
        text - align: center;
        margin: 5 px 10 px;
        font - weight: 600;
        font - size: 16 px
    }.mt - widget - 1.mt - body.mt - user - title {
        text - align: center;
        margin: 10 px;
        color: #666;font-size:13px}.mt-widget-1 .mt-body .mt-stats{margin:30px 0 0}.mt-widget-1 .mt-body .mt-stats .btn-group{border-top:1px solid # e7ecf1
    }.mt - widget - 1.mt - body.mt - stats.btn - group.btn {
        padding: 10 px;font - size: 14 px;border - right: 1 px solid# e7ecf1
    }.mt - widget - 1.mt - body.mt - stats.btn - group.btn: hover {
        background - color: #e7ecf1
    }.mt - widget - 1.mt - body.mt - stats.btn - group.btn: last - child {
        border: 0;border - bottom - right - radius: 4 px!important
    }.mt - widget - 1.mt - body.mt - stats.btn - group.btn > i {
        position: relative;top: 3 px;right: 2 px;font - size: 16 px
    }.mt - widget - 1.mt - body.mt - stats.btn - group.btn: first - child {
        border - bottom - left - radius: 4 px!important
    }.mt - widget - 2 {
        border: 1 px solid# e7ecf1;position: relative
    }.mt - widget - 2.mt - head {
        position: absolute;width: 100 % ;background - size: 100 % 100 %
    }.mt - widget - 2.mt - head.mt - head - label {
        position: absolute;top: 8 px;right: 8 px;cursor: pointer
    }.mt - widget - 2.mt - head.mt - head - label > button {
        font - size: 13 px;
        border - radius: 2 px!important
    }.mt - widget - 2.mt - head.mt - head - user.mt - head - user - img {
        position: relative;float: left;margin: 165 px 32 px 18 px 35 px
    }.mt - widget - 2.mt - head.mt - head - user.mt - head - user - img::after {
        content: "";position: absolute;top: 90 % ;left: 50 % ;margin - left: -15 px;border - width: 13 px;border - style: solid;border - color: transparent transparent# fff
    }.mt - widget - 2.mt - head.mt - head - user.mt - head - user - img > img {
        width: 65 px;border - radius: 50 % !important
    }.mt - widget - 2.mt - head.mt - head - user.mt - head - user - info {
        margin: 175 px 0 0 - 9 px;color: #fff;display: inline - block
    }.mt - widget - 2.mt - head.mt - head - user.mt - head - user - info.mt - user - name {
        display: block;font - size: 15 px
    }.mt - widget - 2.mt - head.mt - head - user.mt - head - user - info.mt - user - time {
        font - size: 13 px;
        display: block
    }.mt - widget - 2.mt - head.mt - head - user.mt - head - user - info.mt - user - time > i {
        position: relative;top: 1 px;font - size: 13 px
    }.mt - widget - 2.mt - body {
        padding - top: 160 px;
        text - align: center
    }.mt - widget - 2.mt - body.mt - body - title {
        margin - top: 130 px;
        font - weight: 600;
        font - size: 16 px
    }.mt - widget - 2.mt - body.mt - body - description {
        margin - top: 10 px;
        display: inline - block;
        color: #666;font-size:13px;padding:0 10px}.mt-widget-2 .mt-body .mt-body-stats{padding:0}.mt-widget-2 .mt-body .mt-body-stats:after,.mt-widget-2 .mt-body .mt-body-stats:before{content:" ";display:table}.mt-widget-2 .mt-body .mt-body-stats:after{clear:both}.mt-widget-2 .mt-body .mt-body-stats>li{margin:15px;list-style:none;display:inline-block}.mt-widget-2 .mt-body .mt-body-actions{border-top:1px solid # e7ecf1
    }.mt - widget - 2.mt - body.mt - body - actions > i {
        font - size: 18 px
    }.mt - widget - 2.mt - body.mt - body - actions.btn {
        font - size: 14 px;
        border - right: 1 px solid# e7ecf1;
        padding: 12 px 0;
        text - align: center
    }.mt - widget - 2.mt - body.mt - body - actions.btn: last - child {
        border: 0
    }.mt - widget - 3 {
        border: 1 px solid# e7ecf1
    }.mt - widget - 3.mt - head {
        background - color: #5DC9E6;margin-bottom:20px;color:# fff;
        padding: 15 px 0
    }.mt - widget - 4, .mt - widget - 4.mt - container {
        background - color: #26C0B8;min-height:250px}.mt-widget-3 .mt-head .mt-head-icon{font-size:35px;text-align:center;padding-top:20px;margin-bottom:10px}.mt-widget-3 .mt-head .mt-head-desc{margin-left:10px;margin-right:10px;text-align:center;color:# fff;
        opacity: .8;
        filter: alpha(opacity = 80)
    }.mt - widget - 3.mt - head.mt - head - date {
        text - align: center;
        margin - top: 20 px;
        display: block;
        color: #f2f2f2
    }.mt - widget - 3.mt - head.mt - head - button {
        margin: 10 px 0;text - align: center;padding: 20 px
    }.mt - widget - 3.mt - head.mt - head - button > button {
        width: 90 px
    }.mt - widget - 3.mt - body - actions - icons.btn - group {
        margin - bottom: 20 px
    }.mt - widget - 3.mt - body - actions - icons.btn - group.mt - icon {
        display: block;position: relative;padding: 5 px;font - size: 15 px
    }.mt - widget - 3.mt - body - actions - icons.btn {
        border - right: 1 px solid# e7ecf1;
        font - size: 11 px;
        text - align: center;
        padding: 0
    }.mt - widget - 3.mt - body - actions - icons.btn: last - child {
        border - right: 0
    }.mt - widget - 4 {
        color: #fff
    }.mt - widget - 4.mt - img - container {
        position: relative
    }.mt - widget - 4.mt - img - container > img {
        height: 250 px;width: 100 %
    }.mt - widget - 4.mt - container {
        width: 150 px;position: absolute;right: 15 px;top: 0
    }.mt - widget - 4.mt - container.mt - head - title {
        text - align: center;
        margin - top: 20 px;
        padding: 10 px
    }.mt - widget - 4.mt - container.mt - body - icons {
        margin - top: 30 px;
        text - align: center
    }.mt - widget - 4.mt - container.mt - body - icons > a {
        color: #e6e6e6;display: inline - block;padding: 10 px;font - size: 17 px
    }.mt - widget - 4.mt - container.mt - body - icons > a: hover {
        color: #fff
    }.mt - widget - 4.mt - container.mt - footer - button {
        margin - top: 30 px;
        position: absolute;
        right: 0
    }.mt - widget - 4.mt - container.mt - footer - button > .btn {
        width: 90 px;border - top - right - radius: 0!important;border - bottom - right - radius: 0!important;border: none!important
    }.mt - code {
        padding: 3 px;color: #E43A45;border - radius: 4 px!important;display: inline;word - wrap: normal
    }.caption - desc {
        font - size: 13 px;
        margin - top: .5e m;
        line - height: 2.3e m
    }.mt - element - step.row {
        margin: 0
    }.mt - element - step.step -
    default.mt - step - col {
        padding - top: 30 px;
        padding - bottom: 30 px;
        text - align: center
    }.mt - element - step.step -
    default.mt - step - number {
        font - size: 26 px;
        border - radius: 50 % !important;
        display: inline - block;
        margin: auto auto 20 px;
        padding: 3 px 14 px
    }.mt - element - step.step -
    default.mt - step - title {
        font - size: 30 px;
        font - weight: 100
    }.mt - element - step.step -
    default.active {
        background - color: #32c5d2!important}.mt-element-step .step-default .active .mt-step-number{color:# 32 c5d2!important
    }.mt - element - step.step -
    default.active.mt - step - content, .mt - element - step.step -
    default.active.mt - step - title {
        color: #fff!important
    }.mt - element - step.step -
    default.done {
        background - color: #26C281!important}.mt-element-step .step-default .done .mt-step-number{color:# 26 C281!important
    }.mt - element - step.step -
    default.done.mt - step - content, .mt - element - step.step -
    default.done.mt - step - title {
        color: #fff!important
    }.mt - element - step.step -
    default.error {
        background - color: #E7505A!important
    }.mt - element - step.step -
    default.error.mt - step - number {
        color: #E7505A!important
    }.mt - element - step.step -
    default.error.mt - step - content, .mt - element - step.step -
    default.error.mt - step - title {
        color: #fff!important
    }.mt - element - step.step - thin.mt - step - col {
        padding - top: 10 px;
        padding - bottom: 10 px
    }.mt - element - step.step - thin.mt - step - number {
        font - size: 26 px;
        border - radius: 50 % !important;
        float: left;
        margin: auto;
        padding: 3 px 14 px
    }.mt - element - step.step - thin.mt - step - title {
        font - size: 24 px;
        font - weight: 100;
        padding - left: 60 px;
        margin - top: -4 px
    }.mt - element - step.step - thin.mt - step - content {
        padding - left: 60 px;
        margin - top: -5 px
    }.mt - element - step.step - thin.active {
        background - color: #32c5d2!important}.mt-element-step .step-thin .active .mt-step-number{color:# 32 c5d2!important
    }.mt - element - step.step - thin.active.mt - step - content, .mt - element - step.step - thin.active.mt - step - title {
        color: #fff!important
    }.mt - element - step.step - thin.done {
        background - color: #26C281!important}.mt-element-step .step-thin .done .mt-step-number{color:# 26 C281!important
    }.mt - element - step.step - thin.done.mt - step - content, .mt - element - step.step - thin.done.mt - step - title {
        color: #fff!important
    }.mt - element - step.step - thin.error {
        background - color: #E7505A!important
    }.mt - element - step.step - thin.error.mt - step - number {
        color: #E7505A!important
    }.mt - element - step.step - thin.error.mt - step - content, .mt - element - step.step - thin.error.mt - step - title {
        color: #fff!important
    }.mt - element - step.step - background.mt - step - col {
        padding - top: 30 px;
        padding - bottom: 30 px;
        text - align: center;
        height: 160 px
    }.mt - element - step.step - background.mt - step - number {
        font - size: 200 px;
        position: absolute;
        bottom: 0;
        right: 0;
        line - height: .79e m;
        color: #dae1e4;
        z - index: 4
    }.mt - element - step.step - background.mt - step - content, .mt - element - step.step - background.mt - step - title {
        text - align: right;
        z - index: 5;
        position: relative;
        padding - right: 25 %
    }.mt - element - step.step - background.mt - step - title {
        font - size: 30 px;
        font - weight: 100
    }.mt - element - step.step - background.active {
        background - color: #32c5d2!important}.mt-element-step .step-background .active .mt-step-number{color:# 2 ab4c0!important
    }.mt - element - step.step - background.active.mt - step - content, .mt - element - step.step - background.active.mt - step - title {
        color: #fff!important
    }.mt - element - step.step - background.done {
        background - color: #26C281!important}.mt-element-step .step-background .done .mt-step-number{color:# 22 ad73!important
    }.mt - element - step.step - background.done.mt - step - content, .mt - element - step.step - background.done.mt - step - title {
        color: #fff!important
    }.mt - element - step.step - background.error {
        background - color: #E7505A!important
    }.mt - element - step.step - background.error.mt - step - number {
        color: #e43a45!important
    }.mt - element - step.step - background.error.mt - step - content, .mt - element - step.step - background.error.mt - step - title {
        color: #fff!important
    }.mt - element - step.step - background - thin.mt - step - col {
        padding - top: 15 px;
        padding - bottom: 15 px;
        text - align: center
    }.mt - element - step.step - background - thin.mt - step - number {
        font - size: 120 px;
        position: absolute;
        bottom: 0;
        right: 0;
        line - height: .79e m;
        color: #dae1e4;
        z - index: 4
    }.mt - element - step.step - background - thin.mt - step - title {
        font - size: 30 px;
        font - weight: 100;
        text - align: right;
        padding - right: 25 % ;
        z - index: 5;
        position: relative
    }.mt - element - step.step - background - thin.mt - step - content {
        text - align: right;
        position: relative;
        padding - right: 25 % ;
        z - index: 5
    }.mt - element - step.step - background - thin.active {
        background - color: #32c5d2!important}.mt-element-step .step-background-thin .active .mt-step-number{color:# 2 ab4c0!important
    }.mt - element - step.step - background - thin.active.mt - step - content, .mt - element - step.step - background - thin.active.mt - step - title {
        color: #fff!important
    }.mt - element - step.step - background - thin.done {
        background - color: #26C281!important}.mt-element-step .step-background-thin .done .mt-step-number{color:# 22 ad73!important
    }.mt - element - step.step - background - thin.done.mt - step - content, .mt - element - step.step - background - thin.done.mt - step - title {
        color: #fff!important
    }.mt - element - step.step - background - thin.error {
        background - color: #E7505A!important
    }.mt - element - step.step - background - thin.error.mt - step - number {
        color: #e43a45!important
    }.mt - element - step.step - background - thin.error.mt - step - content, .mt - element - step.step - background - thin.error.mt - step - title {
        color: #fff!important
    }.mt - element - step.step - no - background.mt - step - col {
        padding - top: 30 px;
        padding - bottom: 30 px;
        text - align: center
    }.mt - element - step.step - no - background.mt - step - number {
        font - size: 26 px;
        border - radius: 50 % !important;
        display: inline - block;
        margin: auto auto 20 px;
        padding: 3 px 14 px;
        border: 1 px solid# e5e5e5
    }.mt - element - step.step - no - background.mt - step - title {
        font - size: 30 px;
        font - weight: 100
    }.mt - element - step.step - no - background.active.mt - step - number {
        color: #32c5d2!important;border-color:# 32 c5d2!important;font - weight: 700
    }.mt - element - step.step - no - background.active.mt - step - content, .mt - element - step.step - no - background.active.mt - step - title {
        color: #32c5d2!important;font-weight:700}.mt-element-step .step-no-background .done .mt-step-number{color:# 26 C281!important;border - color: #26C281!important;font-weight:700}.mt-element-step .step-no-background .done .mt-step-content,.mt-element-step .step-no-background .done .mt-step-title{color:# 26 C281!important;font - weight: 700
    }.mt - element - step.step - no - background.error.mt - step - number {
        color: #E7505A!important;border - color: #E7505A!important;font - weight: 700
    }.mt - element - step.step - no - background.error.mt - step - content, .mt - element - step.step - no - background.error.mt - step - title {
        color: #E7505A!important;font - weight: 700
    }.mt - element - step.step - no - background - thin.mt - step - col {
        padding - top: 10 px;
        padding - bottom: 10 px
    }.mt - element - step.step - no - background - thin.mt - step - number {
        font - size: 26 px;
        border - radius: 50 % !important;
        float: left;
        margin: auto;
        padding: 3 px 14 px;
        border: 1 px solid# e5e5e5
    }.mt - element - step.step - no - background - thin.mt - step - title {
        font - size: 24 px;
        font - weight: 100;
        padding - left: 60 px;
        margin - top: -4 px
    }.mt - element - step.step - no - background - thin.mt - step - content {
        padding - left: 60 px;
        margin - top: -5 px
    }.mt - element - step.step - no - background - thin.active.mt - step - number {
        color: #32c5d2!important;border-color:# 32 c5d2!important;font - weight: 700
    }.mt - element - step.step - no - background - thin.active.mt - step - content, .mt - element - step.step - no - background - thin.active.mt - step - title {
        color: #32c5d2!important;font-weight:700}.mt-element-step .step-no-background-thin .done .mt-step-number{color:# 26 C281!important;border - color: #26C281!important;font-weight:700}.mt-element-step .step-no-background-thin .done .mt-step-content,.mt-element-step .step-no-background-thin .done .mt-step-title{color:# 26 C281!important;font - weight: 700
    }.mt - element - step.step - no - background - thin.error.mt - step - number {
        color: #E7505A!important;border - color: #E7505A!important;font - weight: 700
    }.mt - element - step.step - no - background - thin.error.mt - step - content, .mt - element - step.step - no - background - thin.error.mt - step - title {
        color: #E7505A!important;font - weight: 700
    }.mt - element - step.step - line.mt - step - col {
        padding: 30 px 0;text - align: center
    }.mt - element - step.step - line.mt - step - number {
        font - size: 26 px;
        border - radius: 50 % !important;
        display: inline - block;
        margin: auto auto 5 px;
        padding: 9 px;
        border: 3 px solid# e5e5e5;
        position: relative;
        z - index: 5;
        height: 60 px;
        width: 60 px;
        text - align: center
    }.mt - element - step.step - line.mt - step - number > i {
        position: relative;top: 50 % ;transform: translateY(-120 % )
    }.mt - element - step.step - line.mt - step - title {
        font - size: 20 px;
        font - weight: 400;
        position: relative
    }.mt - element - step.step - line.mt - step - title: after, .mt - element - step.step - line.mt - step - title: before {
        content: '';height: 3 px;width: 50 % ;position: absolute;background - color: #e5e5e5;top: -32 px;z - index: 4;transform: translateY(-100 % )
    }.mt - element - step.step - line.mt - step - title: after {
        left: 50 %
    }.mt - element - step.step - line.mt - step - title: before {
        right: 50 %
    }.mt - element - step.step - line.first.mt - step - title: before, .mt - element - step.step - line.last.mt - step - title: after {
        content: none
    }.mt - element - step.step - line.active.mt - step - number {
        color: #32c5d2!important;border-color:# 32 c5d2!important
    }.mt - element - step.step - line.active.mt - step - content, .mt - element - step.step - line.active.mt - step - title {
        color: #32c5d2!important}.mt-element-step .step-line .active .mt-step-title:after,.mt-element-step .step-line .active .mt-step-title:before{background-color:# 32 c5d2
    }.mt - element - step.step - line.done.mt - step - number {
        color: #26C281!important;border-color:# 26 C281!important
    }.mt - element - step.step - line.done.mt - step - content, .mt - element - step.step - line.done.mt - step - title {
        color: #26C281!important}.mt-element-step .step-line .done .mt-step-title:after,.mt-element-step .step-line .done .mt-step-title:before{background-color:# 26 C281
    }.mt - element - step.step - line.error.mt - step - number {
        color: #E7505A!important;border - color: #E7505A!important
    }.mt - element - step.step - line.error.mt - step - content, .mt - element - step.step - line.error.mt - step - title {
        color: #E7505A!important
    }.mt - element - step.step - line.error.mt - step - title: after, .mt - element - step.step - line.error.mt - step - title: before {
        background - color: #E7505A
    }
@media(max - width: 991 px) {.mt - element - step.step - line.mt - step - title: after, .mt - element - step.step - line.mt - step - title: before {
            content: none
        }
    }.mt - element - list.list -
    default.mt - list - head {
        background - position: center;
        background - size: cover;
        background - repeat: no - repeat;
        padding: 15 px
    }.mt - element - list.list -
    default.mt - list - head.list - title {
        margin: 0 0 .7e m;font - size: 18 px
    }.mt - element - list.list -
    default.mt - list - head.list - date {
        font - size: 12 px
    }.mt - element - list.list -
    default.mt - list - head.list - pending {
        margin - bottom: 10 px
    }.mt - element - list.list -
    default.mt - list - head.list - count {
        display: inline - block;padding: 3 px 7 px
    }.mt - element - list.list -
    default.mt - list - head.list - count.last {
        margin - bottom: 0
    }.mt - element - list.list -
    default.mt - list - head.list - label {
        display: inline - block;font - size: 12 px
    }.mt - element - list.list -
    default.mt - list - container {
        border - left: 1 px solid;
        border - right: 1 px solid;
        border - bottom: 1 px solid;
        border - color: #e7ecf1;
        padding: 15 px
    }.mt - element - list.list -
    default.mt - list - container.mt - list - title {
        padding - bottom: 15 px;
        font - size: 14 px;
        font - weight: 700
    }.mt - element - list.list -
    default.mt - list - container ul {
        margin - bottom: 0;
        padding: 0
    }.mt - element - list.list -
    default.mt - list - container ul > .mt - list - item {
        list - style: none;
        border - bottom: 1 px solid;
        border - color: #e7ecf1;
        padding: 25 px 0;
        min - height: 45 px
    }.mt - element - list.list -
    default.mt - list - container ul > .mt - list - item: first - child {
        padding - top: 0
    }.mt - element - list.list -
    default.mt - list - container ul > .mt - list - item: last - child {
        padding - bottom: 0;
        border: none
    }.mt - element - list.list -
    default.mt - list - container ul > .mt - list - item > .list - icon - container {
        border: 1 px solid# e7ecf1;border - radius: 50 % !important;padding: .9e m;float: left;width: 45 px;height: 45 px
    }.mt - element - list.list -
    default.mt - list - container ul > .mt - list - item > .list - icon - container > a {
        color: #34495e}.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-icon-container>a:hover{color:# 26 C281;text - decoration: none
    }.mt - element - list.list -
    default.mt - list - container ul > .mt - list - item > .list - icon - container.done {
        border - color: #26C281}.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-icon-container.done>a{color:# 26 C281
    }.mt - element - list.list -
    default.mt - list - container ul > .mt - list - item > .list - icon - container.done > a: hover {
        color: #26C281;text-decoration:none}.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-item-content{padding:0 75px 0 60px}.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-item-content>h3{margin-top:0;margin-bottom:5px;font-size:16px}.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-item-content>h3>a{color:# 34495e
    }.mt - element - list.list -
    default.mt - list - container ul > .mt - list - item > .list - item - content > h3 > a: hover {
        color: #26C281;text-decoration:none}.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-item-content>p{margin:0}.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-datetime{text-align:right;float:right;width:60px}.mt-element-list .list-default.ext-1.mt-list-container{padding:15px 0 0}.mt-element-list .list-default.ext-1.mt-list-container .mt-list-title{padding:0 15px 15px}.mt-element-list .list-default.ext-1.mt-list-container ul>.mt-list-item{padding:15px;border-left:3px solid;border-color:# 2 F353B #2F353B # e7ecf1
    }.mt - element - list.list -
    default.ext - 1. mt - list - container ul > .mt - list - item: hover {
        background - color: #e5e5e5
    }.mt - element - list.list -
    default.ext - 1. mt - list - container ul > .mt - list - item.done {
        border - color: #26C281 # 26 C281# e7ecf1
    }.mt - element - list.list -
    default.ext - 1. mt - list - container ul > .mt - list - item.done: hover {
        background - color: #96ebc8}.mt-element-list .list-default.ext-1.mt-list-container ul>.mt-list-item>.list-icon-container{border:none}.mt-element-list .list-default.group .list-toggle-container:active,.mt-element-list .list-default.group .list-toggle-container:focus,.mt-element-list .list-default.group .list-toggle-container:hover{text-decoration:none}.mt-element-list .list-default.group .list-toggle-container .list-toggle{padding:15px;background-color:# 2 F353B;
        font - weight: 700;
        color: #fff;
        text - decoration: none
    }.mt - element - list.list -
    default.group.list - toggle - container.list - toggle.done {
        background - color: #26C281}.mt-element-list .list-simple.mt-list-container{border-left:1px solid;border-right:1px solid;border-bottom:1px solid;border-color:# e7ecf1;
        padding: 15 px
    }.mt - element - list.list - simple.mt - list - container ul {
        margin - bottom: 0;
        padding: 0
    }.mt - element - list.list - simple.mt - list - container ul > .mt - list - item {
        list - style: none;
        border - bottom: 1 px solid;
        border - color: #e7ecf1;
        padding: 15 px 0
    }.mt - element - list.list - simple.mt - list - container ul > .mt - list - item: first - child {
        padding - top: 0
    }.mt - element - list.list - simple.mt - list - container ul > .mt - list - item: last - child {
        padding - bottom: 0;
        border: none
    }.mt - element - list.list - simple.mt - list - container ul > .mt - list - item > .list - icon - container {
        font - size: 14 px;
        float: left
    }.mt - element - list.list - simple.mt - list - container ul > .mt - list - item > .list - icon - container > a {
        color: #34495e}.mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-icon-container>a:hover{color:# 26 C281;text - decoration: none
    }.mt - element - list.list - simple.mt - list - container ul > .mt - list - item > .list - icon - container.done, .mt - element - list.list - simple.mt - list - container ul > .mt - list - item > .list - icon - container.done > a {
        color: #26C281}.mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-icon-container.done>a:hover{color:# 26 C281;text - decoration: none
    }.mt - element - list.list - simple.mt - list - container ul > .mt - list - item > .list - item - content {
        padding: 0 75 px 0 60 px
    }.mt - element - list.list - simple.mt - list - container ul > .mt - list - item > .list - item - content > h3 {
        margin: 0;font - size: 18 px
    }.mt - element - list.list - simple.mt - list - container ul > .mt - list - item > .list - item - content > h3 > a {
        color: #34495e}.mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-item-content>h3>a:hover{color:# 26 C281;text - decoration: none
    }.mt - element - list.list - simple.mt - list - container ul > .mt - list - item > .list - datetime {
        text - align: right;
        float: right;
        width: 60 px
    }.mt - element - list.list - simple.mt - list - head {
        padding: 15 px
    }.mt - element - list.list - simple.mt - list - head.list - title {
        margin: 0;padding - right: 85 px
    }.mt - element - list.list - simple.mt - list - head.list - date {
        font - size: 12 px;
        opacity: .8;
        float: right;
        width: 75 px
    }.mt - element - list.list - simple.ext - 1. mt - list - container {
        padding: 0
    }.mt - element - list.list - simple.ext - 1. mt - list - container ul > .mt - list - item {
        padding: 15 px;border - left: 3 px solid;border - color: #34495e # 34495e# e7ecf1
    }.mt - element - list.list - simple.ext - 1. mt - list - container ul > .mt - list - item: hover {
        background - color: #e5e5e5
    }.mt - element - list.list - simple.ext - 1. mt - list - container ul > .mt - list - item.done {
        border - color: #26C281 # 26 C281# e7ecf1
    }.mt - element - list.list - simple.ext - 1. mt - list - container ul > .mt - list - item.done: hover {
        background - color: #96ebc8}.mt-element-list .list-simple.group .list-toggle-container:active,.mt-element-list .list-simple.group .list-toggle-container:focus,.mt-element-list .list-simple.group .list-toggle-container:hover{text-decoration:none}.mt-element-list .list-simple.group .list-toggle-container .list-toggle{padding:15px;background-color:# 34495e;
        font - weight: 700;
        color: #fff;
        text - decoration: none
    }.mt - element - list.list - simple.group.list - toggle - container.list - toggle.done {
        background - color: #26C281}.mt-element-list .list-news.ext-1.mt-list-container ul>.mt-list-item:hover,.mt-element-list .list-news.ext-2.mt-list-container ul>.mt-list-item:hover{background-color:# e5e5e5
    }.mt - element - list.list - news.mt - list - head {
        padding: 15 px;text - align: center
    }.mt - element - list.list - news.mt - list - head.list - title {
        margin: 0
    }.mt - element - list.list - news.mt - list - head.badge {
        margin - top: 5 px
    }.mt - element - list.list - news.mt - list - container {
        border - left: 1 px solid;
        border - right: 1 px solid;
        border - bottom: 1 px solid;
        border - color: #e7ecf1;
        padding: 15 px 0
    }.mt - element - list.list - news.mt - list - container ul {
        margin - bottom: 0;
        padding: 0
    }.mt - element - list.list - news.mt - list - container ul > .mt - list - item {
        list - style: none;
        border - bottom: 1 px solid;
        border - color: #e7ecf1;
        padding: 15 px;
        position: relative
    }.mt - element - list.list - news.mt - list - container ul > .mt - list - item: first - child {
        padding - top: 0
    }.mt - element - list.list - news.mt - list - container ul > .mt - list - item: last - child {
        padding - bottom: 0;
        border: none
    }.mt - element - list.list - news.mt - list - container ul > .mt - list - item > .list - icon - container {
        font - size: 20 px;
        position: absolute;
        right: 5 px;
        top: 50 % ;
        margin - top: -10 px
    }.mt - element - list.list - news.mt - list - container ul > .mt - list - item > .list - icon - container a {
        color: #2f353b}.mt-element-list .list-news.mt-list-container ul>.mt-list-item>.list-icon-container a:hover{color:# 32 c5d2
    }.mt - element - list.list - news.mt - list - container ul > .mt - list - item > .list - item - content {
        padding: 0 25 px 0 0
    }.mt - element - list.list - news.mt - list - container ul > .mt - list - item > .list - item - content > h3 {
        margin: 0 0 10 px;font - size: 18 px
    }.mt - element - list.list - news.mt - list - container ul > .mt - list - item > .list - item - content > h3 > a {
        color: #34495e}.mt-element-list .list-news.mt-list-container ul>.mt-list-item>.list-item-content>h3>a:hover{color:# 32 c5d2;text - decoration: none
    }.mt - element - list.list - news.mt - list - container ul > .mt - list - item > .list - datetime {
        margin - bottom: 10 px
    }.mt - element - list.list - news.ext - 1. mt - list - head {
        position: relative;text - align: left
    }.mt - element - list.list - news.ext - 1. mt - list - head.list - count {
        position: absolute;right: 0;top: 0;height: 100 % ;padding: 19 px
    }.mt - element - list.list - news.ext - 1.list - thumb {
        width: 80 px;height: 80 px;overflow: hidden;float: left
    }.mt - element - list.list - news.ext - 1.list - thumb img {
        width: 100 %
    }.mt - element - list.list - news.ext - 1. mt - list - container {
        padding: 0
    }.mt - element - list.list - news.ext - 1. mt - list - container ul > .mt - list - item {
        padding: 15 px
    }.mt - element - list.list - news.ext - 1. mt - list - container ul > .mt - list - item > .list - datetime, .mt - element - list.list - news.ext - 1. mt - list - container ul > .mt - list - item > .list - item - content {
        padding - left: 90 px
    }.mt - element - list.list - news.ext - 1. mt - list - container ul > .mt - list - item: last - child {
        padding - bottom: 15 px
    }.mt - element - list.list - news.ext - 2. mt - list - head {
        position: relative;text - align: left
    }.mt - element - list.list - news.ext - 2. mt - list - head.list - count {
        position: absolute;right: 0;top: 0;height: 100 % ;padding: 19 px
    }.mt - element - list.list - news.ext - 2.list - thumb {
        width: 80 px;height: 80 px;overflow: hidden;float: left
    }.mt - element - list.list - news.ext - 2.list - thumb img {
        width: 100 %
    }.mt - element - list.list - news.ext - 2. mt - list - container {
        padding: 0
    }.mt - element - list.list - news.ext - 2. mt - list - container ul > .mt - list - item {
        padding: 15 px
    }.mt - element - list.list - news.ext - 2. mt - list - container ul > .mt - list - item > .list - datetime, .mt - element - list.list - news.ext - 2. mt - list - container ul > .mt - list - item > .list - item - content {
        padding - left: 90 px
    }.mt - element - list.list - news.ext - 2. mt - list - container ul > .mt - list - item > .list - item - content > h3 {
        font - size: 16 px
    }.mt - element - list.list - news.ext - 2. mt - list - container ul > .mt - list - item > .list - item - content > h3 > a: hover {
        color: #F2784B
    }.mt - element - list.list - news.ext - 2. mt - list - container ul > .mt - list - item: last - child {
        padding - bottom: 15 px
    }.mt - element - list.list - todo.mt - list - head {
        padding: 15 px;position: relative
    }.mt - element - list.list - todo.mt - list - head.list - title {
        margin: 0
    }.mt - element - list.list - todo.mt - list - head.list - head - count {
        margin - top: 5 px
    }.mt - element - list.list - todo.mt - list - head.list - head - count > .list - head - count - item {
        display: inline - block;margin - right: 15 px
    }.mt - element - list.list - todo.mt - list - head.list - count {
        position: absolute;top: 0;right: 0;padding: 29 px;font - size: 16 px
    }.mt - element - list.list - todo.mt - list - head a {
        color: #fff
    }.mt - element - list.list - todo.mt - list - head a: hover {
        text - decoration: none
    }.mt - element - list.list - todo.mt - list - container {
        border - left: 1 px solid;
        border - right: 1 px solid;
        border - bottom: 1 px solid;
        border - color: #e7ecf1;
        position: relative
    }.mt - element - list.list - todo.mt - list - container.list - todo - line {
        position: absolute;z - index: 1;height: 100 % ;width: 1 px;top: 0;left: 25 px;border - left: 1 px solid;border - color: #e7ecf1
    }.mt - element - list.list - todo.mt - list - container ul {
        margin - bottom: 0;
        padding: 0;
        position: relative;
        z - index: 5
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item {
        list - style: none;
        border - bottom: 1 px solid;
        border - bottom - style: dashed;
        border - color: #e7ecf1;
        padding: 15 px;
        position: relative
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item: last - child {
        border: none
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - icon {
        display: inline - block;margin - top: .7e m;padding: .7e m 0;vertical - align: top
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - item {
        margin - left: 15 px;
        display: inline - block;
        vertical - align: top;
        width: 90 % ;
        position: relative
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - item: after {
        right: 100 % ;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer - events: none;border - color: rgba(47, 53, 59, 0);border - right - color: #2f353b;border-width:8px;top:18px}.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item>.list-toggle-container:active,.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item>.list-toggle-container:focus,.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item>.list-toggle-container:hover{text-decoration:none}.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item>.list-toggle-container .list-toggle{padding:15px}.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item>.list-toggle-container .list-toggle>.list-toggle-title{display:inline-block}.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list{border:1px solid # e7ecf1;padding: 0;margin: 0;position: relative;border - top: none;border - bottom: none
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - item.task - list.task - list - item {
        list - style: none;
        padding: 15 px;
        border - bottom: 1 px solid;
        border - color: #e7ecf1
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - item.task - list.task - list - item a {
        color: #2f353b}.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-list-item a:hover{text-decoration:none;color:# e43a45
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - item.task - list.task - list - item: last - child {
        border - bottom: none
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - item.task - list.task - list - item > .task - icon {
        float: left
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - item.task - list.task - list - item > .task - content {
        padding: 0 45 px 0 35 px
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - item.task - list.task - list - item > .task - content > h4 {
        margin - top: 0;
        font - size: 14 px
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - item.task - list.task - list - item > .task - content > p {
        font - size: 13 px;
        margin: 0
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - item.task - list.task - list - item > .task - status {
        float: right
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - item.task - list.task - list - item > .task - status a {
        color: #e5e5e5
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - item.task - list.task - list - item > .task - status.done: hover {
        color: #26C281}.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-list-item>.task-status .pending:hover{color:# e43a45
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - item.task - list.task - list - item.done > .task - status.done {
        color: #26C281}.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-footer{padding:15px;text-align:center}.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list .task-footer a{color:# 2 f353b
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - item.task - list.task - footer a: hover {
        text - decoration: none
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - item.task - list.task - footer a.task - trash: hover {
        color: #e43a45
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - todo - item.task - list.task - footer a.task - add: hover {
        color: #26C281}.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-icon-container{font-size:20px;position:absolute;right:5px;top:50%;margin-top:-10px}.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-icon-container a{color:# 2 f353b
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - icon - container a: hover {
        color: #32c5d2}.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-item-content{padding:0 25px 0 0}.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-item-content>h3{margin:0 0 10px;font-size:18px}.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-item-content>h3>a{color:# 34495e
    }.mt - element - list.list - todo.mt - list - container ul > .mt - list - item > .list - item - content > h3 > a: hover {
        color: #32c5d2;text-decoration:none}.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-datetime{margin-bottom:10px}.mt-element-list .list-default.mt-list-head.white,.mt-element-list .list-default.mt-list-head.white .badge{background-color:# fff;color: #666}.mt-element-list .list-default.mt-list-head.white.ext-1 .badge{background-color:# e6e6e6
    }.mt - element - list.list -
    default.mt - list - head.white.list - date, .mt - element - list.list -
    default.mt - list - head.white.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.white, .mt - element - list.list - todo.mt - list - head.white {
        background - color: #fff;
        color: #666}.mt-element-list .list-todo .list-count.white:hover{background-color:# f2f2f2
    }.mt - element - list.list - todo.list - todo - line.white {
        border - color: #fff
    }.mt - element - list.list - todo.list - todo - item.white: after {
        border - right - color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.white.list - toggle {
        background: #fff;color: #666!important}.mt-element-list .list-todo .list-todo-item.white .list-toggle>.badge{color:# fff;background: #666}.mt-element-list .list-default.mt-list-head.default{background-color:# e1e5ec;color: #666}.mt-element-list .list-default.mt-list-head.default .badge{background-color:# fff;color: #666}.mt-element-list .list-default.mt-list-head.default.ext-1 .badge{background-color:# c2cad8
    }.mt - element - list.list -
    default.mt - list - head.default.list - date, .mt - element - list.list -
    default.mt - list - head.default.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.default, .mt - element - list.list - todo.mt - list - head.default {
        background - color: #e1e5ec;
        color: #666}.mt-element-list .list-todo .list-count.default:hover{background-color:# d1d7e2
    }.mt - element - list.list - todo.list - todo - line.default {
        border - color: #e1e5ec
    }.mt - element - list.list - todo.list - todo - item.default: after {
        border - right - color: #e1e5ec!important
    }.mt - element - list.list - todo.list - todo - item.default.list - toggle {
        background: #e1e5ec;color: #666!important}.mt-element-list .list-todo .list-todo-item.default .list-toggle>.badge{color:# e1e5ec;background: #666}.mt-element-list .list-default.mt-list-head.dark{background-color:# 2 f353b;color: #FFF
    }.mt - element - list.list -
    default.mt - list - head.dark.badge {
        background - color: #464f57;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.dark.ext - 1.badge {
        background - color: #181c1f}.mt-element-list .list-default.mt-list-head.dark .list-date,.mt-element-list .list-default.mt-list-head.dark .list-label{color:# acb5bd
    }.mt - element - list.list - todo.list - count.dark, .mt - element - list.list - todo.mt - list - head.dark {
        background - color: #2f353b;color:# FFF
    }.mt - element - list.list - todo.list - count.dark: hover {
        background - color: #24282d}.mt-element-list .list-todo .list-todo-line.dark{border-color:# 2 f353b
    }.mt - element - list.list - todo.list - todo - item.dark: after {
        border - right - color: #2f353b!important}.mt-element-list .list-todo .list-todo-item.dark .list-toggle{background:# 2 f353b;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.dark.list - toggle > .badge {
        color: #2f353b;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue {
        background - color: #3598dc;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue.badge {
        background - color: #60aee4;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue.ext - 1.badge {
        background - color: #217ebd}.mt-element-list .list-default.mt-list-head.blue .list-date,.mt-element-list .list-default.mt-list-head.blue .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.blue, .mt - element - list.list - todo.mt - list - head.blue {
        background - color: #3598dc;color:# FFF
    }.mt - element - list.list - todo.list - count.blue: hover {
        background - color: #258cd3}.mt-element-list .list-todo .list-todo-line.blue{border-color:# 3598 dc
    }.mt - element - list.list - todo.list - todo - item.blue: after {
        border - right - color: #3598dc!important}.mt-element-list .list-todo .list-todo-item.blue .list-toggle{background:# 3598 dc;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.blue.list - toggle > .badge {
        color: #3598dc;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - madison {
        background - color: #578ebe;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - madison.badge {
        background - color: #7ca7cc;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - madison.ext - 1.badge {
        background - color: #3f74a3}.mt-element-list .list-default.mt-list-head.blue-madison .list-date,.mt-element-list .list-default.mt-list-head.blue-madison .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.blue - madison, .mt - element - list.list - todo.mt - list - head.blue - madison {
        background - color: #578ebe;color:# FFF
    }.mt - element - list.list - todo.list - count.blue - madison: hover {
        background - color: #4682b5}.mt-element-list .list-todo .list-todo-line.blue-madison{border-color:# 578e be
    }.mt - element - list.list - todo.list - todo - item.blue - madison: after {
        border - right - color: #578ebe!important}.mt-element-list .list-todo .list-todo-item.blue-madison .list-toggle{background:# 578e be;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.blue - madison.list - toggle > .badge {
        color: #578ebe;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - chambray {
        background - color: #2C3E50;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - chambray.badge {
        background - color: #3e5871;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - chambray.ext - 1.badge {
        background - color: #1a252f}.mt-element-list .list-default.mt-list-head.blue-chambray .list-date,.mt-element-list .list-default.mt-list-head.blue-chambray .list-label{color:# aabed1
    }.mt - element - list.list - todo.list - count.blue - chambray, .mt - element - list.list - todo.mt - list - head.blue - chambray {
        background - color: #2C3E50;color:# FFF
    }.mt - element - list.list - todo.list - count.blue - chambray: hover {
        background - color: #233140}.mt-element-list .list-todo .list-todo-line.blue-chambray{border-color:# 2 C3E50
    }.mt - element - list.list - todo.list - todo - item.blue - chambray: after {
        border - right - color: #2C3E50!important}.mt-element-list .list-todo .list-todo-item.blue-chambray .list-toggle{background:# 2 C3E50;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.blue - chambray.list - toggle > .badge {
        color: #2C3E50;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - ebonyclay {
        background - color: #22313F;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - ebonyclay.badge {
        background - color: #344b60;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - ebonyclay.ext - 1.badge {
        background - color: #10171e}.mt-element-list .list-default.mt-list-head.blue-ebonyclay .list-date,.mt-element-list .list-default.mt-list-head.blue-ebonyclay .list-label{color:# 98 b1c8
    }.mt - element - list.list - todo.list - count.blue - ebonyclay, .mt - element - list.list - todo.mt - list - head.blue - ebonyclay {
        background - color: #22313F;color:# FFF
    }.mt - element - list.list - todo.list - count.blue - ebonyclay: hover {
        background - color: #19242e}.mt-element-list .list-todo .list-todo-line.blue-ebonyclay{border-color:# 22313 F
    }.mt - element - list.list - todo.list - todo - item.blue - ebonyclay: after {
        border - right - color: #22313F!important}.mt-element-list .list-todo .list-todo-item.blue-ebonyclay .list-toggle{background:# 22313 F;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.blue - ebonyclay.list - toggle > .badge {
        color: #22313F;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - hoki {
        background - color: #67809F;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - hoki.badge {
        background - color: #869ab3;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - hoki.ext - 1.badge {
        background - color: #526781}.mt-element-list .list-default.mt-list-head.blue-hoki .list-date,.mt-element-list .list-default.mt-list-head.blue-hoki .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.blue - hoki, .mt - element - list.list - todo.mt - list - head.blue - hoki {
        background - color: #67809F;color:# FFF
    }.mt - element - list.list - todo.list - count.blue - hoki: hover {
        background - color: #5c7391}.mt-element-list .list-todo .list-todo-line.blue-hoki{border-color:# 67809 F
    }.mt - element - list.list - todo.list - todo - item.blue - hoki: after {
        border - right - color: #67809F!important}.mt-element-list .list-todo .list-todo-item.blue-hoki .list-toggle{background:# 67809 F;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.blue - hoki.list - toggle > .badge {
        color: #67809F;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - steel {
        background - color: #4B77BE;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - steel.badge {
        background - color: #7093cc;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - steel.ext - 1.badge {
        background - color: #395f9d}.mt-element-list .list-default.mt-list-head.blue-steel .list-date,.mt-element-list .list-default.mt-list-head.blue-steel .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.blue - steel, .mt - element - list.list - todo.mt - list - head.blue - steel {
        background - color: #4B77BE;color:# FFF
    }.mt - element - list.list - todo.list - count.blue - steel: hover {
        background - color: #406bb0}.mt-element-list .list-todo .list-todo-line.blue-steel{border-color:# 4 B77BE
    }.mt - element - list.list - todo.list - todo - item.blue - steel: after {
        border - right - color: #4B77BE!important}.mt-element-list .list-todo .list-todo-item.blue-steel .list-toggle{background:# 4 B77BE;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.blue - steel.list - toggle > .badge {
        color: #4B77BE;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - soft {
        background - color: #4c87b9;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - soft.badge {
        background - color: #71a0c7;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - soft.ext - 1.badge {
        background - color: #3b6d97}.mt-element-list .list-default.mt-list-head.blue-soft .list-date,.mt-element-list .list-default.mt-list-head.blue-soft .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.blue - soft, .mt - element - list.list - todo.mt - list - head.blue - soft {
        background - color: #4c87b9;color:# FFF
    }.mt - element - list.list - todo.list - count.blue - soft: hover {
        background - color: #427aa9}.mt-element-list .list-todo .list-todo-line.blue-soft{border-color:# 4 c87b9
    }.mt - element - list.list - todo.list - todo - item.blue - soft: after {
        border - right - color: #4c87b9!important}.mt-element-list .list-todo .list-todo-item.blue-soft .list-toggle{background:# 4 c87b9;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.blue - soft.list - toggle > .badge {
        color: #4c87b9;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - dark {
        background - color: #5e738b;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - dark.badge {
        background - color: #788da4;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - dark.ext - 1.badge {
        background - color: #495a6d}.mt-element-list .list-default.mt-list-head.blue-dark .list-date,.mt-element-list .list-default.mt-list-head.blue-dark .list-label{color:# f2f4f6
    }.mt - element - list.list - todo.list - count.blue - dark, .mt - element - list.list - todo.mt - list - head.blue - dark {
        background - color: #5e738b;color:# FFF
    }.mt - element - list.list - todo.list - count.blue - dark: hover {
        background - color: #54667c}.mt-element-list .list-todo .list-todo-line.blue-dark{border-color:# 5e738 b
    }.mt - element - list.list - todo.list - todo - item.blue - dark: after {
        border - right - color: #5e738b!important}.mt-element-list .list-todo .list-todo-item.blue-dark .list-toggle{background:# 5e738 b;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.blue - dark.list - toggle > .badge {
        color: #5e738b;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - sharp {
        background - color: #5C9BD1;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - sharp.badge {
        background - color: #84b3dc;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - sharp.ext - 1.badge {
        background - color: #3782c3}.mt-element-list .list-default.mt-list-head.blue-sharp .list-date,.mt-element-list .list-default.mt-list-head.blue-sharp .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.blue - sharp, .mt - element - list.list - todo.mt - list - head.blue - sharp {
        background - color: #5C9BD1;color:# FFF
    }.mt - element - list.list - todo.list - count.blue - sharp: hover {
        background - color: #488fcb}.mt-element-list .list-todo .list-todo-line.blue-sharp{border-color:# 5 C9BD1
    }.mt - element - list.list - todo.list - todo - item.blue - sharp: after {
        border - right - color: #5C9BD1!important}.mt-element-list .list-todo .list-todo-item.blue-sharp .list-toggle{background:# 5 C9BD1;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.blue - sharp.list - toggle > .badge {
        color: #5C9BD1;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - oleo {
        background - color: #94A0B2;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - oleo.badge {
        background - color: #b2bac7;
        color: #FFF
    }.mt - element - list.list -
    default.mt - list - head.blue - oleo.ext - 1.badge {
        background - color: #76869d}.mt-element-list .list-default.mt-list-head.blue-oleo .list-date,.mt-element-list .list-default.mt-list-head.blue-oleo .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.blue - oleo, .mt - element - list.list - todo.mt - list - head.blue - oleo {
        background - color: #94A0B2;color:# FFF
    }.mt - element - list.list - todo.list - count.blue - oleo: hover {
        background - color: #8593a7}.mt-element-list .list-todo .list-todo-line.blue-oleo{border-color:# 94 A0B2
    }.mt - element - list.list - todo.list - todo - item.blue - oleo: after {
        border - right - color: #94A0B2!important}.mt-element-list .list-todo .list-todo-item.blue-oleo .list-toggle{background:# 94 A0B2;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.blue - oleo.list - toggle > .badge {
        color: #94A0B2;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green {
        background - color: #32c5d2;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green.badge {
        background - color: #5cd1db;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green.ext - 1.badge {
        background - color: #26a1ab}.mt-element-list .list-default.mt-list-head.green .list-date,.mt-element-list .list-default.mt-list-head.green .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.green, .mt - element - list.list - todo.mt - list - head.green {
        background - color: #32c5d2;color:# FFF
    }.mt - element - list.list - todo.list - count.green: hover {
        background - color: #2ab4c0}.mt-element-list .list-todo .list-todo-line.green{border-color:# 32 c5d2
    }.mt - element - list.list - todo.list - todo - item.green: after {
        border - right - color: #32c5d2!important}.mt-element-list .list-todo .list-todo-item.green .list-toggle{background:# 32 c5d2;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.green.list - toggle > .badge {
        color: #32c5d2;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - meadow {
        background - color: #1BBC9B;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - meadow.badge {
        background - color: #2ae0bb;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - meadow.ext - 1.badge {
        background - color: #158f76}.mt-element-list .list-default.mt-list-head.green-meadow .list-date,.mt-element-list .list-default.mt-list-head.green-meadow .list-label{color:# dcfaf4
    }.mt - element - list.list - todo.list - count.green - meadow, .mt - element - list.list - todo.mt - list - head.green - meadow {
        background - color: #1BBC9B;color:# FFF
    }.mt - element - list.list - todo.list - count.green - meadow: hover {
        background - color: #18a689}.mt-element-list .list-todo .list-todo-line.green-meadow{border-color:# 1 BBC9B
    }.mt - element - list.list - todo.list - todo - item.green - meadow: after {
        border - right - color: #1BBC9B!important}.mt-element-list .list-todo .list-todo-item.green-meadow .list-toggle{background:# 1 BBC9B;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.green - meadow.list - toggle > .badge {
        color: #1BBC9B;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - seagreen {
        background - color: #1BA39C;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - seagreen.badge {
        background - color: #22cfc6;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - seagreen.ext - 1.badge {
        background - color: #147772}.mt-element-list .list-default.mt-list-head.green-seagreen .list-date,.mt-element-list .list-default.mt-list-head.green-seagreen .list-label{color:# c7f6f3
    }.mt - element - list.list - todo.list - count.green - seagreen, .mt - element - list.list - todo.mt - list - head.green - seagreen {
        background - color: #1BA39C;color:# FFF
    }.mt - element - list.list - todo.list - count.green - seagreen: hover {
        background - color: #178d87}.mt-element-list .list-todo .list-todo-line.green-seagreen{border-color:# 1 BA39C
    }.mt - element - list.list - todo.list - todo - item.green - seagreen: after {
        border - right - color: #1BA39C!important}.mt-element-list .list-todo .list-todo-item.green-seagreen .list-toggle{background:# 1 BA39C;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.green - seagreen.list - toggle > .badge {
        color: #1BA39C;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - turquoise {
        background - color: #36D7B7;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - turquoise.badge {
        background - color: #61dfc6;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - turquoise.ext - 1.badge {
        background - color: #24b699}.mt-element-list .list-default.mt-list-head.green-turquoise .list-date,.mt-element-list .list-default.mt-list-head.green-turquoise .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.green - turquoise, .mt - element - list.list - todo.mt - list - head.green - turquoise {
        background - color: #36D7B7;color:# FFF
    }.mt - element - list.list - todo.list - count.green - turquoise: hover {
        background - color: #28cbab}.mt-element-list .list-todo .list-todo-line.green-turquoise{border-color:# 36 D7B7
    }.mt - element - list.list - todo.list - todo - item.green - turquoise: after {
        border - right - color: #36D7B7!important}.mt-element-list .list-todo .list-todo-item.green-turquoise .list-toggle{background:# 36 D7B7;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.green - turquoise.list - toggle > .badge {
        color: #36D7B7;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - haze {
        background - color: #44b6ae;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - haze.badge {
        background - color: #67c6bf;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - haze.ext - 1.badge {
        background - color: #36918b}.mt-element-list .list-default.mt-list-head.green-haze .list-date,.mt-element-list .list-default.mt-list-head.green-haze .list-label{color:# fbfefd
    }.mt - element - list.list - todo.list - count.green - haze, .mt - element - list.list - todo.mt - list - head.green - haze {
        background - color: #44b6ae;color:# FFF
    }.mt - element - list.list - todo.list - count.green - haze: hover {
        background - color: #3da39c}.mt-element-list .list-todo .list-todo-line.green-haze{border-color:# 44 b6ae
    }.mt - element - list.list - todo.list - todo - item.green - haze: after {
        border - right - color: #44b6ae!important}.mt-element-list .list-todo .list-todo-item.green-haze .list-toggle{background:# 44 b6ae;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.green - haze.list - toggle > .badge {
        color: #44b6ae;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - jungle {
        background - color: #26C281;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - jungle.badge {
        background - color: #41da9a;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - jungle.ext - 1.badge {
        background - color: #1e9765}.mt-element-list .list-default.mt-list-head.green-jungle .list-date,.mt-element-list .list-default.mt-list-head.green-jungle .list-label{color:# ecfbf5
    }.mt - element - list.list - todo.list - count.green - jungle, .mt - element - list.list - todo.mt - list - head.green - jungle {
        background - color: #26C281;color:# FFF
    }.mt - element - list.list - todo.list - count.green - jungle: hover {
        background - color: #22ad73}.mt-element-list .list-todo .list-todo-line.green-jungle{border-color:# 26 C281
    }.mt - element - list.list - todo.list - todo - item.green - jungle: after {
        border - right - color: #26C281!important}.mt-element-list .list-todo .list-todo-item.green-jungle .list-toggle{background:# 26 C281;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.green - jungle.list - toggle > .badge {
        color: #26C281;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - soft {
        background - color: #3faba4;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - soft.badge {
        background - color: #5bc2bc;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - soft.ext - 1.badge {
        background - color: #318680}.mt-element-list .list-default.mt-list-head.green-soft .list-date,.mt-element-list .list-default.mt-list-head.green-soft .list-label{color:# f0f9f9
    }.mt - element - list.list - todo.list - count.green - soft, .mt - element - list.list - todo.mt - list - head.green - soft {
        background - color: #3faba4;color:# FFF
    }.mt - element - list.list - todo.list - count.green - soft: hover {
        background - color: #389892}.mt-element-list .list-todo .list-todo-line.green-soft{border-color:# 3 faba4
    }.mt - element - list.list - todo.list - todo - item.green - soft: after {
        border - right - color: #3faba4!important}.mt-element-list .list-todo .list-todo-item.green-soft .list-toggle{background:# 3 faba4;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.green - soft.list - toggle > .badge {
        color: #3faba4;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - dark {
        background - color: #4DB3A2;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - dark.badge {
        background - color: #71c2b5;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - dark.ext - 1.badge {
        background - color: #3d9082}.mt-element-list .list-default.mt-list-head.green-dark .list-date,.mt-element-list .list-default.mt-list-head.green-dark .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.green - dark, .mt - element - list.list - todo.mt - list - head.green - dark {
        background - color: #4DB3A2;color:# FFF
    }.mt - element - list.list - todo.list - count.green - dark: hover {
        background - color: #45a292}.mt-element-list .list-todo .list-todo-line.green-dark{border-color:# 4 DB3A2
    }.mt - element - list.list - todo.list - todo - item.green - dark: after {
        border - right - color: #4DB3A2!important}.mt-element-list .list-todo .list-todo-item.green-dark .list-toggle{background:# 4 DB3A2;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.green - dark.list - toggle > .badge {
        color: #4DB3A2;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - sharp {
        background - color: #2ab4c0;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - sharp.badge {
        background - color: #46cbd7;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - sharp.ext - 1.badge {
        background - color: #218d96}.mt-element-list .list-default.mt-list-head.green-sharp .list-date,.mt-element-list .list-default.mt-list-head.green-sharp .list-label{color:# eefafb
    }.mt - element - list.list - todo.list - count.green - sharp, .mt - element - list.list - todo.mt - list - head.green - sharp {
        background - color: #2ab4c0;color:# FFF
    }.mt - element - list.list - todo.list - count.green - sharp: hover {
        background - color: #25a0ab}.mt-element-list .list-todo .list-todo-line.green-sharp{border-color:# 2 ab4c0
    }.mt - element - list.list - todo.list - todo - item.green - sharp: after {
        border - right - color: #2ab4c0!important}.mt-element-list .list-todo .list-todo-item.green-sharp .list-toggle{background:# 2 ab4c0;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.green - sharp.list - toggle > .badge {
        color: #2ab4c0;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - steel {
        background - color: #29b4b6;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - steel.badge {
        background - color: #3ed1d4;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.green - steel.ext - 1.badge {
        background - color: #208b8c}.mt-element-list .list-default.mt-list-head.green-steel .list-date,.mt-element-list .list-default.mt-list-head.green-steel .list-label{color:# e5f9f9
    }.mt - element - list.list - todo.list - count.green - steel, .mt - element - list.list - todo.mt - list - head.green - steel {
        background - color: #29b4b6;color:# FFF
    }.mt - element - list.list - todo.list - count.green - steel: hover {
        background - color: #249fa1}.mt-element-list .list-todo .list-todo-line.green-steel{border-color:# 29 b4b6
    }.mt - element - list.list - todo.list - todo - item.green - steel: after {
        border - right - color: #29b4b6!important}.mt-element-list .list-todo .list-todo-item.green-steel .list-toggle{background:# 29 b4b6;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.green - steel.list - toggle > .badge {
        color: #29b4b6;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.grey {
        background - color: #E5E5E5;
        color: #333}.mt-element-list .list-default.mt-list-head.grey .badge{background-color:# fff;
        color: #333}.mt-element-list .list-default.mt-list-head.grey.ext-1 .badge{background-color:# ccc
    }.mt - element - list.list -
    default.mt - list - head.grey.list - date, .mt - element - list.list -
    default.mt - list - head.grey.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.grey, .mt - element - list.list - todo.mt - list - head.grey {
        background - color: #E5E5E5;
        color: #333}.mt-element-list .list-todo .list-count.grey:hover{background-color:# d8d8d8
    }.mt - element - list.list - todo.list - todo - line.grey {
        border - color: #E5E5E5
    }.mt - element - list.list - todo.list - todo - item.grey: after {
        border - right - color: #E5E5E5!important
    }.mt - element - list.list - todo.list - todo - item.grey.list - toggle {
        background: #E5E5E5;color: #333!important}.mt-element-list .list-todo .list-todo-item.grey .list-toggle>.badge{color:# E5E5E5;background: #333}.mt-element-list .list-default.mt-list-head.grey-steel{background-color:# e9edef;color: #80898e}.mt-element-list .list-default.mt-list-head.grey-steel .badge{background-color:# fff;color: #80898e}.mt-element-list .list-default.mt-list-head.grey-steel.ext-1 .badge{background-color:# cbd5da
    }.mt - element - list.list -
    default.mt - list - head.grey - steel.list - date, .mt - element - list.list -
    default.mt - list - head.grey - steel.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.grey - steel, .mt - element - list.list - todo.mt - list - head.grey - steel {
        background - color: #e9edef;
        color: #80898e}.mt-element-list .list-todo .list-count.grey-steel:hover{background-color:# dae1e4
    }.mt - element - list.list - todo.list - todo - line.grey - steel {
        border - color: #e9edef
    }.mt - element - list.list - todo.list - todo - item.grey - steel: after {
        border - right - color: #e9edef!important
    }.mt - element - list.list - todo.list - todo - item.grey - steel.list - toggle {
        background: #e9edef;color: #80898e!important}.mt-element-list .list-todo .list-todo-item.grey-steel .list-toggle>.badge{color:# e9edef;background: #80898e}.mt-element-list .list-default.mt-list-head.grey-cararra{background-color:# fafafa;color: #333}.mt-element-list .list-default.mt-list-head.grey-cararra .badge{background-color:# fff;color: #333}.mt-element-list .list-default.mt-list-head.grey-cararra.ext-1 .badge{background-color:# e1e1e1
    }.mt - element - list.list -
    default.mt - list - head.grey - cararra.list - date, .mt - element - list.list -
    default.mt - list - head.grey - cararra.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.grey - cararra, .mt - element - list.list - todo.mt - list - head.grey - cararra {
        background - color: #fafafa;
        color: #333}.mt-element-list .list-todo .list-count.grey-cararra:hover{background-color:# ededed
    }.mt - element - list.list - todo.list - todo - line.grey - cararra {
        border - color: #fafafa
    }.mt - element - list.list - todo.list - todo - item.grey - cararra: after {
        border - right - color: #fafafa!important
    }.mt - element - list.list - todo.list - todo - item.grey - cararra.list - toggle {
        background: #fafafa;color: #333!important}.mt-element-list .list-todo .list-todo-item.grey-cararra .list-toggle>.badge{color:# fafafa;background: #333}.mt-element-list .list-default.mt-list-head.grey-gallery{background-color:# 555;color: #fff
    }.mt - element - list.list -
    default.mt - list - head.grey - gallery.badge {
        background - color: #6f6f6f;color:# fff
    }.mt - element - list.list -
    default.mt - list - head.grey - gallery.ext - 1.badge {
        background - color: #3c3c3c}.mt-element-list .list-default.mt-list-head.grey-gallery .list-date,.mt-element-list .list-default.mt-list-head.grey-gallery .list-label{color:# d5d5d5
    }.mt - element - list.list - todo.list - count.grey - gallery, .mt - element - list.list - todo.mt - list - head.grey - gallery {
        background - color: #555;color:# fff
    }.mt - element - list.list - todo.list - count.grey - gallery: hover {
        background - color: #484848}.mt-element-list .list-todo .list-todo-line.grey-gallery{border-color:# 555
    }.mt - element - list.list - todo.list - todo - item.grey - gallery: after {
        border - right - color: #555!important}.mt-element-list .list-todo .list-todo-item.grey-gallery .list-toggle{background:# 555;
        color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.grey - gallery.list - toggle > .badge {
        color: #555;background:# fff
    }.mt - element - list.list -
    default.mt - list - head.grey - cascade {
        background - color: #95A5A6;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.grey - cascade.badge {
        background - color: #b1bdbd;
        color: #FFF
    }.mt - element - list.list -
    default.mt - list - head.grey - cascade.ext - 1.badge {
        background - color: #798d8f}.mt-element-list .list-default.mt-list-head.grey-cascade .list-date,.mt-element-list .list-default.mt-list-head.grey-cascade .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.grey - cascade, .mt - element - list.list - todo.mt - list - head.grey - cascade {
        background - color: #95A5A6;color:# FFF
    }.mt - element - list.list - todo.list - count.grey - cascade: hover {
        background - color: #87999a}.mt-element-list .list-todo .list-todo-line.grey-cascade{border-color:# 95 A5A6
    }.mt - element - list.list - todo.list - todo - item.grey - cascade: after {
        border - right - color: #95A5A6!important}.mt-element-list .list-todo .list-todo-item.grey-cascade .list-toggle{background:# 95 A5A6;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.grey - cascade.list - toggle > .badge {
        color: #95A5A6;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.grey - silver {
        background - color: #BFBFBF;
        color: #FAFCFB
    }.mt - element - list.list -
    default.mt - list - head.grey - silver.badge {
        background - color: #d9d9d9;
        color: #FAFCFB
    }.mt - element - list.list -
    default.mt - list - head.grey - silver.ext - 1.badge {
        background - color: #a6a6a6
    }.mt - element - list.list -
    default.mt - list - head.grey - silver.list - date, .mt - element - list.list -
    default.mt - list - head.grey - silver.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.grey - silver, .mt - element - list.list - todo.mt - list - head.grey - silver {
        background - color: #BFBFBF;
        color: #FAFCFB
    }.mt - element - list.list - todo.list - count.grey - silver: hover {
        background - color: #b2b2b2
    }.mt - element - list.list - todo.list - todo - line.grey - silver {
        border - color: #BFBFBF
    }.mt - element - list.list - todo.list - todo - item.grey - silver: after {
        border - right - color: #BFBFBF!important
    }.mt - element - list.list - todo.list - todo - item.grey - silver.list - toggle {
        background: #BFBFBF;color: #FAFCFB!important
    }.mt - element - list.list - todo.list - todo - item.grey - silver.list - toggle > .badge {
        color: #BFBFBF;background: #FAFCFB
    }.mt - element - list.list -
    default.mt - list - head.grey - salsa {
        background - color: #ACB5C3;
        color: #FAFCFB
    }.mt - element - list.list -
    default.mt - list - head.grey - salsa.badge {
        background - color: #cacfd8;
        color: #FAFCFB
    }.mt - element - list.list -
    default.mt - list - head.grey - salsa.ext - 1.badge {
        background - color: #8e9bae}.mt-element-list .list-default.mt-list-head.grey-salsa .list-date,.mt-element-list .list-default.mt-list-head.grey-salsa .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.grey - salsa, .mt - element - list.list - todo.mt - list - head.grey - salsa {
        background - color: #ACB5C3;
        color: #FAFCFB
    }.mt - element - list.list - todo.list - count.grey - salsa: hover {
        background - color: #9da8b8}.mt-element-list .list-todo .list-todo-line.grey-salsa{border-color:# ACB5C3
    }.mt - element - list.list - todo.list - todo - item.grey - salsa: after {
        border - right - color: #ACB5C3!important
    }.mt - element - list.list - todo.list - todo - item.grey - salsa.list - toggle {
        background: #ACB5C3;color: #FAFCFB!important
    }.mt - element - list.list - todo.list - todo - item.grey - salsa.list - toggle > .badge {
        color: #ACB5C3;background: #FAFCFB
    }.mt - element - list.list -
    default.mt - list - head.grey - salt {
        background - color: #bfcad1;
        color: #FAFCFB
    }.mt - element - list.list -
    default.mt - list - head.grey - salt.badge {
        background - color: #dde3e6;
        color: #FAFCFB
    }.mt - element - list.list -
    default.mt - list - head.grey - salt.ext - 1.badge {
        background - color: #a1b1bc
    }.mt - element - list.list -
    default.mt - list - head.grey - salt.list - date, .mt - element - list.list -
    default.mt - list - head.grey - salt.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.grey - salt, .mt - element - list.list - todo.mt - list - head.grey - salt {
        background - color: #bfcad1;
        color: #FAFCFB
    }.mt - element - list.list - todo.list - count.grey - salt: hover {
        background - color: #b0bec6
    }.mt - element - list.list - todo.list - todo - line.grey - salt {
        border - color: #bfcad1
    }.mt - element - list.list - todo.list - todo - item.grey - salt: after {
        border - right - color: #bfcad1!important
    }.mt - element - list.list - todo.list - todo - item.grey - salt.list - toggle {
        background: #bfcad1;color: #FAFCFB!important
    }.mt - element - list.list - todo.list - todo - item.grey - salt.list - toggle > .badge {
        color: #bfcad1;background: #FAFCFB
    }.mt - element - list.list -
    default.mt - list - head.grey - mint {
        background - color: #525e64;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.grey - mint.badge {
        background - color: #697880;color:# FFF
    }.mt - element - list.list -
    default.mt - list - head.grey - mint.ext - 1.badge {
        background - color: #3b4448}.mt-element-list .list-default.mt-list-head.grey-mint .list-date,.mt-element-list .list-default.mt-list-head.grey-mint .list-label{color:# d7dcde
    }.mt - element - list.list - todo.list - count.grey - mint, .mt - element - list.list - todo.mt - list - head.grey - mint {
        background - color: #525e64;color:# FFF
    }.mt - element - list.list - todo.list - count.grey - mint: hover {
        background - color: #475156}.mt-element-list .list-todo .list-todo-line.grey-mint{border-color:# 525e64
    }.mt - element - list.list - todo.list - todo - item.grey - mint: after {
        border - right - color: #525e64!important}.mt-element-list .list-todo .list-todo-item.grey-mint .list-toggle{background:# 525e64;
        color: #FFF!important
    }.mt - element - list.list - todo.list - todo - item.grey - mint.list - toggle > .badge {
        color: #525e64;background:# FFF
    }.mt - element - list.list -
    default.mt - list - head.red {
        background - color: #e7505a;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red.badge {
        background - color: #ed7d84;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red.ext - 1.badge {
        background - color: #e12330
    }.mt - element - list.list -
    default.mt - list - head.red.list - date, .mt - element - list.list -
    default.mt - list - head.red.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.red, .mt - element - list.list - todo.mt - list - head.red {
        background - color: #e7505a;
        color: #fff
    }.mt - element - list.list - todo.list - count.red: hover {
        background - color: #e43a45
    }.mt - element - list.list - todo.list - todo - line.red {
        border - color: #e7505a
    }.mt - element - list.list - todo.list - todo - item.red: after {
        border - right - color: #e7505a!important
    }.mt - element - list.list - todo.list - todo - item.red.list - toggle {
        background: #e7505a;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.red.list - toggle > .badge {
        color: #e7505a;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - pink {
        background - color: #E08283;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - pink.badge {
        background - color: #eaabac;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - pink.ext - 1.badge {
        background - color: #d6595a
    }.mt - element - list.list -
    default.mt - list - head.red - pink.list - date, .mt - element - list.list -
    default.mt - list - head.red - pink.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.red - pink, .mt - element - list.list - todo.mt - list - head.red - pink {
        background - color: #E08283;
        color: #fff
    }.mt - element - list.list - todo.list - count.red - pink: hover {
        background - color: #db6e6f
    }.mt - element - list.list - todo.list - todo - line.red - pink {
        border - color: #E08283
    }.mt - element - list.list - todo.list - todo - item.red - pink: after {
        border - right - color: #E08283!important
    }.mt - element - list.list - todo.list - todo - item.red - pink.list - toggle {
        background: #E08283;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.red - pink.list - toggle > .badge {
        color: #E08283;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - sunglo {
        background - color: #E26A6A;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - sunglo.badge {
        background - color: #ea9595;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - sunglo.ext - 1.badge {
        background - color: #da3f3f
    }.mt - element - list.list -
    default.mt - list - head.red - sunglo.list - date, .mt - element - list.list -
    default.mt - list - head.red - sunglo.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.red - sunglo, .mt - element - list.list - todo.mt - list - head.red - sunglo {
        background - color: #E26A6A;
        color: #fff
    }.mt - element - list.list - todo.list - count.red - sunglo: hover {
        background - color: #de5555
    }.mt - element - list.list - todo.list - todo - line.red - sunglo {
        border - color: #E26A6A
    }.mt - element - list.list - todo.list - todo - item.red - sunglo: after {
        border - right - color: #E26A6A!important
    }.mt - element - list.list - todo.list - todo - item.red - sunglo.list - toggle {
        background: #E26A6A;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.red - sunglo.list - toggle > .badge {
        color: #E26A6A;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - intense {
        background - color: #e35b5a;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - intense.badge {
        background - color: #ea8686;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - intense.ext - 1.badge {
        background - color: #dc302e
    }.mt - element - list.list -
    default.mt - list - head.red - intense.list - date, .mt - element - list.list -
    default.mt - list - head.red - intense.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.red - intense, .mt - element - list.list - todo.mt - list - head.red - intense {
        background - color: #e35b5a;
        color: #fff
    }.mt - element - list.list - todo.list - count.red - intense: hover {
        background - color: #df4544
    }.mt - element - list.list - todo.list - todo - line.red - intense {
        border - color: #e35b5a
    }.mt - element - list.list - todo.list - todo - item.red - intense: after {
        border - right - color: #e35b5a!important
    }.mt - element - list.list - todo.list - todo - item.red - intense.list - toggle {
        background: #e35b5a;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.red - intense.list - toggle > .badge {
        color: #e35b5a;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - thunderbird {
        background - color: #D91E18;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - thunderbird.badge {
        background - color: #e9403b;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - thunderbird.ext - 1.badge {
        background - color: #ab1813
    }.mt - element - list.list -
    default.mt - list - head.red - thunderbird.list - date, .mt - element - list.list -
    default.mt - list - head.red - thunderbird.list - label {
        color: #fef3f2
    }.mt - element - list.list - todo.list - count.red - thunderbird, .mt - element - list.list - todo.mt - list - head.red - thunderbird {
        background - color: #D91E18;
        color: #fff
    }.mt - element - list.list - todo.list - count.red - thunderbird: hover {
        background - color: #c21b15
    }.mt - element - list.list - todo.list - todo - line.red - thunderbird {
        border - color: #D91E18
    }.mt - element - list.list - todo.list - todo - item.red - thunderbird: after {
        border - right - color: #D91E18!important
    }.mt - element - list.list - todo.list - todo - item.red - thunderbird.list - toggle {
        background: #D91E18;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.red - thunderbird.list - toggle > .badge {
        color: #D91E18;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - flamingo {
        background - color: #EF4836;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - flamingo.badge {
        background - color: #f37365;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - flamingo.ext - 1.badge {
        background - color: #e02612
    }.mt - element - list.list -
    default.mt - list - head.red - flamingo.list - date, .mt - element - list.list -
    default.mt - list - head.red - flamingo.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.red - flamingo, .mt - element - list.list - todo.mt - list - head.red - flamingo {
        background - color: #EF4836;
        color: #fff
    }.mt - element - list.list - todo.list - count.red - flamingo: hover {
        background - color: #ed321e
    }.mt - element - list.list - todo.list - todo - line.red - flamingo {
        border - color: #EF4836
    }.mt - element - list.list - todo.list - todo - item.red - flamingo: after {
        border - right - color: #EF4836!important
    }.mt - element - list.list - todo.list - todo - item.red - flamingo.list - toggle {
        background: #EF4836;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.red - flamingo.list - toggle > .badge {
        color: #EF4836;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - soft {
        background - color: #d05454;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - soft.badge {
        background - color: #db7c7c;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - soft.ext - 1.badge {
        background - color: #bd3434
    }.mt - element - list.list -
    default.mt - list - head.red - soft.list - date, .mt - element - list.list -
    default.mt - list - head.red - soft.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.red - soft, .mt - element - list.list - todo.mt - list - head.red - soft {
        background - color: #d05454;
        color: #fff
    }.mt - element - list.list - todo.list - count.red - soft: hover {
        background - color: #cb4040
    }.mt - element - list.list - todo.list - todo - line.red - soft {
        border - color: #d05454
    }.mt - element - list.list - todo.list - todo - item.red - soft: after {
        border - right - color: #d05454!important
    }.mt - element - list.list - todo.list - todo - item.red - soft.list - toggle {
        background: #d05454;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.red - soft.list - toggle > .badge {
        color: #d05454;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - haze {
        background - color: #f36a5a;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - haze.badge {
        background - color: #f6958a;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - haze.ext - 1.badge {
        background - color: #f03f2a
    }.mt - element - list.list -
    default.mt - list - head.red - haze.list - date, .mt - element - list.list -
    default.mt - list - head.red - haze.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.red - haze, .mt - element - list.list - todo.mt - list - head.red - haze {
        background - color: #f36a5a;
        color: #fff
    }.mt - element - list.list - todo.list - count.red - haze: hover {
        background - color: #f15542
    }.mt - element - list.list - todo.list - todo - line.red - haze {
        border - color: #f36a5a
    }.mt - element - list.list - todo.list - todo - item.red - haze: after {
        border - right - color: #f36a5a!important
    }.mt - element - list.list - todo.list - todo - item.red - haze.list - toggle {
        background: #f36a5a;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.red - haze.list - toggle > .badge {
        color: #f36a5a;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - mint {
        background - color: #e43a45;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - mint.badge {
        background - color: #ea676f;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.red - mint.ext - 1.badge {
        background - color: #cf1c28
    }.mt - element - list.list -
    default.mt - list - head.red - mint.list - date, .mt - element - list.list -
    default.mt - list - head.red - mint.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.red - mint, .mt - element - list.list - todo.mt - list - head.red - mint {
        background - color: #e43a45;
        color: #fff
    }.mt - element - list.list - todo.list - count.red - mint: hover {
        background - color: #e12430
    }.mt - element - list.list - todo.list - todo - line.red - mint {
        border - color: #e43a45
    }.mt - element - list.list - todo.list - todo - item.red - mint: after {
        border - right - color: #e43a45!important
    }.mt - element - list.list - todo.list - todo - item.red - mint.list - toggle {
        background: #e43a45;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.red - mint.list - toggle > .badge {
        color: #e43a45;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow {
        background - color: #c49f47;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow.badge {
        background - color: #d0b36e;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow.ext - 1.badge {
        background - color: #a48334
    }.mt - element - list.list -
    default.mt - list - head.yellow.list - date, .mt - element - list.list -
    default.mt - list - head.yellow.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.yellow, .mt - element - list.list - todo.mt - list - head.yellow {
        background - color: #c49f47;
        color: #fff
    }.mt - element - list.list - todo.list - count.yellow: hover {
        background - color: #b7923b
    }.mt - element - list.list - todo.list - todo - line.yellow {
        border - color: #c49f47
    }.mt - element - list.list - todo.list - todo - item.yellow: after {
        border - right - color: #c49f47!important
    }.mt - element - list.list - todo.list - todo - item.yellow.list - toggle {
        background: #c49f47;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.yellow.list - toggle > .badge {
        color: #c49f47;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - gold {
        background - color: #E87E04;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - gold.badge {
        background - color: #fb9724;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - gold.ext - 1.badge {
        background - color: #b66303
    }.mt - element - list.list -
    default.mt - list - head.yellow - gold.list - date, .mt - element - list.list -
    default.mt - list - head.yellow - gold.list - label {
        color: #fff6ec
    }.mt - element - list.list - todo.list - count.yellow - gold, .mt - element - list.list - todo.mt - list - head.yellow - gold {
        background - color: #E87E04;
        color: #fff
    }.mt - element - list.list - todo.list - count.yellow - gold: hover {
        background - color: #cf7004
    }.mt - element - list.list - todo.list - todo - line.yellow - gold {
        border - color: #E87E04
    }.mt - element - list.list - todo.list - todo - item.yellow - gold: after {
        border - right - color: #E87E04!important
    }.mt - element - list.list - todo.list - todo - item.yellow - gold.list - toggle {
        background: #E87E04;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.yellow - gold.list - toggle > .badge {
        color: #E87E04;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - casablanca {
        background - color: #f2784b;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - casablanca.badge {
        background - color: #f59c7b;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - casablanca.ext - 1.badge {
        background - color: #ef541b
    }.mt - element - list.list -
    default.mt - list - head.yellow - casablanca.list - date, .mt - element - list.list -
    default.mt - list - head.yellow - casablanca.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.yellow - casablanca, .mt - element - list.list - todo.mt - list - head.yellow - casablanca {
        background - color: #f2784b;
        color: #fff
    }.mt - element - list.list - todo.list - count.yellow - casablanca: hover {
        background - color: #f06633
    }.mt - element - list.list - todo.list - todo - line.yellow - casablanca {
        border - color: #f2784b
    }.mt - element - list.list - todo.list - todo - item.yellow - casablanca: after {
        border - right - color: #f2784b!important
    }.mt - element - list.list - todo.list - todo - item.yellow - casablanca.list - toggle {
        background: #f2784b;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.yellow - casablanca.list - toggle > .badge {
        color: #f2784b;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - crusta {
        background - color: #f3c200;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - crusta.badge {
        background - color: #ffd327;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - crusta.ext - 1.badge {
        background - color: #c09900
    }.mt - element - list.list -
    default.mt - list - head.yellow - crusta.list - date, .mt - element - list.list -
    default.mt - list - head.yellow - crusta.list - label {
        color: #fffdf3
    }.mt - element - list.list - todo.list - count.yellow - crusta, .mt - element - list.list - todo.mt - list - head.yellow - crusta {
        background - color: #f3c200;
        color: #fff
    }.mt - element - list.list - todo.list - count.yellow - crusta: hover {
        background - color: #daae00
    }.mt - element - list.list - todo.list - todo - line.yellow - crusta {
        border - color: #f3c200
    }.mt - element - list.list - todo.list - todo - item.yellow - crusta: after {
        border - right - color: #f3c200!important
    }.mt - element - list.list - todo.list - todo - item.yellow - crusta.list - toggle {
        background: #f3c200;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.yellow - crusta.list - toggle > .badge {
        color: #f3c200;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - lemon {
        background - color: #F7CA18;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - lemon.badge {
        background - color: #f9d549;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - lemon.ext - 1.badge {
        background - color: #d5ab07
    }.mt - element - list.list -
    default.mt - list - head.yellow - lemon.list - date, .mt - element - list.list -
    default.mt - list - head.yellow - lemon.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.yellow - lemon, .mt - element - list.list - todo.mt - list - head.yellow - lemon {
        background - color: #F7CA18;
        color: #fff
    }.mt - element - list.list - todo.list - count.yellow - lemon: hover {
        background - color: #edbf08
    }.mt - element - list.list - todo.list - todo - line.yellow - lemon {
        border - color: #F7CA18
    }.mt - element - list.list - todo.list - todo - item.yellow - lemon: after {
        border - right - color: #F7CA18!important
    }.mt - element - list.list - todo.list - todo - item.yellow - lemon.list - toggle {
        background: #F7CA18;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.yellow - lemon.list - toggle > .badge {
        color: #F7CA18;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - saffron {
        background - color: #F4D03F;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - saffron.badge {
        background - color: #f7dc6f;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - saffron.ext - 1.badge {
        background - color: #f1c40f
    }.mt - element - list.list -
    default.mt - list - head.yellow - saffron.list - date, .mt - element - list.list -
    default.mt - list - head.yellow - saffron.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.yellow - saffron, .mt - element - list.list - todo.mt - list - head.yellow - saffron {
        background - color: #F4D03F;
        color: #fff
    }.mt - element - list.list - todo.list - count.yellow - saffron: hover {
        background - color: #f3ca27
    }.mt - element - list.list - todo.list - todo - line.yellow - saffron {
        border - color: #F4D03F
    }.mt - element - list.list - todo.list - todo - item.yellow - saffron: after {
        border - right - color: #F4D03F!important
    }.mt - element - list.list - todo.list - todo - item.yellow - saffron.list - toggle {
        background: #F4D03F;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.yellow - saffron.list - toggle > .badge {
        color: #F4D03F;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - soft {
        background - color: #c8d046;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - soft.badge {
        background - color: #d4da6f;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - soft.ext - 1.badge {
        background - color: #adb52e
    }.mt - element - list.list -
    default.mt - list - head.yellow - soft.list - date, .mt - element - list.list -
    default.mt - list - head.yellow - soft.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.yellow - soft, .mt - element - list.list - todo.mt - list - head.yellow - soft {
        background - color: #c8d046;
        color: #fff
    }.mt - element - list.list - todo.list - count.yellow - soft: hover {
        background - color: #c1c933
    }.mt - element - list.list - todo.list - todo - line.yellow - soft {
        border - color: #c8d046
    }.mt - element - list.list - todo.list - todo - item.yellow - soft: after {
        border - right - color: #c8d046!important
    }.mt - element - list.list - todo.list - todo - item.yellow - soft.list - toggle {
        background: #c8d046;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.yellow - soft.list - toggle > .badge {
        color: #c8d046;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - haze {
        background - color: #c5bf66;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - haze.badge {
        background - color: #d3ce8b;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - haze.ext - 1.badge {
        background - color: #b4ad44
    }.mt - element - list.list -
    default.mt - list - head.yellow - haze.list - date, .mt - element - list.list -
    default.mt - list - head.yellow - haze.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.yellow - haze, .mt - element - list.list - todo.mt - list - head.yellow - haze {
        background - color: #c5bf66;
        color: #fff
    }.mt - element - list.list - todo.list - count.yellow - haze: hover {
        background - color: #beb754
    }.mt - element - list.list - todo.list - todo - line.yellow - haze {
        border - color: #c5bf66
    }.mt - element - list.list - todo.list - todo - item.yellow - haze: after {
        border - right - color: #c5bf66!important
    }.mt - element - list.list - todo.list - todo - item.yellow - haze.list - toggle {
        background: #c5bf66;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.yellow - haze.list - toggle > .badge {
        color: #c5bf66;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - mint {
        background - color: #c5b96b;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - mint.badge {
        background - color: #d3ca90;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.yellow - mint.ext - 1.badge {
        background - color: #b6a747
    }.mt - element - list.list -
    default.mt - list - head.yellow - mint.list - date, .mt - element - list.list -
    default.mt - list - head.yellow - mint.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.yellow - mint, .mt - element - list.list - todo.mt - list - head.yellow - mint {
        background - color: #c5b96b;
        color: #fff
    }.mt - element - list.list - todo.list - count.yellow - mint: hover {
        background - color: #beb059
    }.mt - element - list.list - todo.list - todo - line.yellow - mint {
        border - color: #c5b96b
    }.mt - element - list.list - todo.list - todo - item.yellow - mint: after {
        border - right - color: #c5b96b!important
    }.mt - element - list.list - todo.list - todo - item.yellow - mint.list - toggle {
        background: #c5b96b;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.yellow - mint.list - toggle > .badge {
        color: #c5b96b;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.purple {
        background - color: #8E44AD;color:# fff
    }.mt - element - list.list -
    default.mt - list - head.purple.badge {
        background - color: #a563c1;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.purple.ext - 1.badge {
        background - color: #703688}.mt-element-list .list-default.mt-list-head.purple .list-date,.mt-element-list .list-default.mt-list-head.purple .list-label{color:# f9f5fb
    }.mt - element - list.list - todo.list - count.purple, .mt - element - list.list - todo.mt - list - head.purple {
        background - color: #8E44AD;color:# fff
    }.mt - element - list.list - todo.list - count.purple: hover {
        background - color: #7f3d9b}.mt-element-list .list-todo .list-todo-line.purple{border-color:# 8E44 AD
    }.mt - element - list.list - todo.list - todo - item.purple: after {
        border - right - color: #8E44AD!important}.mt-element-list .list-todo .list-todo-item.purple .list-toggle{background:# 8E44 AD;
        color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.purple.list - toggle > .badge {
        color: #8E44AD;background:# fff
    }.mt - element - list.list -
    default.mt - list - head.purple - plum {
        background - color: #8775a7;color:# fff
    }.mt - element - list.list -
    default.mt - list - head.purple - plum.badge {
        background - color: #a294bb;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.purple - plum.ext - 1.badge {
        background - color: #6d5b8e}.mt-element-list .list-default.mt-list-head.purple-plum .list-date,.mt-element-list .list-default.mt-list-head.purple-plum .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.purple - plum, .mt - element - list.list - todo.mt - list - head.purple - plum {
        background - color: #8775a7;color:# fff
    }.mt - element - list.list - todo.list - count.purple - plum: hover {
        background - color: #79659d}.mt-element-list .list-todo .list-todo-line.purple-plum{border-color:# 8775 a7
    }.mt - element - list.list - todo.list - todo - item.purple - plum: after {
        border - right - color: #8775a7!important}.mt-element-list .list-todo .list-todo-item.purple-plum .list-toggle{background:# 8775 a7;
        color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.purple - plum.list - toggle > .badge {
        color: #8775a7;background:# fff
    }.mt - element - list.list -
    default.mt - list - head.purple - medium {
        background - color: #BF55EC;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.purple - medium.badge {
        background - color: #d083f1;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.purple - medium.ext - 1.badge {
        background - color: #ae27e7
    }.mt - element - list.list -
    default.mt - list - head.purple - medium.list - date, .mt - element - list.list -
    default.mt - list - head.purple - medium.list - label {
        color: #fff
    }.mt - element - list.list - todo.list - count.purple - medium, .mt - element - list.list - todo.mt - list - head.purple - medium {
        background - color: #BF55EC;
        color: #fff
    }.mt - element - list.list - todo.list - count.purple - medium: hover {
        background - color: #b63ee9
    }.mt - element - list.list - todo.list - todo - line.purple - medium {
        border - color: #BF55EC
    }.mt - element - list.list - todo.list - todo - item.purple - medium: after {
        border - right - color: #BF55EC!important
    }.mt - element - list.list - todo.list - todo - item.purple - medium.list - toggle {
        background: #BF55EC;color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.purple - medium.list - toggle > .badge {
        color: #BF55EC;background: #fff
    }.mt - element - list.list -
    default.mt - list - head.purple - studio {
        background - color: #8E44AD;color:# fff
    }.mt - element - list.list -
    default.mt - list - head.purple - studio.badge {
        background - color: #a563c1;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.purple - studio.ext - 1.badge {
        background - color: #703688}.mt-element-list .list-default.mt-list-head.purple-studio .list-date,.mt-element-list .list-default.mt-list-head.purple-studio .list-label{color:# f9f5fb
    }.mt - element - list.list - todo.list - count.purple - studio, .mt - element - list.list - todo.mt - list - head.purple - studio {
        background - color: #8E44AD;color:# fff
    }.mt - element - list.list - todo.list - count.purple - studio: hover {
        background - color: #7f3d9b}.mt-element-list .list-todo .list-todo-line.purple-studio{border-color:# 8E44 AD
    }.mt - element - list.list - todo.list - todo - item.purple - studio: after {
        border - right - color: #8E44AD!important}.mt-element-list .list-todo .list-todo-item.purple-studio .list-toggle{background:# 8E44 AD;
        color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.purple - studio.list - toggle > .badge {
        color: #8E44AD;background:# fff
    }.mt - element - list.list -
    default.mt - list - head.purple - wisteria {
        background - color: #9B59B6;color:# fff
    }.mt - element - list.list -
    default.mt - list - head.purple - wisteria.badge {
        background - color: #b07cc6;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.purple - wisteria.ext - 1.badge {
        background - color: #804399}.mt-element-list .list-default.mt-list-head.purple-wisteria .list-date,.mt-element-list .list-default.mt-list-head.purple-wisteria .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.purple - wisteria, .mt - element - list.list - todo.mt - list - head.purple - wisteria {
        background - color: #9B59B6;color:# fff
    }.mt - element - list.list - todo.list - count.purple - wisteria: hover {
        background - color: #8f4bab}.mt-element-list .list-todo .list-todo-line.purple-wisteria{border-color:# 9 B59B6
    }.mt - element - list.list - todo.list - todo - item.purple - wisteria: after {
        border - right - color: #9B59B6!important}.mt-element-list .list-todo .list-todo-item.purple-wisteria .list-toggle{background:# 9 B59B6;
        color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.purple - wisteria.list - toggle > .badge {
        color: #9B59B6;background:# fff
    }.mt - element - list.list -
    default.mt - list - head.purple - seance {
        background - color: #9A12B3;color:# fff
    }.mt - element - list.list -
    default.mt - list - head.purple - seance.badge {
        background - color: #c217e1;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.purple - seance.ext - 1.badge {
        background - color: #720d85}.mt-element-list .list-default.mt-list-head.purple-seance .list-date,.mt-element-list .list-default.mt-list-head.purple-seance .list-label{color:# f2cafa
    }.mt - element - list.list - todo.list - count.purple - seance, .mt - element - list.list - todo.mt - list - head.purple - seance {
        background - color: #9A12B3;color:# fff
    }.mt - element - list.list - todo.list - count.purple - seance: hover {
        background - color: #86109c}.mt-element-list .list-todo .list-todo-line.purple-seance{border-color:# 9 A12B3
    }.mt - element - list.list - todo.list - todo - item.purple - seance: after {
        border - right - color: #9A12B3!important}.mt-element-list .list-todo .list-todo-item.purple-seance .list-toggle{background:# 9 A12B3;
        color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.purple - seance.list - toggle > .badge {
        color: #9A12B3;background:# fff
    }.mt - element - list.list -
    default.mt - list - head.purple - intense {
        background - color: #8775a7;color:# fff
    }.mt - element - list.list -
    default.mt - list - head.purple - intense.badge {
        background - color: #a294bb;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.purple - intense.ext - 1.badge {
        background - color: #6d5b8e}.mt-element-list .list-default.mt-list-head.purple-intense .list-date,.mt-element-list .list-default.mt-list-head.purple-intense .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.purple - intense, .mt - element - list.list - todo.mt - list - head.purple - intense {
        background - color: #8775a7;color:# fff
    }.mt - element - list.list - todo.list - count.purple - intense: hover {
        background - color: #79659d}.mt-element-list .list-todo .list-todo-line.purple-intense{border-color:# 8775 a7
    }.mt - element - list.list - todo.list - todo - item.purple - intense: after {
        border - right - color: #8775a7!important}.mt-element-list .list-todo .list-todo-item.purple-intense .list-toggle{background:# 8775 a7;
        color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.purple - intense.list - toggle > .badge {
        color: #8775a7;background:# fff
    }.mt - element - list.list -
    default.mt - list - head.purple - sharp {
        background - color: #796799;color:# fff
    }.mt - element - list.list -
    default.mt - list - head.purple - sharp.badge {
        background - color: #9486ad;color:# fff
    }.mt - element - list.list -
    default.mt - list - head.purple - sharp.ext - 1.badge {
        background - color: #61527b}.mt-element-list .list-default.mt-list-head.purple-sharp .list-date,.mt-element-list .list-default.mt-list-head.purple-sharp .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.purple - sharp, .mt - element - list.list - todo.mt - list - head.purple - sharp {
        background - color: #796799;color:# fff
    }.mt - element - list.list - todo.list - count.purple - sharp: hover {
        background - color: #6d5d8a}.mt-element-list .list-todo .list-todo-line.purple-sharp{border-color:# 796799
    }.mt - element - list.list - todo.list - todo - item.purple - sharp: after {
        border - right - color: #796799!important}.mt-element-list .list-todo .list-todo-item.purple-sharp .list-toggle{background:# 796799;
        color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.purple - sharp.list - toggle > .badge {
        color: #796799;background:# fff
    }.mt - element - list.list -
    default.mt - list - head.purple - soft {
        background - color: #8877a9;color:# fff
    }.mt - element - list.list -
    default.mt - list - head.purple - soft.badge {
        background - color: #a396bd;
        color: #fff
    }.mt - element - list.list -
    default.mt - list - head.purple - soft.ext - 1.badge {
        background - color: #6e5c91}.mt-element-list .list-default.mt-list-head.purple-soft .list-date,.mt-element-list .list-default.mt-list-head.purple-soft .list-label{color:# fff
    }.mt - element - list.list - todo.list - count.purple - soft, .mt - element - list.list - todo.mt - list - head.purple - soft {
        background - color: #8877a9;color:# fff
    }.mt - element - list.list - todo.list - count.purple - soft: hover {
        background - color: #7a679f}.mt-element-list .list-todo .list-todo-line.purple-soft{border-color:# 8877 a9
    }.mt - element - list.list - todo.list - todo - item.purple - soft: after {
        border - right - color: #8877a9!important}.mt-element-list .list-todo .list-todo-item.purple-soft .list-toggle{background:# 8877 a9;
        color: #fff!important
    }.mt - element - list.list - todo.list - todo - item.purple - soft.list - toggle > .badge {
        color: #8877a9;background:# fff
    }.mt - element - list.list - todo - item.white: after {
        border - right - color: #fff
    }.mt - element - list.list - todo - item.white.list - toggle {
        background: #fff
    }.mt - element - list.list - todo - item.default: after {
        border - right - color: #e1e5ec
    }.mt - element - list.list - todo - item.default.list - toggle {
        background: #e1e5ec
    }.mt - element - list.list - todo - item.dark: after {
        border - right - color: #2f353b}.mt-element-list .list-todo-item.dark .list-toggle{background:# 2 f353b
    }.mt - element - list.list - todo - item.blue: after {
        border - right - color: #3598dc}.mt-element-list .list-todo-item.blue .list-toggle{background:# 3598 dc
    }.mt - element - list.list - todo - item.blue - madison: after {
        border - right - color: #578ebe}.mt-element-list .list-todo-item.blue-madison .list-toggle{background:# 578e be
    }.mt - element - list.list - todo - item.blue - chambray: after {
        border - right - color: #2C3E50}.mt-element-list .list-todo-item.blue-chambray .list-toggle{background:# 2 C3E50
    }.mt - element - list.list - todo - item.blue - ebonyclay: after {
        border - right - color: #22313F}.mt-element-list .list-todo-item.blue-ebonyclay .list-toggle{background:# 22313 F
    }.mt - element - list.list - todo - item.blue - hoki: after {
        border - right - color: #67809F}.mt-element-list .list-todo-item.blue-hoki .list-toggle{background:# 67809 F
    }.mt - element - list.list - todo - item.blue - steel: after {
        border - right - color: #4B77BE}.mt-element-list .list-todo-item.blue-steel .list-toggle{background:# 4 B77BE
    }.mt - element - list.list - todo - item.blue - soft: after {
        border - right - color: #4c87b9}.mt-element-list .list-todo-item.blue-soft .list-toggle{background:# 4 c87b9
    }.mt - element - list.list - todo - item.blue - dark: after {
        border - right - color: #5e738b}.mt-element-list .list-todo-item.blue-dark .list-toggle{background:# 5e738 b
    }.mt - element - list.list - todo - item.blue - sharp: after {
        border - right - color: #5C9BD1}.mt-element-list .list-todo-item.blue-sharp .list-toggle{background:# 5 C9BD1
    }.mt - element - list.list - todo - item.blue - oleo: after {
        border - right - color: #94A0B2}.mt-element-list .list-todo-item.blue-oleo .list-toggle{background:# 94 A0B2
    }.mt - element - list.list - todo - item.green: after {
        border - right - color: #32c5d2}.mt-element-list .list-todo-item.green .list-toggle{background:# 32 c5d2
    }.mt - element - list.list - todo - item.green - meadow: after {
        border - right - color: #1BBC9B}.mt-element-list .list-todo-item.green-meadow .list-toggle{background:# 1 BBC9B
    }.mt - element - list.list - todo - item.green - seagreen: after {
        border - right - color: #1BA39C}.mt-element-list .list-todo-item.green-seagreen .list-toggle{background:# 1 BA39C
    }.mt - element - list.list - todo - item.green - turquoise: after {
        border - right - color: #36D7B7}.mt-element-list .list-todo-item.green-turquoise .list-toggle{background:# 36 D7B7
    }.mt - element - list.list - todo - item.green - haze: after {
        border - right - color: #44b6ae}.mt-element-list .list-todo-item.green-haze .list-toggle{background:# 44 b6ae
    }.mt - element - list.list - todo - item.green - jungle: after {
        border - right - color: #26C281}.mt-element-list .list-todo-item.green-jungle .list-toggle{background:# 26 C281
    }.mt - element - list.list - todo - item.green - soft: after {
        border - right - color: #3faba4}.mt-element-list .list-todo-item.green-soft .list-toggle{background:# 3 faba4
    }.mt - element - list.list - todo - item.green - dark: after {
        border - right - color: #4DB3A2}.mt-element-list .list-todo-item.green-dark .list-toggle{background:# 4 DB3A2
    }.mt - element - list.list - todo - item.green - sharp: after {
        border - right - color: #2ab4c0}.mt-element-list .list-todo-item.green-sharp .list-toggle{background:# 2 ab4c0
    }.mt - element - list.list - todo - item.green - steel: after {
        border - right - color: #29b4b6}.mt-element-list .list-todo-item.green-steel .list-toggle{background:# 29 b4b6
    }.mt - element - list.list - todo - item.grey: after {
        border - right - color: #E5E5E5
    }.mt - element - list.list - todo - item.grey.list - toggle {
        background: #E5E5E5
    }.mt - element - list.list - todo - item.grey - steel: after {
        border - right - color: #e9edef
    }.mt - element - list.list - todo - item.grey - steel.list - toggle {
        background: #e9edef
    }.mt - element - list.list - todo - item.grey - cararra: after {
        border - right - color: #fafafa
    }.mt - element - list.list - todo - item.grey - cararra.list - toggle {
        background: #fafafa
    }.mt - element - list.list - todo - item.grey - gallery: after {
        border - right - color: #555}.mt-element-list .list-todo-item.grey-gallery .list-toggle{background:# 555
    }.mt - element - list.list - todo - item.grey - cascade: after {
        border - right - color: #95A5A6}.mt-element-list .list-todo-item.grey-cascade .list-toggle{background:# 95 A5A6
    }.mt - element - list.list - todo - item.grey - silver: after {
        border - right - color: #BFBFBF
    }.mt - element - list.list - todo - item.grey - silver.list - toggle {
        background: #BFBFBF
    }.mt - element - list.list - todo - item.grey - salsa: after {
        border - right - color: #ACB5C3
    }.mt - element - list.list - todo - item.grey - salsa.list - toggle {
        background: #ACB5C3
    }.mt - element - list.list - todo - item.grey - salt: after {
        border - right - color: #bfcad1
    }.mt - element - list.list - todo - item.grey - salt.list - toggle {
        background: #bfcad1
    }.mt - element - list.list - todo - item.grey - mint: after {
        border - right - color: #525e64}.mt-element-list .list-todo-item.grey-mint .list-toggle{background:# 525e64
    }.mt - element - list.list - todo - item.red: after {
        border - right - color: #e7505a
    }.mt - element - list.list - todo - item.red.list - toggle {
        background: #e7505a
    }.mt - element - list.list - todo - item.red - pink: after {
        border - right - color: #E08283
    }.mt - element - list.list - todo - item.red - pink.list - toggle {
        background: #E08283
    }.mt - element - list.list - todo - item.red - sunglo: after {
        border - right - color: #E26A6A
    }.mt - element - list.list - todo - item.red - sunglo.list - toggle {
        background: #E26A6A
    }.mt - element - list.list - todo - item.red - intense: after {
        border - right - color: #e35b5a
    }.mt - element - list.list - todo - item.red - intense.list - toggle {
        background: #e35b5a
    }.mt - element - list.list - todo - item.red - thunderbird: after {
        border - right - color: #D91E18
    }.mt - element - list.list - todo - item.red - thunderbird.list - toggle {
        background: #D91E18
    }.mt - element - list.list - todo - item.red - flamingo: after {
        border - right - color: #EF4836
    }.mt - element - list.list - todo - item.red - flamingo.list - toggle {
        background: #EF4836
    }.mt - element - list.list - todo - item.red - soft: after {
        border - right - color: #d05454
    }.mt - element - list.list - todo - item.red - soft.list - toggle {
        background: #d05454
    }.mt - element - list.list - todo - item.red - haze: after {
        border - right - color: #f36a5a
    }.mt - element - list.list - todo - item.red - haze.list - toggle {
        background: #f36a5a
    }.mt - element - list.list - todo - item.red - mint: after {
        border - right - color: #e43a45
    }.mt - element - list.list - todo - item.red - mint.list - toggle {
        background: #e43a45
    }.mt - element - list.list - todo - item.yellow: after {
        border - right - color: #c49f47
    }.mt - element - list.list - todo - item.yellow.list - toggle {
        background: #c49f47
    }.mt - element - list.list - todo - item.yellow - gold: after {
        border - right - color: #E87E04
    }.mt - element - list.list - todo - item.yellow - gold.list - toggle {
        background: #E87E04
    }.mt - element - list.list - todo - item.yellow - casablanca: after {
        border - right - color: #f2784b
    }.mt - element - list.list - todo - item.yellow - casablanca.list - toggle {
        background: #f2784b
    }.mt - element - list.list - todo - item.yellow - crusta: after {
        border - right - color: #f3c200
    }.mt - element - list.list - todo - item.yellow - crusta.list - toggle {
        background: #f3c200
    }.mt - element - list.list - todo - item.yellow - lemon: after {
        border - right - color: #F7CA18
    }.mt - element - list.list - todo - item.yellow - lemon.list - toggle {
        background: #F7CA18
    }.mt - element - list.list - todo - item.yellow - saffron: after {
        border - right - color: #F4D03F
    }.mt - element - list.list - todo - item.yellow - saffron.list - toggle {
        background: #F4D03F
    }.mt - element - list.list - todo - item.yellow - soft: after {
        border - right - color: #c8d046
    }.mt - element - list.list - todo - item.yellow - soft.list - toggle {
        background: #c8d046
    }.mt - element - list.list - todo - item.yellow - haze: after {
        border - right - color: #c5bf66
    }.mt - element - list.list - todo - item.yellow - haze.list - toggle {
        background: #c5bf66
    }.mt - element - list.list - todo - item.yellow - mint: after {
        border - right - color: #c5b96b
    }.mt - element - list.list - todo - item.yellow - mint.list - toggle {
        background: #c5b96b
    }.mt - element - list.list - todo - item.purple: after {
        border - right - color: #8E44AD}.mt-element-list .list-todo-item.purple .list-toggle{background:# 8E44 AD
    }.mt - element - list.list - todo - item.purple - plum: after {
        border - right - color: #8775a7}.mt-element-list .list-todo-item.purple-plum .list-toggle{background:# 8775 a7
    }.mt - element - list.list - todo - item.purple - medium: after {
        border - right - color: #BF55EC
    }.mt - element - list.list - todo - item.purple - medium.list - toggle {
        background: #BF55EC
    }.mt - element - list.list - todo - item.purple - studio: after {
        border - right - color: #8E44AD}.mt-element-list .list-todo-item.purple-studio .list-toggle{background:# 8E44 AD
    }.mt - element - list.list - todo - item.purple - wisteria: after {
        border - right - color: #9B59B6}.mt-element-list .list-todo-item.purple-wisteria .list-toggle{background:# 9 B59B6
    }.mt - element - list.list - todo - item.purple - seance: after {
        border - right - color: #9A12B3}.mt-element-list .list-todo-item.purple-seance .list-toggle{background:# 9 A12B3
    }.mt - element - list.list - todo - item.purple - intense: after {
        border - right - color: #8775a7}.mt-element-list .list-todo-item.purple-intense .list-toggle{background:# 8775 a7
    }.mt - element - list.list - todo - item.purple - sharp: after {
        border - right - color: #796799}.mt-element-list .list-todo-item.purple-sharp .list-toggle{background:# 796799
    }.mt - element - list.list - todo - item.purple - soft: after {
        border - right - color: #8877a9}.mt-element-list .list-todo-item.purple-soft .list-toggle{background:# 8877 a9
    }.mt - element - ribbon.ribbon, .mt - element - ribbon.ribbon.ribbon - color -
    default, .mt - element - ribbon.ribbon.ribbon - color -
    default > .ribbon - sub, .mt - element - ribbon.ribbon > .ribbon - sub {
        background - color: #bac3d0;
        color: #384353}.mt-element-ribbon{position:relative;margin-bottom:30px}.mt-element-ribbon .ribbon-content{margin:0;padding:25px;clear:both}.mt-element-ribbon .ribbon-content.no-padding{padding-top:0}.mt-element-ribbon .ribbon{padding:.5em 1em;z-index:5;float:left;margin:10px 0 0 -2px;clear:left;position:relative}.mt-element-ribbon .ribbon.ribbon-right{float:right;clear:right;margin:10px -2px 0 0}.mt-element-ribbon .ribbon.ribbon-vertical-left{clear:none;margin:-2px 0 0 10px;padding-top:1em;padding-bottom:1em;width:41px;text-align:center}.mt-element-ribbon .ribbon.ribbon-vertical-right{clear:none;float:right;margin:-2px 10px 0 0;padding-top:1em;padding-bottom:1em;width:41px;text-align:center}.mt-element-ribbon .ribbon.ribbon-shadow{box-shadow:2px 2px 7px rgba(0,0,0,.4)}.mt-element-ribbon .ribbon.ribbon-shadow.ribbon-right,.mt-element-ribbon .ribbon.ribbon-shadow.ribbon-vertical-right{box-shadow:-2px 2px 7px rgba(0,0,0,.4)}.mt-element-ribbon .ribbon.ribbon-round{border-top-right-radius:5px!important;border-bottom-right-radius:5px!important}.mt-element-ribbon .ribbon.ribbon-round.ribbon-right{border-radius:5px 0 0 5px!important}.mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-left,.mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-right{border-radius:0 0 5px 5px!important}.mt-element-ribbon .ribbon.ribbon-border:after{border:1px solid;content:'';position:absolute;top:5px;bottom:5px;left:5px;right:5px}.mt-element-ribbon .ribbon.ribbon-border-vert:after{border-top:none;border-bottom:none;border-left:1px solid;border-right:1px solid;content:'';position:absolute;top:0;bottom:0;left:5px;right:5px}.mt-element-ribbon .ribbon.ribbon-border-hor:after{border-top:1px solid;border-bottom:1px solid;border-left:none;border-right:none;content:'';position:absolute;top:5px;bottom:5px;left:0;right:0}.mt-element-ribbon .ribbon.ribbon-border-dash:after{border:1px dashed;content:'';position:absolute;top:5px;bottom:5px;left:5px;right:5px}.mt-element-ribbon .ribbon.ribbon-border-dash-vert:after{border-top:none;border-bottom:none;border-left:1px solid;border-right:1px solid;border-left-style:dashed;border-right-style:dashed;content:'';position:absolute;top:0;bottom:0;left:5px;right:5px}.mt-element-ribbon .ribbon.ribbon-border-dash-hor:after{border-top:1px solid;border-bottom:1px solid;border-left:none;border-right:none;border-top-style:dashed;border-bottom-style:dashed;content:'';position:absolute;top:5px;bottom:5px;left:0;right:0}.mt-element-ribbon .ribbon.ribbon-clip{left:-10px;margin-left:0}.mt-element-ribbon .ribbon.ribbon-clip.ribbon-right{left:auto;right:-10px;margin-right:0}.mt-element-ribbon .ribbon>.ribbon-sub{z-index:-1;position:absolute;padding:0;width:100%;height:100%;top:0;left:0}.mt-element-ribbon .ribbon>.ribbon-sub.ribbon-clip:after,.mt-element-ribbon .ribbon>.ribbon-sub.ribbon-clip:before{content:'';position:absolute;border-style:solid;border-color:transparent!important;bottom:-10px}.mt-element-ribbon .ribbon>.ribbon-sub.ribbon-clip:before{border-width:0 10px 10px 0;border-right-color:# 222!important;
        left: 0
    }.mt - element - ribbon.ribbon > .ribbon - sub.ribbon - clip.ribbon - right: after, .mt - element - ribbon.ribbon > .ribbon - sub.ribbon - clip.ribbon - right: before {
        content: '';position: absolute;border - style: solid;border - color: transparent;bottom: -10 px
    }.mt - element - ribbon.ribbon > .ribbon - sub.ribbon - clip.ribbon - right: before {
        border - right - color: transparent!important
    }.mt - element - ribbon.ribbon > .ribbon - sub.ribbon - clip.ribbon - right: after {
        border - width: 0 0 10 px 10 px;
        border - left - color: #222!important;right:0}.mt-element-ribbon .ribbon>.ribbon-sub.ribbon-bookmark:after{border-left:21px solid;border-right:20px solid;border-bottom:1em solid transparent!important;bottom:-1em;content:'';height:0;left:0;position:absolute;width:0}.mt-element-ribbon .ribbon:after{border-color:# 62748 f
    }.mt - element - ribbon.ribbon > .ribbon - sub: after {
        border - color: #62748f # bac3d0
    }.mt - element - ribbon.ribbon.ribbon - color -
    default: after {
        border - color: #9ca8bb}.mt-element-ribbon .ribbon.ribbon-color-default>.ribbon-sub:after{border-color:# 62748 f# bac3d0
    }.mt - element - ribbon.ribbon.ribbon - color - primary {
        background - color: #337ab7;color:# fff
    }.mt - element - ribbon.ribbon.ribbon - color - primary: after {
        border - color: #286090}.mt-element-ribbon .ribbon.ribbon-color-primary>.ribbon-sub{background-color:# 337 ab7;
        color: #000}.mt-element-ribbon .ribbon.ribbon-color-primary>.ribbon-sub:after{border-color:# 122 b40 #337ab7}.mt-element-ribbon .ribbon.ribbon-color-info{background-color:# 659 be0;
        color: #fff
    }.mt - element - ribbon.ribbon.ribbon - color - info: after {
        border - color: #3a80d7}.mt-element-ribbon .ribbon.ribbon-color-info>.ribbon-sub{background-color:# 659 be0;
        color: #0c203a}.mt-element-ribbon .ribbon.ribbon-color-info>.ribbon-sub:after{border-color:# 1 d4f8e #659be0}.mt-element-ribbon .ribbon.ribbon-color-success{background-color:# 36 c6d3;
        color: #fff
    }.mt - element - ribbon.ribbon.ribbon - color - success: after {
        border - color: #27a4b0}.mt-element-ribbon .ribbon.ribbon-color-success>.ribbon-sub{background-color:# 36 c6d3;
        color: #020808}.mt-element-ribbon .ribbon.ribbon-color-success>.ribbon-sub:after{border-color:# 14565 c #36c6d3}.mt-element-ribbon .ribbon.ribbon-color-danger{background-color:# ed6b75;
        color: #fff
    }.mt - element - ribbon.ribbon.ribbon - color - danger: after {
        border - color: #e73d4a
    }.mt - element - ribbon.ribbon.ribbon - color - danger > .ribbon - sub {
        background - color: #ed6b75;
        color: #4f0a0f}.mt-element-ribbon .ribbon.ribbon-color-warning,.mt-element-ribbon .ribbon.ribbon-color-warning>.ribbon-sub{background-color:# F1C40F;
        color: #010100}.mt-element-ribbon .ribbon.ribbon-color-danger>.ribbon-sub:after{border-color:# a91520# ed6b75
    }.mt - element - ribbon.ribbon.ribbon - color - warning: after {
        border - color: #c29d0b
    }.mt - element - ribbon.ribbon.ribbon - color - warning > .ribbon - sub: after {
        border - color: #614f06 # F1C40F
    }.mt - element - card.mt - card - item {
        border: 1 px solid# e7ecf1;position: relative;margin - bottom: 30 px
    }.mt - element - card.mt - card - item.mt - card - avatar {
        margin - bottom: 15 px
    }.mt - element - card.mt - card - item.mt - card - content {
        text - align: center
    }.mt - element - card.mt - card - item.mt - card - content.mt - card - name {
        font - size: 16 px;
        font - weight: 600;
        margin - bottom: 10 px
    }.mt - element - card.mt - card - item.mt - card - content.mt - card - desc {
        font - size: 14 px;
        margin: 0 0 10 px
    }.mt - element - card.mt - card - item.mt - card - content.mt - card - social > ul {
        padding: 0;margin - bottom: 10 px
    }.mt - element - card.mt - card - item.mt - card - content.mt - card - social > ul > li {
        list - style: none;
        display: inline - block;
        margin: 0 3 px
    }.mt - element - card.mt - card - item.mt - card - content.mt - card - social > ul > li > a {
        color: #000;font-size:18px}.mt-element-card .mt-card-item .mt-card-content .mt-card-social>ul>li>a.mt-card-btn{color:# fff
    }.mt - element - card.mt - card - item.mt - card - content.mt - card - social > ul > li > a.mt - card - btn: hover {
        color: #36c6d3}.mt-element-card .mt-card-item .mt-card-content .mt-card-social>ul>li>a:hover{color:# F1C40F
    }.mt - element - card.mt - card - round.mt - card - item {
        padding: 40 px 40 px 10 px
    }.mt - element - card.mt - card - round.mt - card - item.mt - card - avatar {
        border - radius: 50 % !important; - webkit - mask - image: url(data: image / png; base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA + oJAAAAAElFTkSuQmCC)
    }.mt - element - card.mt - card - round.mt - card - item.mt - card - avatar.mt - overlay {
        -webkit - border - radius: 50 % ; - moz - border - radius: 50 % ; - ms - border - radius: 50 % ; - o - border - radius: 50 % ;
        border - radius: 50 %
    }.mt - element - overlay.mt - overlay - 1 {
        width: 100 % ;height: 100 % ;float: left;overflow: hidden;position: relative;text - align: center;cursor: default
    }.mt - element - overlay.mt - overlay - 1 img {
        display: block;position: relative; - webkit - transition: all .4 s linear;transition: all .4 s linear;width: 100 % ;height: auto
    }.mt - element - overlay.mt - overlay - 1 h2 {
        text - transform: uppercase;
        color: #fff;
        text - align: center;
        position: relative;
        font - size: 17 px;
        background: rgba(0, 0, 0, .6); - webkit - transform: translatey(-100 px) translateZ(0); - ms - transform: translatey(-100 px) translateZ(0);
        transform: translatey(-100 px) translateZ(0); - webkit - transition: all .2 s ease - in -out;
        transition: all .2 s ease - in -out;
        padding: 10 px
    }.mt - element - overlay.mt - overlay - 1.mt - info {
        text - decoration: none;
        display: inline - block;
        text - transform: uppercase;
        color: #fff;
        background - color: transparent;
        opacity: 0;
        filter: alpha(opacity = 0); - webkit - transition: all .2 s ease - in -out;
        transition: all .2 s ease - in -out;
        padding: 0;
        margin: auto;
        position: absolute;
        top: 50 % ;
        left: 0;
        right: 0;
        transform: translateY(-50 % ) translateZ(0); - webkit - transform: translateY(-50 % ) translateZ(0); - ms - transform: translateY(-50 % ) translateZ(0)
    }.mt - element - overlay.mt - overlay - 1.mt - info > li {
        list - style: none;
        display: inline - block;
        margin: 0 3 px
    }.mt - element - overlay.mt - overlay - 1.mt - info > li: hover {
        -webkit - transition: all .2 s ease - in -out;
        transition: all .2 s ease - in -out;
        cursor: pointer
    }.mt - element - overlay.mt - overlay - 1: hover.mt - overlay {
        opacity: 1;filter: alpha(opacity = 100); - webkit - transform: translateZ(0); - ms - transform: translateZ(0);transform: translateZ(0)
    }.mt - element - overlay.mt - overlay - 1: hover img {
        -ms - transform: scale(1.2) translateZ(0); - webkit - transform: scale(1.2) translateZ(0);
        transform: scale(1.2) translateZ(0)
    }.mt - element - overlay.mt - overlay - 1: hover.mt - info {
        opacity: 1;filter: alpha(opacity = 100); - webkit - transition - delay: .2 s;transition - delay: .2 s
    }.mt - element - overlay.mt - overlay - 1.mt - overlay {
        width: 100 % ;height: 100 % ;position: absolute;overflow: hidden;top: 0;left: 0;opacity: 0;background - color: rgba(0, 0, 0, .7); - webkit - transition: all .4 s ease - in -out;transition: all .4 s ease - in -out
    }.mt - element - overlay.mt - overlay - 1. mt - scroll - up: hover.mt - overlay {
        bottom: 0
    }.mt - element - overlay.mt - overlay - 1. mt - scroll - up.mt - overlay {
        bottom: -100 % ;top: auto
    }.mt - element - overlay.mt - overlay - 1. mt - scroll - down: hover.mt - overlay {
        top: 0
    }.mt - element - overlay.mt - overlay - 1. mt - scroll - down.mt - overlay {
        top: -100 %
    }.mt - element - overlay.mt - overlay - 1. mt - scroll - left: hover.mt - overlay {
        right: 0
    }.mt - element - overlay.mt - overlay - 1. mt - scroll - left.mt - overlay {
        right: -100 % ;left: auto
    }.mt - element - overlay.mt - overlay - 1. mt - scroll - right: hover.mt - overlay {
        left: 0
    }.mt - element - overlay.mt - overlay - 1. mt - scroll - right.mt - overlay {
        left: -100 %
    }.mt - element - overlay.mt - overlay - 2 {
        width: 100 % ;height: 100 % ;float: left;overflow: hidden;position: relative;text - align: center;cursor: default
    }.mt - element - overlay.mt - overlay - 2 img {
        display: block;position: relative; - webkit - transition: all .4 s ease - in ;transition: all .4 s ease - in ;width: 100 % ;height: auto
    }.mt - element - overlay.mt - overlay - 2 h2 {
        text - align: center;
        position: relative;
        font - size: 17 px;
        padding: 10 px;
        background: rgba(0, 0, 0, .6)
    }.mt - element - overlay.mt - overlay - 2.mt - info, .mt - element - overlay.mt - overlay - 2 h2 {
        -webkit - transform: scale(.7); - ms - transform: scale(.7);
        transform: scale(.7); - webkit - transition: all .4 s ease - in ;
        transition: all .4 s ease - in ;
        opacity: 0;
        filter: alpha(opacity = 0);
        color: #fff;
        text - transform: uppercase
    }.mt - element - overlay.mt - overlay - 2.mt - info {
        display: inline - block;text - decoration: none;margin: auto;position: absolute;top: 50 % ; - webkit - transform: scale(.7) translateY(-50 % ) translateX(-50 % ); - ms - transform: scale(.7) translateY(-50 % ) translateX(-50 % );transform: scale(.7) translateY(-50 % ) translateX(-50 % )
    }.mt - element - overlay.mt - overlay - 2.mt - info: hover {
        box - shadow: 0 0 5 px# fff
    }.mt - element - overlay.mt - overlay - 2: hover img {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');filter: blur(3 px); - webkit - filter: blur(3 px); - webkit - transform: scale(1.2); - ms - transform: scale(1.2);transform: scale(1.2)
    }.mt - element - overlay.mt - overlay - 2: hover.mt - overlay {
        opacity: 1;filter: alpha(opacity = 100); - webkit - transition - delay: 0 s;transition - delay: 0 s; - webkit - transform: translate(0, 0); - ms - transform: translate(0, 0);transform: translate(0, 0)
    }.mt - element - overlay.mt - overlay - 2: hover h2 {
        -webkit - transition - delay: .5 s;
        transition - delay: .5 s
    }.mt - element - overlay.mt - overlay - 2: hover.mt - info, .mt - element - overlay.mt - overlay - 2: hover h2 {
        opacity: 1;filter: alpha(opacity = 100); - webkit - transform: scale(1) translateY(-50 % ); - ms - transform: scale(1) translateY(-50 % );transform: scale(1) translateY(-50 % )
    }.mt - element - overlay.mt - overlay - 2: hover.mt - info {
        -webkit - transform: scale(1) translateY(-50 % ) translateX(-50 % ); - ms - transform: scale(1) translateY(-50 % ) translateX(-50 % );
        transform: scale(1) translateY(-50 % ) translateX(-50 % )
    }.mt - element - overlay.mt - overlay - 2.mt - overlay {
        width: 100 % ;height: 100 % ;position: absolute;overflow: hidden;top: 0;left: 0
    }.mt - element - overlay.mt - overlay - 2. mt - overlay - 2 - grey: hover img {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');filter: grayscale(1) blur(3 px); - webkit - filter: grayscale(1) blur(3 px)
    }.mt - element - overlay.mt - overlay - 2. mt - overlay - 2 - icons.mt - info {
        border: none;width: 100 % ;padding: 0; - webkit - transform: scale(.7) translateY(-50 % ) translateX(-50 % ); - ms - transform: scale(.7) translateY(-50 % ) translateX(-50 % );transform: scale(.7) translateY(-50 % ) translateX(-50 % )
    }.mt - element - overlay.mt - overlay - 2. mt - overlay - 2 - icons.mt - info: hover {
        box - shadow: none
    }.mt - element - overlay.mt - overlay - 2. mt - overlay - 2 - icons.mt - info > li {
        list - style: none;
        display: inline - block;
        margin: 0 3 px
    }.mt - element - overlay.mt - overlay - 2. mt - overlay - 2 - icons.mt - info > li: hover {
        -webkit - transition: all .2 s ease - in -out;
        transition: all .2 s ease - in -out;
        cursor: pointer
    }.mt - element - overlay.mt - overlay - 3.mt - info, .mt - element - overlay.mt - overlay - 3 h2 {
        -webkit - transition: all .4 s cubic - bezier(.88, -.99, 0, 1.81);
        color: #fff;
        text - transform: uppercase
    }.mt - element - overlay.mt - overlay - 2. mt - overlay - 2 - icons: hover.mt - info {
        -webkit - transform: scale(1) translateY(-50 % ) translateX(-50 % ); - ms - transform: scale(1) translateY(-50 % ) translateX(-50 % );
        transform: scale(1) translateY(-50 % ) translateX(-50 % )
    }.mt - element - overlay.mt - overlay - 3 {
        width: 100 % ;height: 100 % ;float: left;overflow: hidden;position: relative;text - align: center;cursor: default
    }.mt - element - overlay.mt - overlay - 3 img {
        display: block;position: relative;width: 100 % ;height: auto
    }.mt - element - overlay.mt - overlay - 3 h2 {
        text - align: center;
        position: relative;
        font - size: 17 px;
        padding: 10 px;
        background: rgba(0, 0, 0, .6); - webkit - transform: translateY(100 px); - ms - transform: translateY(100 px);
        transform: translateY(100 px);
        transition: all .4 s cubic - bezier(.88, -.99, 0, 1.81)
    }.mt - element - overlay.mt - overlay - 3.mt - info {
        display: inline - block;text - decoration: none;border: 1 px solid# fff;background - color: transparent;opacity: 0;filter: alpha(opacity = 0); - webkit - transform: scale(0); - ms - transform: scale(0);transform: scale(0);transition: all .4 s cubic - bezier(.88, -.99, 0, 1.81);font - weight: 400;position: absolute;top: 15 px;bottom: 15 px;left: 15 px;right: 15 px;margin: auto;padding: 45 % 0 0
    }.mt - element - overlay.mt - overlay - 3.mt - info: hover {
        box - shadow: 0 0 5 px# fff
    }.mt - element - overlay.mt - overlay - 3: hover.mt - overlay {
        background - color: rgba(48, 152, 157, .7)
    }.mt - element - overlay.mt - overlay - 3: hover h2 {
        -webkit - transform: translateY(5 px); - ms - transform: translateY(5 px);
        transform: translateY(5 px)
    }.mt - element - overlay.mt - overlay - 3: hover.mt - info {
        opacity: 1;filter: alpha(opacity = 100); - webkit - transform: scale(1); - ms - transform: scale(1);transform: scale(1)
    }.mt - element - overlay.mt - overlay - 3.mt - overlay {
        width: 100 % ;height: 100 % ;position: absolute;overflow: hidden;top: 0;left: 0;background - color: rgba(75, 75, 75, .7); - webkit - transition: all .4 s cubic - bezier(.88, -.99, 0, 1.81);transition: all .4 s cubic - bezier(.88, -.99, 0, 1.81)
    }.mt - element - overlay.mt - overlay - 3. mt - overlay - 3 - icons.mt - info {
        padding: 40 % 0 0
    }.mt - element - overlay.mt - overlay - 3. mt - overlay - 3 - icons.mt - info > li {
        list - style: none;
        display: inline - block;
        margin: 0 3 px
    }.mt - element - overlay.mt - overlay - 3. mt - overlay - 3 - icons.mt - info > li: hover {
        -webkit - transition: all .2 s ease - in -out;
        transition: all .2 s ease - in -out;
        cursor: pointer
    }.mt - element - overlay.mt - overlay - 4 {
        width: 100 % ;height: 100 % ;float: left;overflow: hidden;position: relative;text - align: center;cursor: default
    }.mt - element - overlay.mt - overlay - 4 img {
        display: block;position: relative; - webkit - transition: all .4 s cubic - bezier(.88, -.99, 0, 1.81);transition: all .4 s cubic - bezier(.88, -.99, 0, 1.81);width: 100 % ;height: auto
    }.mt - element - overlay.mt - overlay - 4 h2 {
        text - transform: uppercase;
        color: #fff;
        text - align: center;
        position: relative;
        font - size: 17 px;
        background: rgba(0, 0, 0, .6); - webkit - transform: translatey(-100 px); - ms - transform: translatey(-100 px);
        transform: translatey(-100 px); - webkit - transition: all .4 s cubic - bezier(.88, -.99, 0, 1.81);
        transition: all .4 s cubic - bezier(.88, -.99, 0, 1.81);
        padding: 10 px
    }.mt - element - overlay.mt - overlay - 4.mt - info {
        display: inline - block;text - transform: uppercase;opacity: 0;filter: alpha(opacity = 0); - webkit - transition: all .4 s ease;transition: all .4 s ease;margin: 50 px 0 0
    }.mt - element - overlay.mt - overlay - 4: hover.mt - overlay {
        opacity: 1;filter: alpha(opacity = 100)
    }.mt - element - overlay.mt - overlay - 4: hover.mt - info, .mt - element - overlay.mt - overlay - 4: hover h2 {
        opacity: 1;filter: alpha(opacity = 100); - ms - transform: translatey(0); - webkit - transform: translatey(0);transform: translatey(0)
    }.mt - element - overlay.mt - overlay - 4: hover.mt - info {
        -webkit - transition - delay: .2 s;
        transition - delay: .2 s
    }.mt - element - overlay.mt - overlay - 4.mt - overlay {
        width: 100 % ;height: 100 % ;position: absolute;overflow: hidden;top: 0;left: 0;opacity: 0;filter: alpha(opacity = 0);background - color: rgba(0, 0, 0, .7); - webkit - transition: all .4 s cubic - bezier(.88, -.99, 0, 1.81);transition: all .4 s cubic - bezier(.88, -.99, 0, 1.81)
    }.mt - element - overlay.mt - overlay - 4. mt - overlay - 4 - icons.mt - info {
        border: none;position: absolute;padding: 0;top: 50 % ;left: 0;right: 0; - webkit - transform: translateY(-50 % ); - ms - transform: translateY(-50 % );transform: translateY(-50 % );margin: auto
    }.mt - element - overlay.mt - overlay - 4. mt - overlay - 4 - icons.mt - info: hover {
        box - shadow: none
    }.mt - element - overlay.mt - overlay - 4. mt - overlay - 4 - icons.mt - info > li {
        list - style: none;
        display: inline - block;
        margin: 0 3 px
    }.mt - element - overlay.mt - overlay - 4. mt - overlay - 4 - icons.mt - info > li: hover {
        -webkit - transition: all .2 s ease - in -out;
        transition: all .2 s ease - in -out;
        cursor: pointer
    }.mt - element - overlay.mt - overlay - 5 {
        width: 100 % ;height: 100 % ;float: left;overflow: hidden;position: relative;text - align: center;cursor: default;background: -webkit - linear - gradient(45 deg, #ff89e9 0, #05abe0 100%);background:linear-gradient(45deg,# ff89e9 0, #05abe0 100%)}.mt-element-overlay .mt-overlay-5 .mt-overlay{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;padding:3em;text-align:left}.mt-element-overlay .mt-overlay-5 .mt-overlay:before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px solid # fff; content: ''; opacity: 0; filter: alpha(opacity = 0); - webkit - transition: opacity .35 s, -webkit - transform .45 s; transition: opacity .35 s, transform .45 s; - webkit - transform: translate3d(-20 px, 0, 0); transform: translate3d(-20 px, 0, 0)
        }.border - after - white: after,
        .border - before - white: before,
        .border - white {
            border - color: #fff!important
        }.border - top - after - white: after,
        .border - top - before - white: before,
        .border - top - white {
            border - top - color: #fff!important
        }.border - bottom - after - white: after,
        .border - bottom - before - white: before,
        .border - bottom - white {
            border - bottom - color: #fff!important
        }.border - left - after - white: after,
        .border - left - before - white: before,
        .border - left - white {
            border - left - color: #fff!important
        }.border - right - after - white: after,
        .border - right - before - white: before,
        .border - right - white {
            border - right - color: #fff!important
        }.mt - element - overlay.mt - overlay - 5 img {
            display: block;position: relative;max - width: none;width: calc(113 % +60 px); - webkit - transition: opacity .35 s,
            -webkit - transform .45 s;transition: opacity .35 s,
            transform .45 s; - webkit - transform: translate3d(-40 px, 0, 0);transform: translate3d(-40 px, 0, 0)
        }.mt - element - overlay.mt - overlay - 5 h2 {
            text - transform: uppercase;
            color: #fff;
            position: relative;
            font - size: 17 px;
            background - color: transparent;
            padding: 15 % 0 10 px;
            text - align: left
        }.mt - element - overlay.mt - overlay - 5 a,
        .mt - element - overlay.mt - overlay - 5 p {
            color: #FFF;opacity: 0;filter: alpha(opacity = 0); - webkit - transition: opacity .35 s,
            -webkit - transform .45 s;transition: opacity .35 s,
            transform .45 s; - webkit - transform: translate3d(-10 px, 0, 0);transform: translate3d(-10 px, 0, 0)
        }.mt - element - overlay.mt - overlay - 5 a: hover {
            text - decoration: none;
            opacity: .6;
            filter: alpha(opacity = 60)
        }.mt - element - overlay.mt - overlay - 5: hover img {
            opacity: .6;filter: alpha(opacity = 60); - webkit - transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)
        }.mt - element - overlay.mt - overlay - 5: hover.mt - overlay: before,
        .mt - element - overlay.mt - overlay - 5: hover a,
        .mt - element - overlay.mt - overlay - 5: hover p {
            opacity: 1;filter: alpha(opacity = 100); - webkit - transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)
        }.mt - element - overlay.mt - overlay - 6 {
            width: 100 % ;height: 100 % ;float: left;overflow: hidden;position: relative;text - align: center;cursor: default;background: #42b078}.mt-element-overlay .mt-overlay-6 .mt-overlay{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;padding:50px 20px}.mt-element-overlay .mt-overlay-6 img{display:block;position:relative;max-width:none;width:calc(100% + 20px);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.mt-element-overlay .mt-overlay-6 h2{text-transform:uppercase;color:# fff;text - align: center;position: relative;font - size: 17 px;overflow: hidden;padding: .5e m 0;background - color: transparent
        }.mt - element - overlay.mt - overlay - 6 h2: after {
            position: absolute;bottom: 0;left: 0;width: 100 % ;height: 2 px;background: #fff;content: ''; - webkit - transition: -webkit - transform .35 s;transition: transform .35 s; - webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0)
        }.mt - element - overlay.mt - overlay - 6 a,
        .mt - element - overlay.mt - overlay - 6 p {
            color: #FFF;opacity: 0;filter: alpha(opacity = 0); - webkit - transition: opacity .35 s,
            -webkit - transform .35 s;transition: opacity .35 s,
            transform .35 s; - webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0)
        }.mt - element - overlay.mt - overlay - 6 p {
            margin - top: 20 px
        }.mt - element - overlay.mt - overlay - 6.mt - info: hover {
            text - decoration: none;
            opacity: .6;
            filter: alpha(opacity = 60); - webkit - transition: all .2 s ease - in -out;
            transition: all .2 s ease - in -out;
            cursor: pointer
        }.mt - element - overlay.mt - overlay - 6: hover img {
            opacity: .4;filter: alpha(opacity = 40); - webkit - transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)
        }.mt - element - overlay.mt - overlay - 6: hover h2: after {
            -webkit - transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }.mt - element - overlay.mt - overlay - 6: hover a,
        .mt - element - overlay.mt - overlay - 6: hover p {
            opacity: 1;filter: alpha(opacity = 100); - webkit - transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)
        }.bg - white {
            background: #fff!important
        }.bg - white - opacity {
            background: rgba(255, 255, 255, .8) !important
        }.bg - after - white: after,
        .bg - before - white: before,
        .bg - hover - white: hover {
                background: #fff!important
            }.font - white {
                color: #fff!important
            }.bg - font - white {
                color: #666!important}.border-after-default:after,.border-before-default:before,.border-default{border-color:# e1e5ec!important
            }.border - top - after -
            default: after,
        .border - top - before - default: before,
        .border - top -
        default {
            border - top - color: #e1e5ec!important
        }.border - bottom - after - default: after,
        .border - bottom - before - default: before,
        .border - bottom -
        default {
            border - bottom - color: #e1e5ec!important
        }.border - left - after - default: after,
        .border - left - before - default: before,
        .border - left -
        default {
            border - left - color: #e1e5ec!important
        }.border - right - after - default: after,
        .border - right - before - default: before,
        .border - right -
        default {
            border - right - color: #e1e5ec!important
        }.bg -
        default {
            background: #e1e5ec!important
        }.bg -
        default -opacity {
            background: rgba(225, 229, 236, .8) !important
        }.bg - after - default: after,
        .bg - before - default: before,
        .bg - hover - default: hover {
                background: #e1e5ec!important
            }.font -
            default {
                color: #e1e5ec!important
            }.bg - font -
            default {
                color: #666!important}.border-after-dark:after,.border-before-dark:before,.border-dark{border-color:# 2 f353b!important
            }.border - top - after - dark: after,
        .border - top - before - dark: before,
        .border - top - dark {
            border - top - color: #2f353b!important}.border-bottom-after-dark:after,.border-bottom-before-dark:before,.border-bottom-dark{border-bottom-color:# 2 f353b!important
        }.border - left - after - dark: after,
        .border - left - before - dark: before,
        .border - left - dark {
            border - left - color: #2f353b!important}.border-right-after-dark:after,.border-right-before-dark:before,.border-right-dark{border-right-color:# 2 f353b!important
        }.bg - dark {
            background: #2f353b!important}.bg-dark-opacity{background:rgba(47,53,59,.8)!important}.bg-after-dark:after,.bg-before-dark:before,.bg-hover-dark:hover{background:# 2 f353b!important
        }.font - dark {
            color: #2f353b!important}.bg-font-dark{color:# FFF!important
        }.border - after - blue: after,
        .border - before - blue: before,
        .border - blue {
            border - color: #3598dc!important}.border-top-after-blue:after,.border-top-before-blue:before,.border-top-blue{border-top-color:# 3598 dc!important
        }.border - bottom - after - blue: after,
        .border - bottom - before - blue: before,
        .border - bottom - blue {
            border - bottom - color: #3598dc!important}.border-left-after-blue:after,.border-left-before-blue:before,.border-left-blue{border-left-color:# 3598 dc!important
        }.border - right - after - blue: after,
        .border - right - before - blue: before,
        .border - right - blue {
            border - right - color: #3598dc!important}.bg-blue{background:# 3598 dc!important
        }.bg - blue - opacity {
            background: rgba(53, 152, 220, .8) !important
        }.bg - after - blue: after,
        .bg - before - blue: before,
        .bg - hover - blue: hover {
            background: #3598dc!important}.font-blue{color:# 3598 dc!important
        }.bg - font - blue {
            color: #FFF!important
        }.border - after - blue - madison: after,
        .border - before - blue - madison: before,
        .border - blue - madison {
            border - color: #578ebe!important}.border-top-after-blue-madison:after,.border-top-before-blue-madison:before,.border-top-blue-madison{border-top-color:# 578e be!important
        }.border - bottom - after - blue - madison: after,
        .border - bottom - before - blue - madison: before,
        .border - bottom - blue - madison {
            border - bottom - color: #578ebe!important}.border-left-after-blue-madison:after,.border-left-before-blue-madison:before,.border-left-blue-madison{border-left-color:# 578e be!important
        }.border - right - after - blue - madison: after,
        .border - right - before - blue - madison: before,
        .border - right - blue - madison {
            border - right - color: #578ebe!important}.bg-blue-madison{background:# 578e be!important
        }.bg - blue - madison - opacity {
            background: rgba(87, 142, 190, .8) !important
        }.bg - after - blue - madison: after,
        .bg - before - blue - madison: before,
        .bg - hover - blue - madison: hover {
            background: #578ebe!important}.font-blue-madison{color:# 578e be!important
        }.bg - font - blue - madison {
            color: #FFF!important
        }.border - after - blue - chambray: after,
        .border - before - blue - chambray: before,
        .border - blue - chambray {
            border - color: #2C3E50!important}.border-top-after-blue-chambray:after,.border-top-before-blue-chambray:before,.border-top-blue-chambray{border-top-color:# 2 C3E50!important
        }.border - bottom - after - blue - chambray: after,
        .border - bottom - before - blue - chambray: before,
        .border - bottom - blue - chambray {
            border - bottom - color: #2C3E50!important}.border-left-after-blue-chambray:after,.border-left-before-blue-chambray:before,.border-left-blue-chambray{border-left-color:# 2 C3E50!important
        }.border - right - after - blue - chambray: after,
        .border - right - before - blue - chambray: before,
        .border - right - blue - chambray {
            border - right - color: #2C3E50!important}.bg-blue-chambray{background:# 2 C3E50!important
        }.bg - blue - chambray - opacity {
            background: rgba(44, 62, 80, .8) !important
        }.bg - after - blue - chambray: after,
        .bg - before - blue - chambray: before,
        .bg - hover - blue - chambray: hover {
            background: #2C3E50!important}.font-blue-chambray{color:# 2 C3E50!important
        }.bg - font - blue - chambray {
            color: #FFF!important
        }.border - after - blue - ebonyclay: after,
        .border - before - blue - ebonyclay: before,
        .border - blue - ebonyclay {
            border - color: #22313F!important}.border-top-after-blue-ebonyclay:after,.border-top-before-blue-ebonyclay:before,.border-top-blue-ebonyclay{border-top-color:# 22313 F!important
        }.border - bottom - after - blue - ebonyclay: after,
        .border - bottom - before - blue - ebonyclay: before,
        .border - bottom - blue - ebonyclay {
            border - bottom - color: #22313F!important}.border-left-after-blue-ebonyclay:after,.border-left-before-blue-ebonyclay:before,.border-left-blue-ebonyclay{border-left-color:# 22313 F!important
        }.border - right - after - blue - ebonyclay: after,
        .border - right - before - blue - ebonyclay: before,
        .border - right - blue - ebonyclay {
            border - right - color: #22313F!important}.bg-blue-ebonyclay{background:# 22313 F!important
        }.bg - blue - ebonyclay - opacity {
            background: rgba(34, 49, 63, .8) !important
        }.bg - after - blue - ebonyclay: after,
        .bg - before - blue - ebonyclay: before,
        .bg - hover - blue - ebonyclay: hover {
            background: #22313F!important}.font-blue-ebonyclay{color:# 22313 F!important
        }.bg - font - blue - ebonyclay {
            color: #FFF!important
        }.border - after - blue - hoki: after,
        .border - before - blue - hoki: before,
        .border - blue - hoki {
            border - color: #67809F!important}.border-top-after-blue-hoki:after,.border-top-before-blue-hoki:before,.border-top-blue-hoki{border-top-color:# 67809 F!important
        }.border - bottom - after - blue - hoki: after,
        .border - bottom - before - blue - hoki: before,
        .border - bottom - blue - hoki {
            border - bottom - color: #67809F!important}.border-left-after-blue-hoki:after,.border-left-before-blue-hoki:before,.border-left-blue-hoki{border-left-color:# 67809 F!important
        }.border - right - after - blue - hoki: after,
        .border - right - before - blue - hoki: before,
        .border - right - blue - hoki {
            border - right - color: #67809F!important}.bg-blue-hoki{background:# 67809 F!important
        }.bg - blue - hoki - opacity {
            background: rgba(103, 128, 159, .8) !important
        }.bg - after - blue - hoki: after,
        .bg - before - blue - hoki: before,
        .bg - hover - blue - hoki: hover {
            background: #67809F!important}.font-blue-hoki{color:# 67809 F!important
        }.bg - font - blue - hoki {
            color: #FFF!important
        }.border - after - blue - steel: after,
        .border - before - blue - steel: before,
        .border - blue - steel {
            border - color: #4B77BE!important}.border-top-after-blue-steel:after,.border-top-before-blue-steel:before,.border-top-blue-steel{border-top-color:# 4 B77BE!important
        }.border - bottom - after - blue - steel: after,
        .border - bottom - before - blue - steel: before,
        .border - bottom - blue - steel {
            border - bottom - color: #4B77BE!important}.border-left-after-blue-steel:after,.border-left-before-blue-steel:before,.border-left-blue-steel{border-left-color:# 4 B77BE!important
        }.border - right - after - blue - steel: after,
        .border - right - before - blue - steel: before,
        .border - right - blue - steel {
            border - right - color: #4B77BE!important}.bg-blue-steel{background:# 4 B77BE!important
        }.bg - blue - steel - opacity {
            background: rgba(75, 119, 190, .8) !important
        }.bg - after - blue - steel: after,
        .bg - before - blue - steel: before,
        .bg - hover - blue - steel: hover {
            background: #4B77BE!important}.font-blue-steel{color:# 4 B77BE!important
        }.bg - font - blue - steel {
            color: #FFF!important
        }.border - after - blue - soft: after,
        .border - before - blue - soft: before,
        .border - blue - soft {
            border - color: #4c87b9!important}.border-top-after-blue-soft:after,.border-top-before-blue-soft:before,.border-top-blue-soft{border-top-color:# 4 c87b9!important
        }.border - bottom - after - blue - soft: after,
        .border - bottom - before - blue - soft: before,
        .border - bottom - blue - soft {
            border - bottom - color: #4c87b9!important}.border-left-after-blue-soft:after,.border-left-before-blue-soft:before,.border-left-blue-soft{border-left-color:# 4 c87b9!important
        }.border - right - after - blue - soft: after,
        .border - right - before - blue - soft: before,
        .border - right - blue - soft {
            border - right - color: #4c87b9!important}.bg-blue-soft{background:# 4 c87b9!important
        }.bg - blue - soft - opacity {
            background: rgba(76, 135, 185, .8) !important
        }.bg - after - blue - soft: after,
        .bg - before - blue - soft: before,
        .bg - hover - blue - soft: hover {
            background: #4c87b9!important}.font-blue-soft{color:# 4 c87b9!important
        }.bg - font - blue - soft {
            color: #FFF!important
        }.border - after - blue - dark: after,
        .border - before - blue - dark: before,
        .border - blue - dark {
            border - color: #5e738b!important}.border-top-after-blue-dark:after,.border-top-before-blue-dark:before,.border-top-blue-dark{border-top-color:# 5e738 b!important
        }.border - bottom - after - blue - dark: after,
        .border - bottom - before - blue - dark: before,
        .border - bottom - blue - dark {
            border - bottom - color: #5e738b!important}.border-left-after-blue-dark:after,.border-left-before-blue-dark:before,.border-left-blue-dark{border-left-color:# 5e738 b!important
        }.border - right - after - blue - dark: after,
        .border - right - before - blue - dark: before,
        .border - right - blue - dark {
            border - right - color: #5e738b!important}.bg-blue-dark{background:# 5e738 b!important
        }.bg - blue - dark - opacity {
            background: rgba(94, 115, 139, .8) !important
        }.bg - after - blue - dark: after,
        .bg - before - blue - dark: before,
        .bg - hover - blue - dark: hover {
            background: #5e738b!important}.font-blue-dark{color:# 5e738 b!important
        }.bg - font - blue - dark {
            color: #FFF!important
        }.border - after - blue - sharp: after,
        .border - before - blue - sharp: before,
        .border - blue - sharp {
            border - color: #5C9BD1!important}.border-top-after-blue-sharp:after,.border-top-before-blue-sharp:before,.border-top-blue-sharp{border-top-color:# 5 C9BD1!important
        }.border - bottom - after - blue - sharp: after,
        .border - bottom - before - blue - sharp: before,
        .border - bottom - blue - sharp {
            border - bottom - color: #5C9BD1!important}.border-left-after-blue-sharp:after,.border-left-before-blue-sharp:before,.border-left-blue-sharp{border-left-color:# 5 C9BD1!important
        }.border - right - after - blue - sharp: after,
        .border - right - before - blue - sharp: before,
        .border - right - blue - sharp {
            border - right - color: #5C9BD1!important}.bg-blue-sharp{background:# 5 C9BD1!important
        }.bg - blue - sharp - opacity {
            background: rgba(92, 155, 209, .8) !important
        }.bg - after - blue - sharp: after,
        .bg - before - blue - sharp: before,
        .bg - hover - blue - sharp: hover {
            background: #5C9BD1!important}.font-blue-sharp{color:# 5 C9BD1!important
        }.bg - font - blue - sharp {
            color: #FFF!important
        }.border - after - blue - oleo: after,
        .border - before - blue - oleo: before,
        .border - blue - oleo {
            border - color: #94A0B2!important}.border-top-after-blue-oleo:after,.border-top-before-blue-oleo:before,.border-top-blue-oleo{border-top-color:# 94 A0B2!important
        }.border - bottom - after - blue - oleo: after,
        .border - bottom - before - blue - oleo: before,
        .border - bottom - blue - oleo {
            border - bottom - color: #94A0B2!important}.border-left-after-blue-oleo:after,.border-left-before-blue-oleo:before,.border-left-blue-oleo{border-left-color:# 94 A0B2!important
        }.border - right - after - blue - oleo: after,
        .border - right - before - blue - oleo: before,
        .border - right - blue - oleo {
            border - right - color: #94A0B2!important}.bg-blue-oleo{background:# 94 A0B2!important
        }.bg - blue - oleo - opacity {
            background: rgba(148, 160, 178, .8) !important
        }.bg - after - blue - oleo: after,
        .bg - before - blue - oleo: before,
        .bg - hover - blue - oleo: hover {
            background: #94A0B2!important}.font-blue-oleo{color:# 94 A0B2!important
        }.bg - font - blue - oleo {
            color: #FFF!important
        }.border - after - green: after,
        .border - before - green: before,
        .border - green {
            border - color: #32c5d2!important}.border-top-after-green:after,.border-top-before-green:before,.border-top-green{border-top-color:# 32 c5d2!important
        }.border - bottom - after - green: after,
        .border - bottom - before - green: before,
        .border - bottom - green {
            border - bottom - color: #32c5d2!important}.border-left-after-green:after,.border-left-before-green:before,.border-left-green{border-left-color:# 32 c5d2!important
        }.border - right - after - green: after,
        .border - right - before - green: before,
        .border - right - green {
            border - right - color: #32c5d2!important}.bg-green{background:# 32 c5d2!important
        }.bg - green - opacity {
            background: rgba(50, 197, 210, .8) !important
        }.bg - after - green: after,
        .bg - before - green: before,
        .bg - hover - green: hover {
            background: #32c5d2!important}.font-green{color:# 32 c5d2!important
        }.bg - font - green {
            color: #FFF!important
        }.border - after - green - meadow: after,
        .border - before - green - meadow: before,
        .border - green - meadow {
            border - color: #1BBC9B!important}.border-top-after-green-meadow:after,.border-top-before-green-meadow:before,.border-top-green-meadow{border-top-color:# 1 BBC9B!important
        }.border - bottom - after - green - meadow: after,
        .border - bottom - before - green - meadow: before,
        .border - bottom - green - meadow {
            border - bottom - color: #1BBC9B!important}.border-left-after-green-meadow:after,.border-left-before-green-meadow:before,.border-left-green-meadow{border-left-color:# 1 BBC9B!important
        }.border - right - after - green - meadow: after,
        .border - right - before - green - meadow: before,
        .border - right - green - meadow {
            border - right - color: #1BBC9B!important}.bg-green-meadow{background:# 1 BBC9B!important
        }.bg - green - meadow - opacity {
            background: rgba(27, 188, 155, .8) !important
        }.bg - after - green - meadow: after,
        .bg - before - green - meadow: before,
        .bg - hover - green - meadow: hover {
            background: #1BBC9B!important}.font-green-meadow{color:# 1 BBC9B!important
        }.bg - font - green - meadow {
            color: #FFF!important
        }.border - after - green - seagreen: after,
        .border - before - green - seagreen: before,
        .border - green - seagreen {
            border - color: #1BA39C!important}.border-top-after-green-seagreen:after,.border-top-before-green-seagreen:before,.border-top-green-seagreen{border-top-color:# 1 BA39C!important
        }.border - bottom - after - green - seagreen: after,
        .border - bottom - before - green - seagreen: before,
        .border - bottom - green - seagreen {
            border - bottom - color: #1BA39C!important}.border-left-after-green-seagreen:after,.border-left-before-green-seagreen:before,.border-left-green-seagreen{border-left-color:# 1 BA39C!important
        }.border - right - after - green - seagreen: after,
        .border - right - before - green - seagreen: before,
        .border - right - green - seagreen {
            border - right - color: #1BA39C!important}.bg-green-seagreen{background:# 1 BA39C!important
        }.bg - green - seagreen - opacity {
            background: rgba(27, 163, 156, .8) !important
        }.bg - after - green - seagreen: after,
        .bg - before - green - seagreen: before,
        .bg - hover - green - seagreen: hover {
            background: #1BA39C!important}.font-green-seagreen{color:# 1 BA39C!important
        }.bg - font - green - seagreen {
            color: #FFF!important
        }.border - after - green - turquoise: after,
        .border - before - green - turquoise: before,
        .border - green - turquoise {
            border - color: #36D7B7!important}.border-top-after-green-turquoise:after,.border-top-before-green-turquoise:before,.border-top-green-turquoise{border-top-color:# 36 D7B7!important
        }.border - bottom - after - green - turquoise: after,
        .border - bottom - before - green - turquoise: before,
        .border - bottom - green - turquoise {
            border - bottom - color: #36D7B7!important}.border-left-after-green-turquoise:after,.border-left-before-green-turquoise:before,.border-left-green-turquoise{border-left-color:# 36 D7B7!important
        }.border - right - after - green - turquoise: after,
        .border - right - before - green - turquoise: before,
        .border - right - green - turquoise {
            border - right - color: #36D7B7!important}.bg-green-turquoise{background:# 36 D7B7!important
        }.bg - green - turquoise - opacity {
            background: rgba(54, 215, 183, .8) !important
        }.bg - after - green - turquoise: after,
        .bg - before - green - turquoise: before,
        .bg - hover - green - turquoise: hover {
            background: #36D7B7!important}.font-green-turquoise{color:# 36 D7B7!important
        }.bg - font - green - turquoise {
            color: #FFF!important
        }.border - after - green - haze: after,
        .border - before - green - haze: before,
        .border - green - haze {
            border - color: #44b6ae!important}.border-top-after-green-haze:after,.border-top-before-green-haze:before,.border-top-green-haze{border-top-color:# 44 b6ae!important
        }.border - bottom - after - green - haze: after,
        .border - bottom - before - green - haze: before,
        .border - bottom - green - haze {
            border - bottom - color: #44b6ae!important}.border-left-after-green-haze:after,.border-left-before-green-haze:before,.border-left-green-haze{border-left-color:# 44 b6ae!important
        }.border - right - after - green - haze: after,
        .border - right - before - green - haze: before,
        .border - right - green - haze {
            border - right - color: #44b6ae!important}.bg-green-haze{background:# 44 b6ae!important
        }.bg - green - haze - opacity {
            background: rgba(68, 182, 174, .8) !important
        }.bg - after - green - haze: after,
        .bg - before - green - haze: before,
        .bg - hover - green - haze: hover {
            background: #44b6ae!important}.font-green-haze{color:# 44 b6ae!important
        }.bg - font - green - haze {
            color: #FFF!important
        }.border - after - green - jungle: after,
        .border - before - green - jungle: before,
        .border - green - jungle {
            border - color: #26C281!important}.border-top-after-green-jungle:after,.border-top-before-green-jungle:before,.border-top-green-jungle{border-top-color:# 26 C281!important
        }.border - bottom - after - green - jungle: after,
        .border - bottom - before - green - jungle: before,
        .border - bottom - green - jungle {
            border - bottom - color: #26C281!important}.border-left-after-green-jungle:after,.border-left-before-green-jungle:before,.border-left-green-jungle{border-left-color:# 26 C281!important
        }.border - right - after - green - jungle: after,
        .border - right - before - green - jungle: before,
        .border - right - green - jungle {
            border - right - color: #26C281!important}.bg-green-jungle{background:# 26 C281!important
        }.bg - green - jungle - opacity {
            background: rgba(38, 194, 129, .8) !important
        }.bg - after - green - jungle: after,
        .bg - before - green - jungle: before,
        .bg - hover - green - jungle: hover {
            background: #26C281!important}.font-green-jungle{color:# 26 C281!important
        }.bg - font - green - jungle {
            color: #FFF!important
        }.border - after - green - soft: after,
        .border - before - green - soft: before,
        .border - green - soft {
            border - color: #3faba4!important}.border-top-after-green-soft:after,.border-top-before-green-soft:before,.border-top-green-soft{border-top-color:# 3 faba4!important
        }.border - bottom - after - green - soft: after,
        .border - bottom - before - green - soft: before,
        .border - bottom - green - soft {
            border - bottom - color: #3faba4!important}.border-left-after-green-soft:after,.border-left-before-green-soft:before,.border-left-green-soft{border-left-color:# 3 faba4!important
        }.border - right - after - green - soft: after,
        .border - right - before - green - soft: before,
        .border - right - green - soft {
            border - right - color: #3faba4!important}.bg-green-soft{background:# 3 faba4!important
        }.bg - green - soft - opacity {
            background: rgba(63, 171, 164, .8) !important
        }.bg - after - green - soft: after,
        .bg - before - green - soft: before,
        .bg - hover - green - soft: hover {
            background: #3faba4!important}.font-green-soft{color:# 3 faba4!important
        }.bg - font - green - soft {
            color: #FFF!important
        }.border - after - green - dark: after,
        .border - before - green - dark: before,
        .border - green - dark {
            border - color: #4DB3A2!important}.border-top-after-green-dark:after,.border-top-before-green-dark:before,.border-top-green-dark{border-top-color:# 4 DB3A2!important
        }.border - bottom - after - green - dark: after,
        .border - bottom - before - green - dark: before,
        .border - bottom - green - dark {
            border - bottom - color: #4DB3A2!important}.border-left-after-green-dark:after,.border-left-before-green-dark:before,.border-left-green-dark{border-left-color:# 4 DB3A2!important
        }.border - right - after - green - dark: after,
        .border - right - before - green - dark: before,
        .border - right - green - dark {
            border - right - color: #4DB3A2!important}.bg-green-dark{background:# 4 DB3A2!important
        }.bg - green - dark - opacity {
            background: rgba(77, 179, 162, .8) !important
        }.bg - after - green - dark: after,
        .bg - before - green - dark: before,
        .bg - hover - green - dark: hover {
            background: #4DB3A2!important}.font-green-dark{color:# 4 DB3A2!important
        }.bg - font - green - dark {
            color: #FFF!important
        }.border - after - green - sharp: after,
        .border - before - green - sharp: before,
        .border - green - sharp {
            border - color: #2ab4c0!important}.border-top-after-green-sharp:after,.border-top-before-green-sharp:before,.border-top-green-sharp{border-top-color:# 2 ab4c0!important
        }.border - bottom - after - green - sharp: after,
        .border - bottom - before - green - sharp: before,
        .border - bottom - green - sharp {
            border - bottom - color: #2ab4c0!important}.border-left-after-green-sharp:after,.border-left-before-green-sharp:before,.border-left-green-sharp{border-left-color:# 2 ab4c0!important
        }.border - right - after - green - sharp: after,
        .border - right - before - green - sharp: before,
        .border - right - green - sharp {
            border - right - color: #2ab4c0!important}.bg-green-sharp{background:# 2 ab4c0!important
        }.bg - green - sharp - opacity {
            background: rgba(42, 180, 192, .8) !important
        }.bg - after - green - sharp: after,
        .bg - before - green - sharp: before,
        .bg - hover - green - sharp: hover {
            background: #2ab4c0!important}.font-green-sharp{color:# 2 ab4c0!important
        }.bg - font - green - sharp {
            color: #FFF!important
        }.border - after - green - steel: after,
        .border - before - green - steel: before,
        .border - green - steel {
            border - color: #29b4b6!important}.border-top-after-green-steel:after,.border-top-before-green-steel:before,.border-top-green-steel{border-top-color:# 29 b4b6!important
        }.border - bottom - after - green - steel: after,
        .border - bottom - before - green - steel: before,
        .border - bottom - green - steel {
            border - bottom - color: #29b4b6!important}.border-left-after-green-steel:after,.border-left-before-green-steel:before,.border-left-green-steel{border-left-color:# 29 b4b6!important
        }.border - right - after - green - steel: after,
        .border - right - before - green - steel: before,
        .border - right - green - steel {
            border - right - color: #29b4b6!important}.bg-green-steel{background:# 29 b4b6!important
        }.bg - green - steel - opacity {
            background: rgba(41, 180, 182, .8) !important
        }.bg - after - green - steel: after,
        .bg - before - green - steel: before,
        .bg - hover - green - steel: hover {
            background: #29b4b6!important}.font-green-steel{color:# 29 b4b6!important
        }.bg - font - green - steel {
            color: #FFF!important
        }.border - after - grey: after,
        .border - before - grey: before,
        .border - grey {
            border - color: #E5E5E5!important
        }.border - top - after - grey: after,
        .border - top - before - grey: before,
        .border - top - grey {
            border - top - color: #E5E5E5!important
        }.border - bottom - after - grey: after,
        .border - bottom - before - grey: before,
        .border - bottom - grey {
            border - bottom - color: #E5E5E5!important
        }.border - left - after - grey: after,
        .border - left - before - grey: before,
        .border - left - grey {
            border - left - color: #E5E5E5!important
        }.border - right - after - grey: after,
        .border - right - before - grey: before,
        .border - right - grey {
            border - right - color: #E5E5E5!important
        }.bg - grey {
            background: #E5E5E5!important
        }.bg - grey - opacity {
            background: rgba(229, 229, 229, .8) !important
        }.bg - after - grey: after,
        .bg - before - grey: before,
        .bg - hover - grey: hover {
            background: #E5E5E5!important
        }.font - grey {
            color: #E5E5E5!important
        }.bg - font - grey {
            color: #333!important}.border-after-grey-steel:after,.border-before-grey-steel:before,.border-grey-steel{border-color:# e9edef!important
        }.border - top - after - grey - steel: after,
        .border - top - before - grey - steel: before,
        .border - top - grey - steel {
            border - top - color: #e9edef!important
        }.border - bottom - after - grey - steel: after,
        .border - bottom - before - grey - steel: before,
        .border - bottom - grey - steel {
            border - bottom - color: #e9edef!important
        }.border - left - after - grey - steel: after,
        .border - left - before - grey - steel: before,
        .border - left - grey - steel {
            border - left - color: #e9edef!important
        }.border - right - after - grey - steel: after,
        .border - right - before - grey - steel: before,
        .border - right - grey - steel {
            border - right - color: #e9edef!important
        }.bg - grey - steel {
            background: #e9edef!important
        }.bg - grey - steel - opacity {
            background: rgba(233, 237, 239, .8) !important
        }.bg - after - grey - steel: after,
        .bg - before - grey - steel: before,
        .bg - hover - grey - steel: hover {
            background: #e9edef!important
        }.font - grey - steel {
            color: #e9edef!important
        }.bg - font - grey - steel {
            color: #80898e!important}.border-after-grey-cararra:after,.border-before-grey-cararra:before,.border-grey-cararra{border-color:# fafafa!important
        }.border - top - after - grey - cararra: after,
        .border - top - before - grey - cararra: before,
        .border - top - grey - cararra {
            border - top - color: #fafafa!important
        }.border - bottom - after - grey - cararra: after,
        .border - bottom - before - grey - cararra: before,
        .border - bottom - grey - cararra {
            border - bottom - color: #fafafa!important
        }.border - left - after - grey - cararra: after,
        .border - left - before - grey - cararra: before,
        .border - left - grey - cararra {
            border - left - color: #fafafa!important
        }.border - right - after - grey - cararra: after,
        .border - right - before - grey - cararra: before,
        .border - right - grey - cararra {
            border - right - color: #fafafa!important
        }.bg - grey - cararra {
            background: #fafafa!important
        }.bg - grey - cararra - opacity {
            background: rgba(250, 250, 250, .8) !important
        }.bg - after - grey - cararra: after,
        .bg - before - grey - cararra: before,
        .bg - hover - grey - cararra: hover {
            background: #fafafa!important
        }.font - grey - cararra {
            color: #fafafa!important
        }.bg - font - grey - cararra {
            color: #333!important}.border-after-grey-gallery:after,.border-before-grey-gallery:before,.border-grey-gallery{border-color:# 555!important
        }.border - top - after - grey - gallery: after,
        .border - top - before - grey - gallery: before,
        .border - top - grey - gallery {
            border - top - color: #555!important}.border-bottom-after-grey-gallery:after,.border-bottom-before-grey-gallery:before,.border-bottom-grey-gallery{border-bottom-color:# 555!important
        }.border - left - after - grey - gallery: after,
        .border - left - before - grey - gallery: before,
        .border - left - grey - gallery {
            border - left - color: #555!important}.border-right-after-grey-gallery:after,.border-right-before-grey-gallery:before,.border-right-grey-gallery{border-right-color:# 555!important
        }.bg - grey - gallery {
            background: #555!important}.bg-grey-gallery-opacity{background:rgba(85,85,85,.8)!important}.bg-after-grey-gallery:after,.bg-before-grey-gallery:before,.bg-hover-grey-gallery:hover{background:# 555!important
        }.font - grey - gallery {
            color: #555!important}.bg-font-grey-gallery{color:# fff!important
        }.border - after - grey - cascade: after,
        .border - before - grey - cascade: before,
        .border - grey - cascade {
            border - color: #95A5A6!important}.border-top-after-grey-cascade:after,.border-top-before-grey-cascade:before,.border-top-grey-cascade{border-top-color:# 95 A5A6!important
        }.border - bottom - after - grey - cascade: after,
        .border - bottom - before - grey - cascade: before,
        .border - bottom - grey - cascade {
            border - bottom - color: #95A5A6!important}.border-left-after-grey-cascade:after,.border-left-before-grey-cascade:before,.border-left-grey-cascade{border-left-color:# 95 A5A6!important
        }.border - right - after - grey - cascade: after,
        .border - right - before - grey - cascade: before,
        .border - right - grey - cascade {
            border - right - color: #95A5A6!important}.bg-grey-cascade{background:# 95 A5A6!important
        }.bg - grey - cascade - opacity {
            background: rgba(149, 165, 166, .8) !important
        }.bg - after - grey - cascade: after,
        .bg - before - grey - cascade: before,
        .bg - hover - grey - cascade: hover {
            background: #95A5A6!important}.font-grey-cascade{color:# 95 A5A6!important
        }.bg - font - grey - cascade {
            color: #FFF!important
        }.border - after - grey - silver: after,
        .border - before - grey - silver: before,
        .border - grey - silver {
            border - color: #BFBFBF!important
        }.border - top - after - grey - silver: after,
        .border - top - before - grey - silver: before,
        .border - top - grey - silver {
            border - top - color: #BFBFBF!important
        }.border - bottom - after - grey - silver: after,
        .border - bottom - before - grey - silver: before,
        .border - bottom - grey - silver {
            border - bottom - color: #BFBFBF!important
        }.border - left - after - grey - silver: after,
        .border - left - before - grey - silver: before,
        .border - left - grey - silver {
            border - left - color: #BFBFBF!important
        }.border - right - after - grey - silver: after,
        .border - right - before - grey - silver: before,
        .border - right - grey - silver {
            border - right - color: #BFBFBF!important
        }.bg - grey - silver {
            background: #BFBFBF!important
        }.bg - grey - silver - opacity {
            background: rgba(191, 191, 191, .8) !important
        }.bg - after - grey - silver: after,
        .bg - before - grey - silver: before,
        .bg - hover - grey - silver: hover {
            background: #BFBFBF!important
        }.font - grey - silver {
            color: #BFBFBF!important
        }.bg - font - grey - silver {
            color: #FAFCFB!important
        }.border - after - grey - salsa: after,
        .border - before - grey - salsa: before,
        .border - grey - salsa {
            border - color: #ACB5C3!important
        }.border - top - after - grey - salsa: after,
        .border - top - before - grey - salsa: before,
        .border - top - grey - salsa {
            border - top - color: #ACB5C3!important
        }.border - bottom - after - grey - salsa: after,
        .border - bottom - before - grey - salsa: before,
        .border - bottom - grey - salsa {
            border - bottom - color: #ACB5C3!important
        }.border - left - after - grey - salsa: after,
        .border - left - before - grey - salsa: before,
        .border - left - grey - salsa {
            border - left - color: #ACB5C3!important
        }.border - right - after - grey - salsa: after,
        .border - right - before - grey - salsa: before,
        .border - right - grey - salsa {
            border - right - color: #ACB5C3!important
        }.bg - grey - salsa {
            background: #ACB5C3!important
        }.bg - grey - salsa - opacity {
            background: rgba(172, 181, 195, .8) !important
        }.bg - after - grey - salsa: after,
        .bg - before - grey - salsa: before,
        .bg - hover - grey - salsa: hover {
            background: #ACB5C3!important
        }.font - grey - salsa {
            color: #ACB5C3!important
        }.bg - font - grey - salsa {
            color: #FAFCFB!important
        }.border - after - grey - salt: after,
        .border - before - grey - salt: before,
        .border - grey - salt {
            border - color: #bfcad1!important
        }.border - top - after - grey - salt: after,
        .border - top - before - grey - salt: before,
        .border - top - grey - salt {
            border - top - color: #bfcad1!important
        }.border - bottom - after - grey - salt: after,
        .border - bottom - before - grey - salt: before,
        .border - bottom - grey - salt {
            border - bottom - color: #bfcad1!important
        }.border - left - after - grey - salt: after,
        .border - left - before - grey - salt: before,
        .border - left - grey - salt {
            border - left - color: #bfcad1!important
        }.border - right - after - grey - salt: after,
        .border - right - before - grey - salt: before,
        .border - right - grey - salt {
            border - right - color: #bfcad1!important
        }.bg - grey - salt {
            background: #bfcad1!important
        }.bg - grey - salt - opacity {
            background: rgba(191, 202, 209, .8) !important
        }.bg - after - grey - salt: after,
        .bg - before - grey - salt: before,
        .bg - hover - grey - salt: hover {
            background: #bfcad1!important
        }.font - grey - salt {
            color: #bfcad1!important
        }.bg - font - grey - salt {
            color: #FAFCFB!important
        }.border - after - grey - mint: after,
        .border - before - grey - mint: before,
        .border - grey - mint {
            border - color: #525e64!important}.border-top-after-grey-mint:after,.border-top-before-grey-mint:before,.border-top-grey-mint{border-top-color:# 525e64!important
        }.border - bottom - after - grey - mint: after,
        .border - bottom - before - grey - mint: before,
        .border - bottom - grey - mint {
            border - bottom - color: #525e64!important}.border-left-after-grey-mint:after,.border-left-before-grey-mint:before,.border-left-grey-mint{border-left-color:# 525e64!important
        }.border - right - after - grey - mint: after,
        .border - right - before - grey - mint: before,
        .border - right - grey - mint {
            border - right - color: #525e64!important}.bg-grey-mint{background:# 525e64!important
        }.bg - grey - mint - opacity {
            background: rgba(82, 94, 100, .8) !important
        }.bg - after - grey - mint: after,
        .bg - before - grey - mint: before,
        .bg - hover - grey - mint: hover {
            background: #525e64!important}.font-grey-mint{color:# 525e64!important
        }.bg - font - grey - mint {
            color: #FFF!important
        }.border - after - red: after,
        .border - before - red: before,
        .border - red {
            border - color: #e7505a!important
        }.border - top - after - red: after,
        .border - top - before - red: before,
        .border - top - red {
            border - top - color: #e7505a!important
        }.border - bottom - after - red: after,
        .border - bottom - before - red: before,
        .border - bottom - red {
            border - bottom - color: #e7505a!important
        }.border - left - after - red: after,
        .border - left - before - red: before,
        .border - left - red {
            border - left - color: #e7505a!important
        }.border - right - after - red: after,
        .border - right - before - red: before,
        .border - right - red {
            border - right - color: #e7505a!important
        }.bg - red {
            background: #e7505a!important
        }.bg - red - opacity {
            background: rgba(231, 80, 90, .8) !important
        }.bg - after - red: after,
        .bg - before - red: before,
        .bg - hover - red: hover {
            background: #e7505a!important
        }.font - red {
            color: #e7505a!important
        }.bg - font - red {
            color: #fff!important
        }.border - after - red - pink: after,
        .border - before - red - pink: before,
        .border - red - pink {
            border - color: #E08283!important
        }.border - top - after - red - pink: after,
        .border - top - before - red - pink: before,
        .border - top - red - pink {
            border - top - color: #E08283!important
        }.border - bottom - after - red - pink: after,
        .border - bottom - before - red - pink: before,
        .border - bottom - red - pink {
            border - bottom - color: #E08283!important
        }.border - left - after - red - pink: after,
        .border - left - before - red - pink: before,
        .border - left - red - pink {
            border - left - color: #E08283!important
        }.border - right - after - red - pink: after,
        .border - right - before - red - pink: before,
        .border - right - red - pink {
            border - right - color: #E08283!important
        }.bg - red - pink {
            background: #E08283!important
        }.bg - red - pink - opacity {
            background: rgba(224, 130, 131, .8) !important
        }.bg - after - red - pink: after,
        .bg - before - red - pink: before,
        .bg - hover - red - pink: hover {
            background: #E08283!important
        }.font - red - pink {
            color: #E08283!important
        }.bg - font - red - pink {
            color: #fff!important
        }.border - after - red - sunglo: after,
        .border - before - red - sunglo: before,
        .border - red - sunglo {
            border - color: #E26A6A!important
        }.border - top - after - red - sunglo: after,
        .border - top - before - red - sunglo: before,
        .border - top - red - sunglo {
            border - top - color: #E26A6A!important
        }.border - bottom - after - red - sunglo: after,
        .border - bottom - before - red - sunglo: before,
        .border - bottom - red - sunglo {
            border - bottom - color: #E26A6A!important
        }.border - left - after - red - sunglo: after,
        .border - left - before - red - sunglo: before,
        .border - left - red - sunglo {
            border - left - color: #E26A6A!important
        }.border - right - after - red - sunglo: after,
        .border - right - before - red - sunglo: before,
        .border - right - red - sunglo {
            border - right - color: #E26A6A!important
        }.bg - red - sunglo {
            background: #E26A6A!important
        }.bg - red - sunglo - opacity {
            background: rgba(226, 106, 106, .8) !important
        }.bg - after - red - sunglo: after,
        .bg - before - red - sunglo: before,
        .bg - hover - red - sunglo: hover {
            background: #E26A6A!important
        }.font - red - sunglo {
            color: #E26A6A!important
        }.bg - font - red - sunglo {
            color: #fff!important
        }.border - after - red - intense: after,
        .border - before - red - intense: before,
        .border - red - intense {
            border - color: #e35b5a!important
        }.border - top - after - red - intense: after,
        .border - top - before - red - intense: before,
        .border - top - red - intense {
            border - top - color: #e35b5a!important
        }.border - bottom - after - red - intense: after,
        .border - bottom - before - red - intense: before,
        .border - bottom - red - intense {
            border - bottom - color: #e35b5a!important
        }.border - left - after - red - intense: after,
        .border - left - before - red - intense: before,
        .border - left - red - intense {
            border - left - color: #e35b5a!important
        }.border - right - after - red - intense: after,
        .border - right - before - red - intense: before,
        .border - right - red - intense {
            border - right - color: #e35b5a!important
        }.bg - red - intense {
            background: #e35b5a!important
        }.bg - red - intense - opacity {
            background: rgba(227, 91, 90, .8) !important
        }.bg - after - red - intense: after,
        .bg - before - red - intense: before,
        .bg - hover - red - intense: hover {
            background: #e35b5a!important
        }.font - red - intense {
            color: #e35b5a!important
        }.bg - font - red - intense {
            color: #fff!important
        }.border - after - red - thunderbird: after,
        .border - before - red - thunderbird: before,
        .border - red - thunderbird {
            border - color: #D91E18!important
        }.border - top - after - red - thunderbird: after,
        .border - top - before - red - thunderbird: before,
        .border - top - red - thunderbird {
            border - top - color: #D91E18!important
        }.border - bottom - after - red - thunderbird: after,
        .border - bottom - before - red - thunderbird: before,
        .border - bottom - red - thunderbird {
            border - bottom - color: #D91E18!important
        }.border - left - after - red - thunderbird: after,
        .border - left - before - red - thunderbird: before,
        .border - left - red - thunderbird {
            border - left - color: #D91E18!important
        }.border - right - after - red - thunderbird: after,
        .border - right - before - red - thunderbird: before,
        .border - right - red - thunderbird {
            border - right - color: #D91E18!important
        }.bg - red - thunderbird {
            background: #D91E18!important
        }.bg - red - thunderbird - opacity {
            background: rgba(217, 30, 24, .8) !important
        }.bg - after - red - thunderbird: after,
        .bg - before - red - thunderbird: before,
        .bg - hover - red - thunderbird: hover {
            background: #D91E18!important
        }.font - red - thunderbird {
            color: #D91E18!important
        }.bg - font - red - thunderbird {
            color: #fff!important
        }.border - after - red - flamingo: after,
        .border - before - red - flamingo: before,
        .border - red - flamingo {
            border - color: #EF4836!important
        }.border - top - after - red - flamingo: after,
        .border - top - before - red - flamingo: before,
        .border - top - red - flamingo {
            border - top - color: #EF4836!important
        }.border - bottom - after - red - flamingo: after,
        .border - bottom - before - red - flamingo: before,
        .border - bottom - red - flamingo {
            border - bottom - color: #EF4836!important
        }.border - left - after - red - flamingo: after,
        .border - left - before - red - flamingo: before,
        .border - left - red - flamingo {
            border - left - color: #EF4836!important
        }.border - right - after - red - flamingo: after,
        .border - right - before - red - flamingo: before,
        .border - right - red - flamingo {
            border - right - color: #EF4836!important
        }.bg - red - flamingo {
            background: #EF4836!important
        }.bg - red - flamingo - opacity {
            background: rgba(239, 72, 54, .8) !important
        }.bg - after - red - flamingo: after,
        .bg - before - red - flamingo: before,
        .bg - hover - red - flamingo: hover {
            background: #EF4836!important
        }.font - red - flamingo {
            color: #EF4836!important
        }.bg - font - red - flamingo {
            color: #fff!important
        }.border - after - red - soft: after,
        .border - before - red - soft: before,
        .border - red - soft {
            border - color: #d05454!important
        }.border - top - after - red - soft: after,
        .border - top - before - red - soft: before,
        .border - top - red - soft {
            border - top - color: #d05454!important
        }.border - bottom - after - red - soft: after,
        .border - bottom - before - red - soft: before,
        .border - bottom - red - soft {
            border - bottom - color: #d05454!important
        }.border - left - after - red - soft: after,
        .border - left - before - red - soft: before,
        .border - left - red - soft {
            border - left - color: #d05454!important
        }.border - right - after - red - soft: after,
        .border - right - before - red - soft: before,
        .border - right - red - soft {
            border - right - color: #d05454!important
        }.bg - red - soft {
            background: #d05454!important
        }.bg - red - soft - opacity {
            background: rgba(208, 84, 84, .8) !important
        }.bg - after - red - soft: after,
        .bg - before - red - soft: before,
        .bg - hover - red - soft: hover {
            background: #d05454!important
        }.font - red - soft {
            color: #d05454!important
        }.bg - font - red - soft {
            color: #fff!important
        }.border - after - red - haze: after,
        .border - before - red - haze: before,
        .border - red - haze {
            border - color: #f36a5a!important
        }.border - top - after - red - haze: after,
        .border - top - before - red - haze: before,
        .border - top - red - haze {
            border - top - color: #f36a5a!important
        }.border - bottom - after - red - haze: after,
        .border - bottom - before - red - haze: before,
        .border - bottom - red - haze {
            border - bottom - color: #f36a5a!important
        }.border - left - after - red - haze: after,
        .border - left - before - red - haze: before,
        .border - left - red - haze {
            border - left - color: #f36a5a!important
        }.border - right - after - red - haze: after,
        .border - right - before - red - haze: before,
        .border - right - red - haze {
            border - right - color: #f36a5a!important
        }.bg - red - haze {
            background: #f36a5a!important
        }.bg - red - haze - opacity {
            background: rgba(243, 106, 90, .8) !important
        }.bg - after - red - haze: after,
        .bg - before - red - haze: before,
        .bg - hover - red - haze: hover {
            background: #f36a5a!important
        }.font - red - haze {
            color: #f36a5a!important
        }.bg - font - red - haze {
            color: #fff!important
        }.border - after - red - mint: after,
        .border - before - red - mint: before,
        .border - red - mint {
            border - color: #e43a45!important
        }.border - top - after - red - mint: after,
        .border - top - before - red - mint: before,
        .border - top - red - mint {
            border - top - color: #e43a45!important
        }.border - bottom - after - red - mint: after,
        .border - bottom - before - red - mint: before,
        .border - bottom - red - mint {
            border - bottom - color: #e43a45!important
        }.border - left - after - red - mint: after,
        .border - left - before - red - mint: before,
        .border - left - red - mint {
            border - left - color: #e43a45!important
        }.border - right - after - red - mint: after,
        .border - right - before - red - mint: before,
        .border - right - red - mint {
            border - right - color: #e43a45!important
        }.bg - red - mint {
            background: #e43a45!important
        }.bg - red - mint - opacity {
            background: rgba(228, 58, 69, .8) !important
        }.bg - after - red - mint: after,
        .bg - before - red - mint: before,
        .bg - hover - red - mint: hover {
            background: #e43a45!important
        }.font - red - mint {
            color: #e43a45!important
        }.bg - font - red - mint {
            color: #fff!important
        }.border - after - yellow: after,
        .border - before - yellow: before,
        .border - yellow {
            border - color: #c49f47!important
        }.border - top - after - yellow: after,
        .border - top - before - yellow: before,
        .border - top - yellow {
            border - top - color: #c49f47!important
        }.border - bottom - after - yellow: after,
        .border - bottom - before - yellow: before,
        .border - bottom - yellow {
            border - bottom - color: #c49f47!important
        }.border - left - after - yellow: after,
        .border - left - before - yellow: before,
        .border - left - yellow {
            border - left - color: #c49f47!important
        }.border - right - after - yellow: after,
        .border - right - before - yellow: before,
        .border - right - yellow {
            border - right - color: #c49f47!important
        }.bg - yellow {
            background: #c49f47!important
        }.bg - yellow - opacity {
            background: rgba(196, 159, 71, .8) !important
        }.bg - after - yellow: after,
        .bg - before - yellow: before,
        .bg - hover - yellow: hover {
            background: #c49f47!important
        }.font - yellow {
            color: #c49f47!important
        }.bg - font - yellow {
            color: #fff!important
        }.border - after - yellow - gold: after,
        .border - before - yellow - gold: before,
        .border - yellow - gold {
            border - color: #E87E04!important
        }.border - top - after - yellow - gold: after,
        .border - top - before - yellow - gold: before,
        .border - top - yellow - gold {
            border - top - color: #E87E04!important
        }.border - bottom - after - yellow - gold: after,
        .border - bottom - before - yellow - gold: before,
        .border - bottom - yellow - gold {
            border - bottom - color: #E87E04!important
        }.border - left - after - yellow - gold: after,
        .border - left - before - yellow - gold: before,
        .border - left - yellow - gold {
            border - left - color: #E87E04!important
        }.border - right - after - yellow - gold: after,
        .border - right - before - yellow - gold: before,
        .border - right - yellow - gold {
            border - right - color: #E87E04!important
        }.bg - yellow - gold {
            background: #E87E04!important
        }.bg - yellow - gold - opacity {
            background: rgba(232, 126, 4, .8) !important
        }.bg - after - yellow - gold: after,
        .bg - before - yellow - gold: before,
        .bg - hover - yellow - gold: hover {
            background: #E87E04!important
        }.font - yellow - gold {
            color: #E87E04!important
        }.bg - font - yellow - gold {
            color: #fff!important
        }.border - after - yellow - casablanca: after,
        .border - before - yellow - casablanca: before,
        .border - yellow - casablanca {
            border - color: #f2784b!important
        }.border - top - after - yellow - casablanca: after,
        .border - top - before - yellow - casablanca: before,
        .border - top - yellow - casablanca {
            border - top - color: #f2784b!important
        }.border - bottom - after - yellow - casablanca: after,
        .border - bottom - before - yellow - casablanca: before,
        .border - bottom - yellow - casablanca {
            border - bottom - color: #f2784b!important
        }.border - left - after - yellow - casablanca: after,
        .border - left - before - yellow - casablanca: before,
        .border - left - yellow - casablanca {
            border - left - color: #f2784b!important
        }.border - right - after - yellow - casablanca: after,
        .border - right - before - yellow - casablanca: before,
        .border - right - yellow - casablanca {
            border - right - color: #f2784b!important
        }.bg - yellow - casablanca {
            background: #f2784b!important
        }.bg - yellow - casablanca - opacity {
            background: rgba(242, 120, 75, .8) !important
        }.bg - after - yellow - casablanca: after,
        .bg - before - yellow - casablanca: before,
        .bg - hover - yellow - casablanca: hover {
            background: #f2784b!important
        }.font - yellow - casablanca {
            color: #f2784b!important
        }.bg - font - yellow - casablanca {
            color: #fff!important
        }.border - after - yellow - crusta: after,
        .border - before - yellow - crusta: before,
        .border - yellow - crusta {
            border - color: #f3c200!important
        }.border - top - after - yellow - crusta: after,
        .border - top - before - yellow - crusta: before,
        .border - top - yellow - crusta {
            border - top - color: #f3c200!important
        }.border - bottom - after - yellow - crusta: after,
        .border - bottom - before - yellow - crusta: before,
        .border - bottom - yellow - crusta {
            border - bottom - color: #f3c200!important
        }.border - left - after - yellow - crusta: after,
        .border - left - before - yellow - crusta: before,
        .border - left - yellow - crusta {
            border - left - color: #f3c200!important
        }.border - right - after - yellow - crusta: after,
        .border - right - before - yellow - crusta: before,
        .border - right - yellow - crusta {
            border - right - color: #f3c200!important
        }.bg - yellow - crusta {
            background: #f3c200!important
        }.bg - yellow - crusta - opacity {
            background: rgba(243, 194, 0, .8) !important
        }.bg - after - yellow - crusta: after,
        .bg - before - yellow - crusta: before,
        .bg - hover - yellow - crusta: hover {
            background: #f3c200!important
        }.font - yellow - crusta {
            color: #f3c200!important
        }.bg - font - yellow - crusta {
            color: #fff!important
        }.border - after - yellow - lemon: after,
        .border - before - yellow - lemon: before,
        .border - yellow - lemon {
            border - color: #F7CA18!important
        }.border - top - after - yellow - lemon: after,
        .border - top - before - yellow - lemon: before,
        .border - top - yellow - lemon {
            border - top - color: #F7CA18!important
        }.border - bottom - after - yellow - lemon: after,
        .border - bottom - before - yellow - lemon: before,
        .border - bottom - yellow - lemon {
            border - bottom - color: #F7CA18!important
        }.border - left - after - yellow - lemon: after,
        .border - left - before - yellow - lemon: before,
        .border - left - yellow - lemon {
            border - left - color: #F7CA18!important
        }.border - right - after - yellow - lemon: after,
        .border - right - before - yellow - lemon: before,
        .border - right - yellow - lemon {
            border - right - color: #F7CA18!important
        }.bg - yellow - lemon {
            background: #F7CA18!important
        }.bg - yellow - lemon - opacity {
            background: rgba(247, 202, 24, .8) !important
        }.bg - after - yellow - lemon: after,
        .bg - before - yellow - lemon: before,
        .bg - hover - yellow - lemon: hover {
            background: #F7CA18!important
        }.font - yellow - lemon {
            color: #F7CA18!important
        }.bg - font - yellow - lemon {
            color: #fff!important
        }.border - after - yellow - saffron: after,
        .border - before - yellow - saffron: before,
        .border - yellow - saffron {
            border - color: #F4D03F!important
        }.border - top - after - yellow - saffron: after,
        .border - top - before - yellow - saffron: before,
        .border - top - yellow - saffron {
            border - top - color: #F4D03F!important
        }.border - bottom - after - yellow - saffron: after,
        .border - bottom - before - yellow - saffron: before,
        .border - bottom - yellow - saffron {
            border - bottom - color: #F4D03F!important
        }.border - left - after - yellow - saffron: after,
        .border - left - before - yellow - saffron: before,
        .border - left - yellow - saffron {
            border - left - color: #F4D03F!important
        }.border - right - after - yellow - saffron: after,
        .border - right - before - yellow - saffron: before,
        .border - right - yellow - saffron {
            border - right - color: #F4D03F!important
        }.bg - yellow - saffron {
            background: #F4D03F!important
        }.bg - yellow - saffron - opacity {
            background: rgba(244, 208, 63, .8) !important
        }.bg - after - yellow - saffron: after,
        .bg - before - yellow - saffron: before,
        .bg - hover - yellow - saffron: hover {
            background: #F4D03F!important
        }.font - yellow - saffron {
            color: #F4D03F!important
        }.bg - font - yellow - saffron {
            color: #fff!important
        }.border - after - yellow - soft: after,
        .border - before - yellow - soft: before,
        .border - yellow - soft {
            border - color: #c8d046!important
        }.border - top - after - yellow - soft: after,
        .border - top - before - yellow - soft: before,
        .border - top - yellow - soft {
            border - top - color: #c8d046!important
        }.border - bottom - after - yellow - soft: after,
        .border - bottom - before - yellow - soft: before,
        .border - bottom - yellow - soft {
            border - bottom - color: #c8d046!important
        }.border - left - after - yellow - soft: after,
        .border - left - before - yellow - soft: before,
        .border - left - yellow - soft {
            border - left - color: #c8d046!important
        }.border - right - after - yellow - soft: after,
        .border - right - before - yellow - soft: before,
        .border - right - yellow - soft {
            border - right - color: #c8d046!important
        }.bg - yellow - soft {
            background: #c8d046!important
        }.bg - yellow - soft - opacity {
            background: rgba(200, 208, 70, .8) !important
        }.bg - after - yellow - soft: after,
        .bg - before - yellow - soft: before,
        .bg - hover - yellow - soft: hover {
            background: #c8d046!important
        }.font - yellow - soft {
            color: #c8d046!important
        }.bg - font - yellow - soft {
            color: #fff!important
        }.border - after - yellow - haze: after,
        .border - before - yellow - haze: before,
        .border - yellow - haze {
            border - color: #c5bf66!important
        }.border - top - after - yellow - haze: after,
        .border - top - before - yellow - haze: before,
        .border - top - yellow - haze {
            border - top - color: #c5bf66!important
        }.border - bottom - after - yellow - haze: after,
        .border - bottom - before - yellow - haze: before,
        .border - bottom - yellow - haze {
            border - bottom - color: #c5bf66!important
        }.border - left - after - yellow - haze: after,
        .border - left - before - yellow - haze: before,
        .border - left - yellow - haze {
            border - left - color: #c5bf66!important
        }.border - right - after - yellow - haze: after,
        .border - right - before - yellow - haze: before,
        .border - right - yellow - haze {
            border - right - color: #c5bf66!important
        }.bg - yellow - haze {
            background: #c5bf66!important
        }.bg - yellow - haze - opacity {
            background: rgba(197, 191, 102, .8) !important
        }.bg - after - yellow - haze: after,
        .bg - before - yellow - haze: before,
        .bg - hover - yellow - haze: hover {
            background: #c5bf66!important
        }.font - yellow - haze {
            color: #c5bf66!important
        }.bg - font - yellow - haze {
            color: #fff!important
        }.border - after - yellow - mint: after,
        .border - before - yellow - mint: before,
        .border - yellow - mint {
            border - color: #c5b96b!important
        }.border - top - after - yellow - mint: after,
        .border - top - before - yellow - mint: before,
        .border - top - yellow - mint {
            border - top - color: #c5b96b!important
        }.border - bottom - after - yellow - mint: after,
        .border - bottom - before - yellow - mint: before,
        .border - bottom - yellow - mint {
            border - bottom - color: #c5b96b!important
        }.border - left - after - yellow - mint: after,
        .border - left - before - yellow - mint: before,
        .border - left - yellow - mint {
            border - left - color: #c5b96b!important
        }.border - right - after - yellow - mint: after,
        .border - right - before - yellow - mint: before,
        .border - right - yellow - mint {
            border - right - color: #c5b96b!important
        }.bg - yellow - mint {
            background: #c5b96b!important
        }.bg - yellow - mint - opacity {
            background: rgba(197, 185, 107, .8) !important
        }.bg - after - yellow - mint: after,
        .bg - before - yellow - mint: before,
        .bg - hover - yellow - mint: hover {
            background: #c5b96b!important
        }.font - yellow - mint {
            color: #c5b96b!important
        }.bg - font - yellow - mint {
            color: #fff!important
        }.border - after - purple: after,
        .border - before - purple: before,
        .border - purple {
            border - color: #8E44AD!important}.border-top-after-purple:after,.border-top-before-purple:before,.border-top-purple{border-top-color:# 8E44 AD!important
        }.border - bottom - after - purple: after,
        .border - bottom - before - purple: before,
        .border - bottom - purple {
            border - bottom - color: #8E44AD!important}.border-left-after-purple:after,.border-left-before-purple:before,.border-left-purple{border-left-color:# 8E44 AD!important
        }.border - right - after - purple: after,
        .border - right - before - purple: before,
        .border - right - purple {
            border - right - color: #8E44AD!important}.bg-purple{background:# 8E44 AD!important
        }.bg - purple - opacity {
            background: rgba(142, 68, 173, .8) !important
        }.bg - after - purple: after,
        .bg - before - purple: before,
        .bg - hover - purple: hover {
            background: #8E44AD!important}.font-purple{color:# 8E44 AD!important
        }.bg - font - purple {
            color: #fff!important
        }.border - after - purple - plum: after,
        .border - before - purple - plum: before,
        .border - purple - plum {
            border - color: #8775a7!important}.border-top-after-purple-plum:after,.border-top-before-purple-plum:before,.border-top-purple-plum{border-top-color:# 8775 a7!important
        }.border - bottom - after - purple - plum: after,
        .border - bottom - before - purple - plum: before,
        .border - bottom - purple - plum {
            border - bottom - color: #8775a7!important}.border-left-after-purple-plum:after,.border-left-before-purple-plum:before,.border-left-purple-plum{border-left-color:# 8775 a7!important
        }.border - right - after - purple - plum: after,
        .border - right - before - purple - plum: before,
        .border - right - purple - plum {
            border - right - color: #8775a7!important}.bg-purple-plum{background:# 8775 a7!important
        }.bg - purple - plum - opacity {
            background: rgba(135, 117, 167, .8) !important
        }.bg - after - purple - plum: after,
        .bg - before - purple - plum: before,
        .bg - hover - purple - plum: hover {
            background: #8775a7!important}.font-purple-plum{color:# 8775 a7!important
        }.bg - font - purple - plum {
            color: #fff!important
        }.border - after - purple - medium: after,
        .border - before - purple - medium: before,
        .border - purple - medium {
            border - color: #BF55EC!important
        }.border - top - after - purple - medium: after,
        .border - top - before - purple - medium: before,
        .border - top - purple - medium {
            border - top - color: #BF55EC!important
        }.border - bottom - after - purple - medium: after,
        .border - bottom - before - purple - medium: before,
        .border - bottom - purple - medium {
            border - bottom - color: #BF55EC!important
        }.border - left - after - purple - medium: after,
        .border - left - before - purple - medium: before,
        .border - left - purple - medium {
            border - left - color: #BF55EC!important
        }.border - right - after - purple - medium: after,
        .border - right - before - purple - medium: before,
        .border - right - purple - medium {
            border - right - color: #BF55EC!important
        }.bg - purple - medium {
            background: #BF55EC!important
        }.bg - purple - medium - opacity {
            background: rgba(191, 85, 236, .8) !important
        }.bg - after - purple - medium: after,
        .bg - before - purple - medium: before,
        .bg - hover - purple - medium: hover {
            background: #BF55EC!important
        }.font - purple - medium {
            color: #BF55EC!important
        }.bg - font - purple - medium {
            color: #fff!important
        }.border - after - purple - studio: after,
        .border - before - purple - studio: before,
        .border - purple - studio {
            border - color: #8E44AD!important}.border-top-after-purple-studio:after,.border-top-before-purple-studio:before,.border-top-purple-studio{border-top-color:# 8E44 AD!important
        }.border - bottom - after - purple - studio: after,
        .border - bottom - before - purple - studio: before,
        .border - bottom - purple - studio {
            border - bottom - color: #8E44AD!important}.border-left-after-purple-studio:after,.border-left-before-purple-studio:before,.border-left-purple-studio{border-left-color:# 8E44 AD!important
        }.border - right - after - purple - studio: after,
        .border - right - before - purple - studio: before,
        .border - right - purple - studio {
            border - right - color: #8E44AD!important}.bg-purple-studio{background:# 8E44 AD!important
        }.bg - purple - studio - opacity {
            background: rgba(142, 68, 173, .8) !important
        }.bg - after - purple - studio: after,
        .bg - before - purple - studio: before,
        .bg - hover - purple - studio: hover {
            background: #8E44AD!important}.font-purple-studio{color:# 8E44 AD!important
        }.bg - font - purple - studio {
            color: #fff!important
        }.border - after - purple - wisteria: after,
        .border - before - purple - wisteria: before,
        .border - purple - wisteria {
            border - color: #9B59B6!important}.border-top-after-purple-wisteria:after,.border-top-before-purple-wisteria:before,.border-top-purple-wisteria{border-top-color:# 9 B59B6!important
        }.border - bottom - after - purple - wisteria: after,
        .border - bottom - before - purple - wisteria: before,
        .border - bottom - purple - wisteria {
            border - bottom - color: #9B59B6!important}.border-left-after-purple-wisteria:after,.border-left-before-purple-wisteria:before,.border-left-purple-wisteria{border-left-color:# 9 B59B6!important
        }.border - right - after - purple - wisteria: after,
        .border - right - before - purple - wisteria: before,
        .border - right - purple - wisteria {
            border - right - color: #9B59B6!important}.bg-purple-wisteria{background:# 9 B59B6!important
        }.bg - purple - wisteria - opacity {
            background: rgba(155, 89, 182, .8) !important
        }.bg - after - purple - wisteria: after,
        .bg - before - purple - wisteria: before,
        .bg - hover - purple - wisteria: hover {
            background: #9B59B6!important}.font-purple-wisteria{color:# 9 B59B6!important
        }.bg - font - purple - wisteria {
            color: #fff!important
        }.border - after - purple - seance: after,
        .border - before - purple - seance: before,
        .border - purple - seance {
            border - color: #9A12B3!important}.border-top-after-purple-seance:after,.border-top-before-purple-seance:before,.border-top-purple-seance{border-top-color:# 9 A12B3!important
        }.border - bottom - after - purple - seance: after,
        .border - bottom - before - purple - seance: before,
        .border - bottom - purple - seance {
            border - bottom - color: #9A12B3!important}.border-left-after-purple-seance:after,.border-left-before-purple-seance:before,.border-left-purple-seance{border-left-color:# 9 A12B3!important
        }.border - right - after - purple - seance: after,
        .border - right - before - purple - seance: before,
        .border - right - purple - seance {
            border - right - color: #9A12B3!important}.bg-purple-seance{background:# 9 A12B3!important
        }.bg - purple - seance - opacity {
            background: rgba(154, 18, 179, .8) !important
        }.bg - after - purple - seance: after,
        .bg - before - purple - seance: before,
        .bg - hover - purple - seance: hover {
            background: #9A12B3!important}.font-purple-seance{color:# 9 A12B3!important
        }.bg - font - purple - seance {
            color: #fff!important
        }.border - after - purple - intense: after,
        .border - before - purple - intense: before,
        .border - purple - intense {
            border - color: #8775a7!important}.border-top-after-purple-intense:after,.border-top-before-purple-intense:before,.border-top-purple-intense{border-top-color:# 8775 a7!important
        }.border - bottom - after - purple - intense: after,
        .border - bottom - before - purple - intense: before,
        .border - bottom - purple - intense {
            border - bottom - color: #8775a7!important}.border-left-after-purple-intense:after,.border-left-before-purple-intense:before,.border-left-purple-intense{border-left-color:# 8775 a7!important
        }.border - right - after - purple - intense: after,
        .border - right - before - purple - intense: before,
        .border - right - purple - intense {
            border - right - color: #8775a7!important}.bg-purple-intense{background:# 8775 a7!important
        }.bg - purple - intense - opacity {
            background: rgba(135, 117, 167, .8) !important
        }.bg - after - purple - intense: after,
        .bg - before - purple - intense: before,
        .bg - hover - purple - intense: hover {
            background: #8775a7!important}.font-purple-intense{color:# 8775 a7!important
        }.bg - font - purple - intense {
            color: #fff!important
        }.border - after - purple - sharp: after,
        .border - before - purple - sharp: before,
        .border - purple - sharp {
            border - color: #796799!important}.border-top-after-purple-sharp:after,.border-top-before-purple-sharp:before,.border-top-purple-sharp{border-top-color:# 796799!important
        }.border - bottom - after - purple - sharp: after,
        .border - bottom - before - purple - sharp: before,
        .border - bottom - purple - sharp {
            border - bottom - color: #796799!important}.border-left-after-purple-sharp:after,.border-left-before-purple-sharp:before,.border-left-purple-sharp{border-left-color:# 796799!important
        }.border - right - after - purple - sharp: after,
        .border - right - before - purple - sharp: before,
        .border - right - purple - sharp {
            border - right - color: #796799!important}.bg-purple-sharp{background:# 796799!important
        }.bg - purple - sharp - opacity {
            background: rgba(121, 103, 153, .8) !important
        }.bg - after - purple - sharp: after,
        .bg - before - purple - sharp: before,
        .bg - hover - purple - sharp: hover {
            background: #796799!important}.font-purple-sharp{color:# 796799!important
        }.bg - font - purple - sharp {
            color: #fff!important
        }.border - after - purple - soft: after,
        .border - before - purple - soft: before,
        .border - purple - soft {
            border - color: #8877a9!important}.border-top-after-purple-soft:after,.border-top-before-purple-soft:before,.border-top-purple-soft{border-top-color:# 8877 a9!important
        }.border - bottom - after - purple - soft: after,
        .border - bottom - before - purple - soft: before,
        .border - bottom - purple - soft {
            border - bottom - color: #8877a9!important}.border-left-after-purple-soft:after,.border-left-before-purple-soft:before,.border-left-purple-soft{border-left-color:# 8877 a9!important
        }.border - right - after - purple - soft: after,
        .border - right - before - purple - soft: before,
        .border - right - purple - soft {
            border - right - color: #8877a9!important}.bg-purple-soft{background:# 8877 a9!important
        }.bg - purple - soft - opacity {
            background: rgba(136, 119, 169, .8) !important
        }.bg - after - purple - soft: after,
        .bg - before - purple - soft: before,
        .bg - hover - purple - soft: hover {
                background: #8877a9!important}.font-purple-soft{color:# 8877 a9!important
            }.bg - font - purple - soft {
                color: #fff!important
            }.color - demo {
                border: 1 px solid# eee;margin: 0 0 20 px;cursor: pointer
            }.color - demo.color - view {
                padding: 35 px 10 px;text - align: center;font - size: 18 px
            }.color - demo.color - info {
                border - top: 1 px solid# eee;
                padding: 10 px;
                text - align: center
            }.mt - cookie - consent - bar {
                position: fixed;bottom: 0;z - index: 10101;padding: 10 px 25 px;width: 100 % ;background: rgba(0, 0, 0, .9);color: #fff;left: 0;right: 0
            }.mt - cookie - consent - bar.mt - cookie - consent - bar - holder {
                display: table;width: 100 %
            }.mt - cookie - consent - bar.mt - cookie - consent - bar - holder.mt - cookie - consent - bar - content {
                display: table - cell;text - align: left;vertical - align: middle
            }.mt - cookie - consent - bar.mt - cookie - consent - bar - holder.mt - cookie - consent - bar - action {
                display: table - cell;text - align: right;vertical - align: middle
            }.mt - cookie - consent - bar.mt - cookie - consent - bar - light {
                background: rgba(238, 238, 238, .9);color: #333}.mt-content-row{display:table;height:100%;width:100%}.mt-content-row .mt-content-col-fluid{display:table-cell}.mt-content-row .mt-content-col-fluid .mt-content-body{margin:0;height:100%;width:100%;display:table}.mt-content-row .mt-content-col-fixed{display:table-cell}.mt-content-row .mt-content-col-fixed .mt-content-sidebar{height:100%;width:100%;display:table;margin-left:20px;border:1px solid red}@media (max-width:767px){.mt-content-row,.mt-content-row .mt-content-col-fixed{display:block;width:100%}.mt-content-row .mt-content-col-fluid{display:block;width:100%;margin-bottom:20px}.mt-content-row .mt-content-col-fluid .mt-content-body{margin:0}.mt-content-row .mt-content-col-fixed .mt-content-sidebar{margin-left:0}}