/* customised paddings, margins and spaces */
.ct-label {
	font-size: 11px;
}
.m--margin-5 {
    margin: 5px!important
}

.m--margin-top-5 {
    margin-top: 5px!important
}

.m--margin-bottom-5 {
    margin-bottom: 5px!important
}

.m--margin-left-5 {
    margin-left: 5px!important
}

.m--margin-right-5 {
    margin-right: 5px!important
}

.m--padding-5 {
    padding: 5px!important
}

.m--padding-top-5 {
    padding-top: 5px!important
}

.m--padding-bottom-5 {
    padding-bottom: 5px!important
}

.m--padding-left-5 {
    padding-left: 5px!important
}

.m--padding-right-5 {
    padding-right: 5px!important
}

.m--margin-10 {
    margin: 10px!important
}

.m--margin-top-10 {
    margin-top: 10px!important
}

.m--margin-bottom-10 {
    margin-bottom: 10px!important
}

.m--margin-left-10 {
    margin-left: 10px!important
}

.m--margin-right-10 {
    margin-right: 10px!important
}

.m--padding-10 {
    padding: 10px!important
}

.m--padding-top-10 {
    padding-top: 10px!important
}

.m--padding-bottom-10 {
    padding-bottom: 10px!important
}

.m--padding-left-10 {
    padding-left: 10px!important
}

.m--padding-right-10 {
    padding-right: 10px!important
}

.m--margin-15 {
    margin: 15px!important
}

.m--margin-top-15 {
    margin-top: 15px!important
}

.m--margin-bottom-15 {
    margin-bottom: 15px!important
}

.m--margin-left-15 {
    margin-left: 15px!important
}

.m--margin-right-15 {
    margin-right: 15px!important
}

.m--padding-15 {
    padding: 15px!important
}

.m--padding-top-15 {
    padding-top: 15px!important
}

.m--padding-bottom-15 {
    padding-bottom: 15px!important
}

.m--padding-left-15 {
    padding-left: 15px!important
}

.m--padding-right-15 {
    padding-right: 15px!important
}

.m--margin-20 {
    margin: 20px!important
}

.m--margin-top-20 {
    margin-top: 20px!important
}

.m--margin-bottom-20 {
    margin-bottom: 20px!important
}

.m--margin-left-20 {
    margin-left: 20px!important
}

.m--margin-right-20 {
    margin-right: 20px!important
}

.m--padding-20 {
    padding: 20px!important
}

.m--padding-top-20 {
    padding-top: 20px!important
}

.m--padding-bottom-20 {
    padding-bottom: 20px!important
}

.m--padding-left-20 {
    padding-left: 20px!important
}

.m--padding-right-20 {
    padding-right: 20px!important
}

.m--margin-25 {
    margin: 25px!important
}

.m--margin-top-25 {
    margin-top: 25px!important
}

.m--margin-bottom-25 {
    margin-bottom: 25px!important
}

.m--margin-left-25 {
    margin-left: 25px!important
}

.m--margin-right-25 {
    margin-right: 25px!important
}

.m--padding-25 {
    padding: 25px!important
}

.m--padding-top-25 {
    padding-top: 25px!important
}

.m--padding-bottom-25 {
    padding-bottom: 25px!important
}

.m--padding-left-25 {
    padding-left: 25px!important
}

.m--padding-right-25 {
    padding-right: 25px!important
}

.m--margin-30 {
    margin: 30px!important
}

.m--margin-top-30 {
    margin-top: 30px!important
}

.m--margin-bottom-30 {
    margin-bottom: 30px!important
}

.m--margin-left-30 {
    margin-left: 30px!important
}

.m--margin-right-30 {
    margin-right: 30px!important
}

.m--padding-30 {
    padding: 30px!important
}

.m--padding-top-30 {
    padding-top: 30px!important
}

.m--padding-bottom-30 {
    padding-bottom: 30px!important
}

.m--padding-left-30 {
    padding-left: 30px!important
}

.m--padding-right-30 {
    padding-right: 30px!important
}

.m--margin-35 {
    margin: 35px!important
}

.m--margin-top-35 {
    margin-top: 35px!important
}

.m--margin-bottom-35 {
    margin-bottom: 35px!important
}

.m--margin-left-35 {
    margin-left: 35px!important
}

.m--margin-right-35 {
    margin-right: 35px!important
}

.m--padding-35 {
    padding: 35px!important
}

.m--padding-top-35 {
    padding-top: 35px!important
}

.m--padding-bottom-35 {
    padding-bottom: 35px!important
}

.m--padding-left-35 {
    padding-left: 35px!important
}

.m--padding-right-35 {
    padding-right: 35px!important
}

.m--margin-40 {
    margin: 40px!important
}

.m--margin-top-40 {
    margin-top: 40px!important
}

.m--margin-bottom-40 {
    margin-bottom: 40px!important
}

.m--margin-left-40 {
    margin-left: 40px!important
}

.m--margin-right-40 {
    margin-right: 40px!important
}

.m--padding-40 {
    padding: 40px!important
}

.m--padding-top-40 {
    padding-top: 40px!important
}

.m--padding-bottom-40 {
    padding-bottom: 40px!important
}

.m--padding-left-40 {
    padding-left: 40px!important
}

.m--padding-right-40 {
    padding-right: 40px!important
}

.m--margin-45 {
    margin: 45px!important
}

.m--margin-top-45 {
    margin-top: 45px!important
}

.m--margin-bottom-45 {
    margin-bottom: 45px!important
}

.m--margin-left-45 {
    margin-left: 45px!important
}

.m--margin-right-45 {
    margin-right: 45px!important
}

.m--padding-45 {
    padding: 45px!important
}

.m--padding-top-45 {
    padding-top: 45px!important
}

.m--padding-bottom-45 {
    padding-bottom: 45px!important
}

.m--padding-left-45 {
    padding-left: 45px!important
}

.m--padding-right-45 {
    padding-right: 45px!important
}

.m--margin-50 {
    margin: 50px!important
}

.m--margin-top-50 {
    margin-top: 50px!important
}

.m--margin-bottom-50 {
    margin-bottom: 50px!important
}

.m--margin-left-50 {
    margin-left: 50px!important
}

.m--margin-right-50 {
    margin-right: 50px!important
}

.m--padding-50 {
    padding: 50px!important
}

.m--padding-top-50 {
    padding-top: 50px!important
}

.m--padding-bottom-50 {
    padding-bottom: 50px!important
}

.m--padding-left-50 {
    padding-left: 50px!important
}

.m--padding-right-50 {
    padding-right: 50px!important
}

.m--margin-55 {
    margin: 55px!important
}

.m--margin-top-55 {
    margin-top: 55px!important
}

.m--margin-bottom-55 {
    margin-bottom: 55px!important
}

.m--margin-left-55 {
    margin-left: 55px!important
}

.m--margin-right-55 {
    margin-right: 55px!important
}

.m--padding-55 {
    padding: 55px!important
}

.m--padding-top-55 {
    padding-top: 55px!important
}

.m--padding-bottom-55 {
    padding-bottom: 55px!important
}

.m--padding-left-55 {
    padding-left: 55px!important
}

.m--padding-right-55 {
    padding-right: 55px!important
}

.m--margin-60 {
    margin: 60px!important
}

.m--margin-top-60 {
    margin-top: 60px!important
}

.m--margin-bottom-60 {
    margin-bottom: 60px!important
}

.m--margin-left-60 {
    margin-left: 60px!important
}

.m--margin-right-60 {
    margin-right: 60px!important
}

.m--padding-60 {
    padding: 60px!important
}

.m--padding-top-60 {
    padding-top: 60px!important
}

.m--padding-bottom-60 {
    padding-bottom: 60px!important
}

.m--padding-left-60 {
    padding-left: 60px!important
}

.m--padding-right-60 {
    padding-right: 60px!important
}

.m--margin-65 {
    margin: 65px!important
}

.m--margin-top-65 {
    margin-top: 65px!important
}

.m--margin-bottom-65 {
    margin-bottom: 65px!important
}

.m--margin-left-65 {
    margin-left: 65px!important
}

.m--margin-right-65 {
    margin-right: 65px!important
}

.m--padding-65 {
    padding: 65px!important
}

.m--padding-top-65 {
    padding-top: 65px!important
}

.m--padding-bottom-65 {
    padding-bottom: 65px!important
}

.m--padding-left-65 {
    padding-left: 65px!important
}

.m--padding-right-65 {
    padding-right: 65px!important
}

.m--margin-70 {
    margin: 70px!important
}

.m--margin-top-70 {
    margin-top: 70px!important
}

.m--margin-bottom-70 {
    margin-bottom: 70px!important
}

.m--margin-left-70 {
    margin-left: 70px!important
}

.m--margin-right-70 {
    margin-right: 70px!important
}

.m--padding-70 {
    padding: 70px!important
}

.m--padding-top-70 {
    padding-top: 70px!important
}

.m--padding-bottom-70 {
    padding-bottom: 70px!important
}

.m--padding-left-70 {
    padding-left: 70px!important
}

.m--padding-right-70 {
    padding-right: 70px!important
}

.m--margin-75 {
    margin: 75px!important
}

.m--margin-top-75 {
    margin-top: 75px!important
}

.m--margin-bottom-75 {
    margin-bottom: 75px!important
}

.m--margin-left-75 {
    margin-left: 75px!important
}

.m--margin-right-75 {
    margin-right: 75px!important
}

.m--padding-75 {
    padding: 75px!important
}

.m--padding-top-75 {
    padding-top: 75px!important
}

.m--padding-bottom-75 {
    padding-bottom: 75px!important
}

.m--padding-left-75 {
    padding-left: 75px!important
}

.m--padding-right-75 {
    padding-right: 75px!important
}

.m--margin-80 {
    margin: 80px!important
}

.m--margin-top-80 {
    margin-top: 80px!important
}

.m--margin-bottom-80 {
    margin-bottom: 80px!important
}

.m--margin-left-80 {
    margin-left: 80px!important
}

.m--margin-right-80 {
    margin-right: 80px!important
}

.m--padding-80 {
    padding: 80px!important
}

.m--padding-top-80 {
    padding-top: 80px!important
}

.m--padding-bottom-80 {
    padding-bottom: 80px!important
}

.m--padding-left-80 {
    padding-left: 80px!important
}

.m--padding-right-80 {
    padding-right: 80px!important
}

.m--margin-85 {
    margin: 85px!important
}

.m--margin-top-85 {
    margin-top: 85px!important
}

.m--margin-bottom-85 {
    margin-bottom: 85px!important
}

.m--margin-left-85 {
    margin-left: 85px!important
}

.m--margin-right-85 {
    margin-right: 85px!important
}

.m--padding-85 {
    padding: 85px!important
}

.m--padding-top-85 {
    padding-top: 85px!important
}

.m--padding-bottom-85 {
    padding-bottom: 85px!important
}

.m--padding-left-85 {
    padding-left: 85px!important
}

.m--padding-right-85 {
    padding-right: 85px!important
}

.m--margin-90 {
    margin: 90px!important
}

.m--margin-top-90 {
    margin-top: 90px!important
}

.m--margin-bottom-90 {
    margin-bottom: 90px!important
}

.m--margin-left-90 {
    margin-left: 90px!important
}

.m--margin-right-90 {
    margin-right: 90px!important
}

.m--padding-90 {
    padding: 90px!important
}

.m--padding-top-90 {
    padding-top: 90px!important
}

.m--padding-bottom-90 {
    padding-bottom: 90px!important
}

.m--padding-left-90 {
    padding-left: 90px!important
}

.m--padding-right-90 {
    padding-right: 90px!important
}

.m--margin-95 {
    margin: 95px!important
}

.m--margin-top-95 {
    margin-top: 95px!important
}

.m--margin-bottom-95 {
    margin-bottom: 95px!important
}

.m--margin-left-95 {
    margin-left: 95px!important
}

.m--margin-right-95 {
    margin-right: 95px!important
}

.m--padding-95 {
    padding: 95px!important
}

.m--padding-top-95 {
    padding-top: 95px!important
}

.m--padding-bottom-95 {
    padding-bottom: 95px!important
}

.m--padding-left-95 {
    padding-left: 95px!important
}

.m--padding-right-95 {
    padding-right: 95px!important
}

.m--margin-100 {
    margin: 100px!important
}

.m--margin-top-100 {
    margin-top: 100px!important
}

.m--margin-bottom-100 {
    margin-bottom: 100px!important
}

.m--margin-left-100 {
    margin-left: 100px!important
}

.m--margin-right-100 {
    margin-right: 100px!important
}

.m--padding-100 {
    padding: 100px!important
}

.m--padding-top-100 {
    padding-top: 100px!important
}

.m--padding-bottom-100 {
    padding-bottom: 100px!important
}

.m--padding-left-100 {
    padding-left: 100px!important
}

.m--padding-right-100 {
    padding-right: 100px!important
}

.m--full-height {
    height: 100%
}

.m--valign-top {
    vertical-align: top
}

.m--space-5 {
    display: block;
    height: 0;
    margin-bottom: 5px
}

.m--space-10 {
    display: block;
    height: 0;
    margin-bottom: 10px
}

.m--space-15 {
    display: block;
    height: 0;
    margin-bottom: 15px
}

.m--space-20 {
    display: block;
    height: 0;
    margin-bottom: 20px
}

.m--space-30 {
    display: block;
    height: 0;
    margin-bottom: 30px
}

.m--space-40 {
    display: block;
    height: 0;
    margin-bottom: 40px
}

.m--valign-middle {
    vertical-align: middle
}

.m--valign-bottom {
    vertical-align: bottom
}

.m--block-center {
    margin-left: auto;
    margin-right: auto
}

.m--align-right {
    text-align: right
}

.m--align-left {
    text-align: left
}

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

.m--pull-right {
    float: right
}

.m--pull-left {
    float: left
}

.m--img-rounded {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.m--block-inline {
    display: inline-block
}

.m--icon-middle:before {
    vertical-align: middle
}

.m--hide {
    display: none!important
}

.m--clearfix:after,
.m--clearfix:before {
    content: " ";
    display: table
}

.m--clearfix:after {
    clear: both
}

.m--marginless {
    margin: 0!important
}

.m--img-centered {
    text-align: center
}
/* customised paddings, margins and spaces */

/*customised font classes*/
.m--font-transform-u {
    text-transform: uppercase
}

.m--font-transform-l {
    text-transform: lowercase
}

.m--font-transform-c {
    text-transform: capitalize
}

.m--font-transform-i {
    text-transform: initial
}

.m--font-thin {
    font-weight: 200
}

.m--font-normal {
    font-weight: 300
}

.m--font-bold {
    font-weight: 400
}

.m--font-bolder {
    font-weight: 500
}

.m--font-boldest {
    font-weight: 600
}

.m--font-boldest2 {
    font-weight: 700
}

.m--regular-font-size-sm5 {
    font-size: .7rem!important
}

.m--regular-font-size-sm4 {
    font-size: .75rem!important
}

.m--regular-font-size-sm3 {
    font-size: .78rem!important
}

.m--regular-font-size-sm2 {
    font-size: .8rem!important
}

.m--regular-font-size-sm1 {
    font-size: .85rem!important
}

.m--regular-font-size- {
    font-size: 1rem!important
}

.m--regular-font-size-lg1 {
    font-size: 1.1rem!important
}

.m--regular-font-size-lg2 {
    font-size: 14px!important
}

.m--regular-font-size-lg3 {
    font-size: 14px!important
}

.m--regular-font-size-lg4 {
    font-size: 1.5rem!important
}

.m--regular-font-size-lg5 {
    font-size: 1.6rem!important
}

.m--icon-font-size-sm5 {
    font-size: .8rem!important
}

.m--icon-font-size-sm4 {
    font-size: .9rem!important
}

.m--icon-font-size-sm3 {
    font-size: 1rem!important
}

.m--icon-font-size-sm2 {
    font-size: 1.1rem!important
}

.m--icon-font-size-sm1 {
    font-size: 14px!important
}

.m--icon-font-size- {
    font-size: 14px!important
}

.m--icon-font-size-lg1 {
    font-size: 1.4rem!important
}

.m--icon-font-size-lg2 {
    font-size: 1.6rem!important
}

.m--icon-font-size-lg3 {
    font-size: 1.8rem!important
}

.m--icon-font-size-lg4 {
    font-size: 2rem!important
}

.m--icon-font-size-lg5 {
    font-size: 2.1rem!important
}

b,
strong {
    font-weight: 700
}

.m--font-brand {
    color: #22b9ff!important
}

.m--font-inverse-brand {
    color: #fff!important
}

.m--bg-brand {
    background-color: #22b9ff!important
}

.m--bg-fill-brand {
	fill: #22b9ff!important;
    background-color: #22b9ff!important;
    color: #fff!important
}
.m--bg-stroke-brand {
	stroke: #22b9ff!important;
    color: #22b9ff!important;
}


.m--font-metal {
    color: #804000 !important
}

.m--font-inverse-metal {
    color: #fff!important
}

.m--bg-metal {
    background-color: #804000 !important
}

.m--bg-fill-metal {
	fill: #804000 !important;
    background-color: #804000 !important;
    color: #fff!important
}
.m--bg-stroke-metal {
	stroke: #804000 !important;
    color: #804000 !important;
}

.m--font-jungle {
    color: #667b31!important
}

.m--font-inverse-jungle {
    color: #fff!important
}

.m--bg-jungle {
    background-color: #667b31!important
}

.m--bg-fill-jungle {
	fill: #667b31!important;
    background-color: #667b31!important;
    color: #fff!important
}
.m--bg-stroke-jungle {
	stroke: #667b31!important;
    color: #667b31!important;
}

.m--font-orange {
    color: #f16502!important
}

.m--font-inverse-orange {
    color: #fff!important
}

.m--bg-orange {
    background-color: #f16502!important
}

.m--bg-fill-orange {
	fill: #f16502!important;
    background-color: #f16502!important;
    color: #fff!important
}
.m--bg-stroke-orange {
	stroke: #f16502!important;
    color: #f16502!important;
}

.m--font-light {
    color: #fff!important
}

.m--font-inverse-light {
    color: #282a3c!important
}

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

.m--bg-fill-light {
	fill: #fff!important;
    background-color: #fff!important;
    color: #282a3c!important
}
.m--bg-stroke-light {
	stroke: #fff!important;
    color: #fff!important;
}

.m--font-accent {
    color: #00c5dc!important
}

.m--font-inverse-accent {
    color: #fff!important
}

.m--bg-accent {
    background-color: #00c5dc!important
}

.m--bg-fill-accent {
	fill: #00c5dc!important;
    background-color: #00c5dc!important;
    color: #fff!important
}
.m--bg-stroke-accent {
	stroke: #00c5dc!important;
    color: #00c5dc!important;
}

.m--font-focus {
    color: #9816f4!important
}

.m--font-inverse-focus {
    color: #fff!important
}

.m--bg-focus {
    background-color: #9816f4!important
}

.m--bg-fill-focus {
	fill: #9816f4!important;
    background-color: #9816f4!important;
    color: #fff!important
}
.m--bg-stroke-focus {
	stroke: #9816f4!important;
    color: #9816f4!important;
}

.m--font-primary {
    color: #5867dd!important
}

.m--font-inverse-primary {
    color: #fff!important
}

.m--bg-primary {
    background-color: #5867dd!important
}

.m--bg-fill-primary {
	fill: #5867dd!important;
    background-color: #5867dd!important;
    color: #fff!important
}
.m--bg-stroke-primary {
	stroke: #5867dd!important;
    color: #5867dd!important;
}

.m--font-success {
    color: #34bfa3!important
}

.m--font-inverse-success {
    color: #fff!important
}

.m--bg-success {
	fill: #34bfa3!important;
    background-color: #34bfa3!important
}

.m--bg-fill-success {
	fill: #34bfa3!important;
    background-color: #34bfa3!important;
    color: #fff!important
}
.m--bg-stroke-success {
	stroke: #34bfa3!important;
	color: #34bfa3!important;
}


.m--font-purple {
    color: #0e0e3f!important
}

.m--font-inverse-purple {
    color: #fff!important
}

.m--bg-purple {
    background-color: #0e0e3f!important
}

.m--bg-fill-purple {
	fill: #0e0e3f!important;
    background-color: #0e0e3f!important;
    color: #fff!important
}
.m--bg-stroke-purple {
	stroke: #0e0e3f!important;
    color: #0e0e3f!important;
}

.m--font-info {
    color: #36a3f7!important
}

.m--font-inverse-info {
    color: #fff!important
}

.m--bg-info {
    background-color: #36a3f7!important
}

.m--bg-fill-info {
	fill: #36a3f7!important;
    background-color: #36a3f7!important;
    color: #fff!important
}
.m--bg-stroke-info {
	stroke: #36a3f7!important;
    color: #36a3f7!important;
}

.m--font-warning {
    color: #ffb822!important
}

.m--font-inverse-warning {
    color: #111!important
}

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

.m--bg-fill-warning {
	fill: #ffb822!important;
    background-color: #ffb822!important;
    color: #111!important
}
.m--bg-stroke-warning {
	stroke: #ffb822!important;
    color: #ffb822!important;
}

.m--font-danger {
    color: #f4516c!important
}

.m--font-inverse-danger {
    color: #fff!important
}

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

.m--bg-fill-danger {
	fill: #f4516c!important;
    background-color: #f4516c!important;
    color: #fff!important
}
.m--bg-stroke-danger {
	stroke: #f4516c!important;
    color: #f4516c!important;
}
.m--font-pink {
    color: #EA0885!important
}

.m--font-inverse-pink {
    color: #fff!important
}

.m--bg-pink {
    background-color: #EA0885!important
}

.m--bg-fill-pink {
	fill: #EA0885!important;
    background-color: #EA0885!important;
    color: #fff!important
}
.m--bg-stroke-pink {
	stroke: #EA0885!important;
    color: #EA0885!important;
}

.m--font-navy {
    color: #020245!important
}

.m--font-inverse-navy {
    color: #fff!important
}

.m--bg-navy {
    background-color: #020245!important
}

.m--bg-fill-navy {
	fill: #020245!important;
    background-color: #020245!important;
    color: #fff!important
}
.m--bg-stroke-navy {
	stroke: #020245!important;
    color: #020245!important;
}


.m--font-smoke {
    color: #c4c5d6!important
}

.m--font-inverse-smoke {
    color: #fff!important
}

.m--bg-smoke {
    background-color: #c4c5d6!important
}

.m--bg-fill-smoke {
	fill: #c4c5d6!important;
    background-color: #c4c5d6!important;
    color: #fff!important
}
.m--bg-stroke-smoke {
	stroke: #c4c5d6!important;
    color: #c4c5d6!important;
}
/*customised font classes*/

/* custom grid system */
.m-portlet__body .col,
.m-portlet__body .col-1,
.m-portlet__body .col-10,
.m-portlet__body .col-11,
.m-portlet__body .col-12,
.m-portlet__body .col-2,
.m-portlet__body .col-3,
.m-portlet__body .col-4,
.m-portlet__body .col-5,
.m-portlet__body .col-6,
.m-portlet__body .col-7,
.m-portlet__body .col-8,
.m-portlet__body .col-9,
.m-portlet__body .col-auto,
.m-portlet__body .col-lg,
.m-portlet__body .col-lg-1,
.m-portlet__body .col-lg-10,
.m-portlet__body .col-lg-11,
.m-portlet__body .col-lg-12,
.m-portlet__body .col-lg-2,
.m-portlet__body .col-lg-3,
.m-portlet__body .col-lg-4,
.m-portlet__body .col-lg-5,
.m-portlet__body .col-lg-6,
.m-portlet__body .col-lg-7,
.m-portlet__body .col-lg-8,
.m-portlet__body .col-lg-9,
.m-portlet__body .col-lg-auto,
.m-portlet__body .col-md,
.m-portlet__body .col-md-1,
.m-portlet__body .col-md-10,
.m-portlet__body .col-md-11,
.m-portlet__body .col-md-12,
.m-portlet__body .col-md-2,
.m-portlet__body .col-md-3,
.m-portlet__body .col-md-4,
.m-portlet__body .col-md-5,
.m-portlet__body .col-md-6,
.m-portlet__body .col-md-7,
.m-portlet__body .col-md-8,
.m-portlet__body .col-md-9,
.m-portlet__body .col-md-auto,
.m-portlet__body .col-sm,
.m-portlet__body .col-sm-1,
.m-portlet__body .col-sm-10,
.m-portlet__body .col-sm-11,
.m-portlet__body .col-sm-12,
.m-portlet__body .col-sm-2,
.m-portlet__body .col-sm-3,
.m-portlet__body .col-sm-4,
.m-portlet__body .col-sm-5,
.m-portlet__body .col-sm-6,
.m-portlet__body .col-sm-7,
.m-portlet__body .col-sm-8,
.m-portlet__body .col-sm-9,
.m-portlet__body .col-sm-auto,
.m-portlet__body .col-xl,
.m-portlet__body .col-xl-1,
.m-portlet__body .col-xl-10,
.m-portlet__body .col-xl-11,
.m-portlet__body .col-xl-12,
.m-portlet__body .col-xl-2,
.m-portlet__body .col-xl-3,
.m-portlet__body .col-xl-4,
.m-portlet__body .col-xl-5,
.m-portlet__body .col-xl-6,
.m-portlet__body .col-xl-7,
.m-portlet__body .col-xl-8,
.m-portlet__body .col-xl-9,
.m-portlet__body .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333%
    }
    .offset-sm-2 {
        margin-left: 16.66667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333%
    }
    .offset-sm-5 {
        margin-left: 41.66667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333%
    }
    .offset-sm-8 {
        margin-left: 66.66667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333%
    }
    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333%
    }
    .offset-md-2 {
        margin-left: 16.66667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333%
    }
    .offset-md-5 {
        margin-left: 41.66667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333%
    }
    .offset-md-8 {
        margin-left: 66.66667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333%
    }
    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333%
    }
    .offset-lg-2 {
        margin-left: 16.66667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333%
    }
    .offset-lg-5 {
        margin-left: 41.66667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333%
    }
    .offset-lg-8 {
        margin-left: 66.66667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333%
    }
    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333%
    }
    .offset-xl-2 {
        margin-left: 16.66667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333%
    }
    .offset-xl-5 {
        margin-left: 41.66667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333%
    }
    .offset-xl-8 {
        margin-left: 66.66667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333%
    }
    .offset-xl-11 {
        margin-left: 91.66667%
    }
}
/* custom grid system */

/* custom row classes*/
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}
.row.m-row--no-padding {
    margin-left: 0;
    margin-right: 0
}

.row.m-row--no-padding>div {
    padding-left: 0;
    padding-right: 0
}

.row.m-row--full-height {
    height: 100%
}

.row[class*=m-row--col-separator-]>div {
    border-bottom: 1px solid #ebedf2
}

.row[class*=m-row--col-separator-]>div:last-child {
    border-bottom: 0
}

@media (min-width:576px) {
    .row.m-row--col-separator-sm>div {
        border-bottom: 0;
        border-right: 1px solid #ebedf2
    }
    .row.m-row--col-separator-sm>div:last-child {
        border-right: 0
    }
}

@media (min-width:768px) {
    .row.m-row--col-separator-md>div {
        border-bottom: 0;
        border-right: 1px solid #ebedf2
    }
    .row.m-row--col-separator-md>div:last-child {
        border-right: 0
    }
}

@media (min-width:1024px) {
    .row.m-row--col-separator-lg>div {
        border-bottom: 0;
        border-right: 1px solid #ebedf2
    }
    .row.m-row--col-separator-lg>div:last-child {
        border-right: 0
    }
}

@media (min-width:1200px) {
    .row.m-row--col-separator-xl>div {
        border-bottom: 0;
        border-right: 1px solid #ebedf2
    }
    .row.m-row--col-separator-xl>div:last-child {
        border-right: 0
    }
}

@media (min-width:1400px) {
    .row.m-row--col-separator-xxl>div {
        border-bottom: 0;
        border-right: 1px solid #ebedf2
    }
    .row.m-row--col-separator-xxl>div:last-child {
        border-right: 0
    }
}

@media (min-width:1600px) {
    .row.m-row--col-separator-xxxl>div {
        border-bottom: 0;
        border-right: 1px solid #ebedf2
    }
    .row.m-row--col-separator-xxxl>div:last-child {
        border-right: 0
    }
}
/* custom row classes*/

/* portlet styles here */
.m-portlet {
    margin-bottom: 2.2rem
}

.m-portlet.m-portlet--bottom-fit {
    margin-bottom: 0
}

.m-portlet .m-portlet__head {
    display: table;
    padding: 0;
    width: 100%;
    padding: 0 2.2rem;
    height: 5.1rem
}

.m-portlet .m-portlet__head .m-portlet__head-caption {
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title {
    display: table;
    table-layout: fixed;
    height: 100%
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon {
    display: table-cell;
    vertical-align: middle;
    line-height: 0;
    padding: 0 13px 0 0
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class*=" la-"],
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class^=la-] {
    font-size: 1.6rem
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class*=" fa-"],
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class^=fa-] {
    font-size: 1.4rem
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class*=" flaticon-"],
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class^=flaticon-] {
    font-size: 1.8rem
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon i {
    vertical-align: middle;
    line-height: 0;
    display: inline-block
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 500;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text small {
    display: inline-block;
    padding-left: 5px;
    font-size: 12px;
    font-weight: 300;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text .m-portlet__head-desc {
    margin-top: .4rem;
    display: block;
    font-size: 11px;
    font-weight: 300;
}

.m-portlet .m-portlet__head .m-portlet__head-tools {
    text-align: right;
    display: table-cell;
    vertical-align: middle
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav {
    display: table;
    text-align: right;
    float: right;
    padding: 0;
    margin: 0;
    height: 100%;
    list-style: none
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 5px
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item.m-portlet__nav-item--last {
    padding-right: 0
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link {
    display: inline-block;
    vertical-align: middle
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon {
    padding: 0 2px
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon [class*=" la-"],
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon [class^=la-] {
    font-size: 1.4rem
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon [class*=" fa-"],
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon [class^=fa-] {
    font-size: 1.4rem
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon [class*=" flaticon-"],
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon [class^=flaticon-] {
    font-size: 1.8rem
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-lg [class*=" la-"],
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-lg [class^=la-] {
    font-size: 1.8rem
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-lg [class*=" fa-"],
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-lg [class^=fa-] {
    font-size: 1.6rem
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-lg [class*=" flaticon-"],
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-lg [class^=flaticon-] {
    font-size: 2rem
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-xl [class*=" la-"],
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-xl [class^=la-] {
    font-size: 2.2rem
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-xl [class*=" fa-"],
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-xl [class^=fa-] {
    font-size: 2rem
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-xl [class*=" flaticon-"],
.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon.m-portlet__nav-link--icon-xl [class^=flaticon-] {
    font-size: 2.4rem
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
    vertical-align: middle;
    line-height: 0;
    display: inline-block
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link:hover {
    text-decoration: none
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item:first-child .m-portlet__nav-item {
    padding-right: 0
}

.m-portlet .m-portlet__head .m-portlet__head-tools .nav.nav-pills,
.m-portlet .m-portlet__head .m-portlet__head-tools .nav.nav-tabs {
    margin: 0
}

.m-portlet .m-portlet__head .m-portlet__head-tools .nav.nav-pills.m-nav-pills--align-right {
    float: right
}

.m-portlet .m-portlet__head.m-portlet__head--fit {
    position: relative;
    z-index: 1
}

.m-portlet .m-portlet__body {
    padding: 2.2rem 2.2rem
}

.m-portlet .m-portlet__body.m-portlet__body--no-padding {
    padding: 0
}

.m-portlet .m-portlet__body.m-portlet__body--no-top-padding {
    padding-top: 0
}

.m-portlet .m-portlet__body.m-portlet__body--no-left-padding {
    padding-left: 0
}

.m-portlet .m-portlet__body.m-portlet__body--no-right-padding {
    padding-right: 0
}

.m-portlet .m-portlet__foot {
    padding: 1.1rem 2.2rem
}

.m-portlet .m-portlet__foot.m-portlet__foot--fit {
    padding: 0
}

.m-portlet.m-portlet--collapse .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link>i.la-angle-down:before,
.m-portlet.m-portlet--collapsed .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link>i.la-angle-down:before {
    content: "\f113"
}

.m-portlet.m-portlet--collapse .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link>i.la-plus:before,
.m-portlet.m-portlet--collapsed .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link>i.la-plus:before {
    content: "\f28e"
}

.m-portlet.m-portlet--collapsed>.m-form,
.m-portlet.m-portlet--collapsed>.m-portlet__body {
    display: none
}

.m-portlet.m-portlet--fullscreen {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0
}

.m-portlet.m-portlet--fullscreen>.m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item [data-portlet-tool=toggle]>i {
    opacity: .5
}

.m-portlet.m-portlet--fullscreen>.m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link>i.la-expand:before {
    content: "\f1a4"
}

.m-portlet.m-portlet--fullscreen>.m-form,
.m-portlet.m-portlet--fullscreen>.m-portlet__body {
    left: 0;
    right: 0;
    top: 5.1rem;
    bottom: 0;
    position: fixed;
    overflow: auto
}

.m-portlet.m-portlet--fullscreen>.m-portlet__foot {
    position: relative;
    top: 100%
}

.m-portlet.m-portlet--fullscreen.m-portlet--head-sm>.m-portlet__body {
    top: 4.1rem
}

.m-portlet.m-portlet--fit {
    position: relative
}

.m-portlet.m-portlet--widget-fit .m-portlet__head {
    position: relative;
    z-index: 1
}

.m-portlet.m-portlet--bordered-semi .m-portlet__body {
    padding-top: .5rem
}

.m-portlet.m-portlet--space {
    padding: 0 2.2rem
}

.m-portlet.m-portlet--space .m-portlet__head {
    padding: 2.2rem 0
}

.m-portlet.m-portlet--space .m-portlet__body {
    padding: 2.2rem 0
}

.m-portlet.m-portlet--space .m-portlet__foot>.m-form__actions {
    padding: 2.2rem 0
}

.m-portlet .m-portlet__padding-x {
    padding: 0 2.2rem
}

.m-portlet.m-portlet--tabs .m-portlet__head {
    padding: 0 2.2rem
}

.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools {
    padding: 0
}

.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .m-tabs-line {
    position: relative;
    height: 100%;
    margin: 0;
    border-bottom-color: transparent;
    bottom: -1px
}

.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .m-tabs-line .m-tabs__link {
    height: 100%;
    padding: 1.7rem 0 1.5rem 0
}

.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .m-tabs-line.m-tabs-line--2x {
    bottom: -3px
}

.m-portlet.m-portlet--last {
    margin-bottom: 0
}

.m-portlet.m-portlet--head-sm .m-portlet__head {
    height: 4.1rem
}

.m-portlet.m-portlet--head-sm .m-portlet__head .m-portlet__head-tools {
    padding: 0
}

.m-portlet.m-portlet--head-sm .m-portlet__head .m-portlet__head-tools .m-tabs-line .m-tabs__link {
    height: 100%;
    padding: 14px 0 14px 0
}

.m-portlet.m-portlet--head-sm .m-portlet__body,
.m-portlet.m-portlet--head-sm .m-portlet__foot {
    padding-top: 1.7rem;
    padding-bottom: 1.7rem
}

.m-portlet.m-portlet--unair {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.m-portlet.m-portlet--rounded {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.m-portlet.m-portlet--rounded .m-portlet__head {
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    -o-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.m-portlet.m-portlet--rounded .m-portlet__body {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.m-portlet.m-portlet--rounded .m-portlet__foot {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.m-portlet.m-portlet--rounded-force {
    overflow: hidden
}

@media (max-width:768px) {
    .m-portlet.m-portlet--responsive-mobile .m-portlet__head {
        display: block;
        height: auto
    }
    .m-portlet.m-portlet--responsive-mobile .m-portlet__head .m-portlet__head-caption {
        display: block;
        padding-top: .9rem;
        padding-bottom: .9rem
    }
    .m-portlet.m-portlet--responsive-mobile .m-portlet__head .m-portlet__head-tools {
        text-align: left;
        display: block;
        padding-top: .45rem;
        padding-bottom: .9rem
    }
}

@media (max-width:1024px) {
    .m-portlet.m-portlet--responsive-tablet-and-mobile .m-portlet__head {
        display: block;
        height: auto
    }
    .m-portlet.m-portlet--responsive-tablet-and-mobile .m-portlet__head .m-portlet__head-caption {
        display: block;
        padding-top: .9rem;
        padding-bottom: .9rem
    }
    .m-portlet.m-portlet--responsive-tablet-and-mobile .m-portlet__head .m-portlet__head-tools {
        text-align: left;
        display: block;
        padding-top: .45rem;
        padding-bottom: .9rem
    }
}

.m-portlet .m-form.m-form--fit>.m-portlet__body {
    padding-left: 0;
    padding-right: 0
}

.m-portlet.m-portlet--sortable .m-portlet__head {
    cursor: move
}

.m-portlet.m-portlet--sortable-empty {
    visibility: hidden;
    height: 45px;
    min-height: 125px
}

.m-portlet .m-portlet-fit--sides {
    margin-left: -2.2rem;
    margin-right: -2.2rem
}

.m-portlet .m-portlet-fit--bottom {
    margin-bottom: -2.2rem
}

.m-portlet .m-portlet-fit--top {
    margin-top: -7.3rem
}

.m-portlet.m-portlet--bordered-semi .m-portlet-fit--top {
    margin-top: -5.6rem
}

.m-portlet .m-portlet__body-separator {
    height: 0;
    overflow: hidden;
    margin: 30px -2.2rem
}

.m-portlet.m-portlet--creative {
    padding-top: 3.5rem;
    margin-top: 3.5rem
}

.m-portlet.m-portlet--creative.m-portlet--first {
    margin-top: 1.375rem
}

.m-portlet.m-portlet--creative .m-portlet__head {
    height: 2.75rem
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class*=" la-"],
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class^=la-] {
    font-size: 14px
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class*=" fa-"],
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class^=fa-] {
    font-size: 14px
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class*=" flaticon-"],
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-icon [class^=flaticon-] {
    font-size: 1.4rem
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    font-size: 12px;
    font-weight: 400;
    font-family: Poppins
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text .m-portlet__head-desc {
    font-size: .8rem;
    font-weight: 300
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label {
    position: absolute;
    top: -5.25rem;
    left: 0;
    font-size: 14px;
    font-weight: 500;
    display: table;
    padding: 0 1.75rem;
    height: 3.5rem
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label>span {
    vertical-align: middle;
    display: table-cell
}

.m-portlet.m-portlet--head-overlay {
    overlay: hidden
}

.m-portlet.m-portlet--head-overlay .m-portlet__head {
    position: relative;
    border: 0;
    z-index: 2
}

.m-portlet.m-portlet--head-overlay .m-portlet__body {
    position: relative;
    z-index: 1;
    margin-top: -5.1rem;
    padding-top: 0
}

.m-portlet.m-portlet--ngviewer .m-portlet__body {
    padding: 0
}

.m-portlet.m-portlet--ngviewer .m-portlet__body .m-portlet__code {
    display: none
}

.m-portlet.m-portlet--ngviewer .m-portlet__body .m-portlet__code.m-portlet__code--show {
    display: block
}

.m-portlet.m-portlet--ngviewer .m-portlet__body .m-portlet__preview {
    padding: 2.2rem 2.2rem
}

@media (min-width:1025px) {
    .m-portlet.m-portlet--full-height {
        height: calc(100% - 2.2rem)
    }
    .m-portlet.m-portlet--full-height .m-portlet__body {
        height: calc(100% - 2.2rem - 2.2rem)
    }
    .m-portlet.m-portlet--half-height {
        height: calc(50% - 2.2rem)
    }
}

body.m-portlet--fullscreen {
    overflow: hidden!important
}

body.m-portlet--fullscreen.m-header--fixed .m-header {
    display: none
}

body.m-portlet--fullscreen.m-aside-left--fixed .m-aside-left {
    display: none
}

@media (max-width:1024px) {
    .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
        font-size: 1.1rem
    }
    .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text small {
        font-size: .85rem
    }
    .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text .m-portlet__head-desc {
        font-size: .85rem
    }
}

@media (max-width:768px) {
    .m-portlet.m-portlet--tabs .m-portlet__head {
        display: block;
        height: auto;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-caption {
        display: block;
        float: none
    }
    .m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools {
        display: block;
        float: none;
        margin-top: 1rem
    }
    .m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .nav-tabs.m-tabs-line {
        float: none
    }
    .m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .nav-tabs.m-tabs-line>.nav-item.m-tabs__item {
        margin-right: .75rem
    }
    .m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .nav-tabs.m-tabs-line>.nav-item.m-tabs__item>.nav-link.m-tabs__link {
        padding: .5rem 0
    }
    .m-portlet.m-portlet--tabs.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-tools .nav-tabs.m-tabs-line>.nav-item.m-tabs__item>.nav-link.m-tabs__link {
        padding: .5rem 1rem
    }
}

.m-portlet {
    -webkit-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .08);
    -moz-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .08);
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .08);
    background-color: #fff
}

.m-portlet .m-portlet__head {
    border-bottom: 1px solid #ebedf2
}

.m-portlet .m-portlet__head .m-portlet__head-icon {
    color: #b2b1c5
}

.m-portlet .m-portlet__head .m-portlet__head-text {
    color: #575962
}

.m-portlet .m-portlet__head .m-portlet__head-text .m-portlet__head-desc,
.m-portlet .m-portlet__head .m-portlet__head-text small {
    color: #afb2c1
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
    color: #afb0c7
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
    color: #22b9ff
}

.m-portlet .m-portlet__body {
    color: #575962
}

.m-portlet .m-portlet__foot:not(.m-portlet__no-border) {
    border-top: 1px solid #ebedf2
}

.m-portlet .m-portlet__foot:not(.m-portlet__no-border).m-portlet__foot--top {
    border-top: 0;
    border-bottom: 1px solid #ebedf2
}

.m-portlet .m-portlet__foot:not(.m-portlet__no-border).m-portlet__foot-no-border {
    border: 0
}

.m-portlet.m-portlet--bordered {
    border: 1px solid #ebedf2
}

.m-portlet.m-portlet--bordered-semi .m-portlet__head {
    border: 0
}

.m-portlet.ui-sortable-helper {
    border: 1px dashed #ebedf2
}

.m-portlet .m-portlet__body-separator {
    border-bottom: 1px solid #f4f5f8
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label {
    -webkit-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .25);
    -moz-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .25);
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .25)
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--brand {
    background: #22b9ff;
    color: #fff
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--metal {
    background: #c4c5d6;
    color: #fff
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--light {
    background: #fff;
    color: #282a3c
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--accent {
    background: #00c5dc;
    color: #fff
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--focus {
    background: #9816f4;
    color: #fff
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--primary {
    background: #5867dd;
    color: #fff
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--success {
    background: #34bfa3;
    color: #fff
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--info {
    background: #36a3f7;
    color: #fff
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--warning {
    background: #ffb822;
    color: #111
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--danger {
    background: #f4516c;
    color: #fff
}

.m-portlet.m-portlet--ngviewer .m-portlet__code {
    border-bottom: 1px solid #f4f5f8
}

.m-portlet.m-portlet--skin-dark {
    -webkit-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .55);
    -moz-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .55);
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .55);
    background-color: #2c2e3e
}

.m-portlet.m-portlet--skin-dark .m-portlet__head {
    border-bottom: 1px solid #a1a4b1
}

.m-portlet.m-portlet--skin-dark .m-portlet__head .m-portlet__head-icon {
    color: #fff
}

.m-portlet.m-portlet--skin-dark .m-portlet__head .m-portlet__head-text {
    color: #fff
}

.m-portlet.m-portlet--skin-dark .m-portlet__head .m-portlet__head-text .m-portlet__head-desc,
.m-portlet.m-portlet--skin-dark .m-portlet__head .m-portlet__head-text small {
    color: #c9c9e0
}

.m-portlet.m-portlet--skin-dark .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
    color: rgba(255, 255, 255, .6)
}

.m-portlet.m-portlet--skin-dark .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
    color: #fff
}

.m-portlet.m-portlet--skin-dark .m-portlet__body {
    color: #fff
}

.m-portlet.m-portlet--skin-dark .m-portlet__foot:not(.m-portlet__no-border) {
    border-top: 1px solid #a1a4b1
}

.m-portlet.m-portlet--skin-dark .m-portlet__foot:not(.m-portlet__no-border).m-portlet__foot--top {
    border-top: 0;
    border-bottom: 1px solid #a1a4b1
}

.m-portlet.m-portlet--skin-dark .m-portlet__foot:not(.m-portlet__no-border).m-portlet__foot-no-border {
    border: 0
}

.m-portlet.m-portlet--skin-dark.m-portlet--bordered {
    border: 1px solid #a1a4b1
}

.m-portlet.m-portlet--skin-dark.m-portlet--bordered-semi .m-portlet__head {
    border: 0
}

.m-portlet.m-portlet--skin-dark.ui-sortable-helper {
    border: 1px dashed #a1a4b1
}

.m-portlet.m-portlet--skin-dark .m-portlet__body-separator {
    border-bottom: 1px solid #999caa
}

.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label {
    -webkit-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .3);
    -moz-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .3);
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .3)
}

.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--brand {
    background: #22b9ff;
    color: #fff
}

.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--metal {
    background: #c4c5d6;
    color: #fff
}

.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--light {
    background: #fff;
    color: #282a3c
}

.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--accent {
    background: #00c5dc;
    color: #fff
}

.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--focus {
    background: #9816f4;
    color: #fff
}

.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--primary {
    background: #5867dd;
    color: #fff
}

.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--success {
    background: #34bfa3;
    color: #fff
}

.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--info {
    background: #36a3f7;
    color: #fff
}

.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--warning {
    background: #ffb822;
    color: #111
}

.m-portlet.m-portlet--skin-dark.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--danger {
    background: #f4516c;
    color: #fff
}

.m-portlet.m-portlet--skin-dark.m-portlet--ngviewer .m-portlet__code {
    border-bottom: 1px solid #999caa
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg {
    background: #22b9ff;
    border-color: #22b9ff
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head {
    background-color: #22b9ff;
    border-color: #22b9ff
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
    color: #f7f7f7
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
    color: #fff
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
    color: #f0f0f0
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
    color: #f7f7f7
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
    color: #fff
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
    border-color: rgba(255, 255, 255, .1)
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
    bottom: 0;
    border: 0
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
    margin: 0 1px 0 0
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
    margin-right: 0
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    border: 0;
    opacity: .8
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
    color: #f0f0f0
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    border-bottom: 0
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link,
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active,
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    background: 0 0;
    color: #fff;
    border: 0;
    background: rgba(255, 255, 255, .08)
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i,
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i,
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
    color: #fff
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__body {
    background: #fff
}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__foot {
    background: #fff
}

.m-portlet.m-portlet--border-bottom-brand {
    border-bottom: 3px solid #22b9ff
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg {
    background: #c4c5d6;
    border-color: #c4c5d6
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head {
    background-color: #c4c5d6;
    border-color: #c4c5d6
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
    color: #f7f7f7
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
    color: #fff
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
    color: #f0f0f0
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
    color: #f7f7f7
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
    color: #fff
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
    border-color: rgba(255, 255, 255, .1)
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
    bottom: 0;
    border: 0
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
    margin: 0 1px 0 0
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
    margin-right: 0
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    border: 0;
    opacity: .8
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
    color: #f0f0f0
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    border-bottom: 0
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link,
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active,
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    background: 0 0;
    color: #fff;
    border: 0;
    background: rgba(255, 255, 255, .08)
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i,
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i,
.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
    color: #fff
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__body {
    background: #fff
}

.m-portlet.m-portlet--metal.m-portlet--head-solid-bg .m-portlet__foot {
    background: #fff
}

.m-portlet.m-portlet--border-bottom-metal {
    border-bottom: 3px solid #c4c5d6
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg {
    background: #fff;
    border-color: #fff
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head {
    background-color: #fff;
    border-color: #fff
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
    color: #222433
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
    color: #282a3c
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
    color: #1c1d2a
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
    color: #222433
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
    color: #282a3c
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
    border-color: rgba(255, 255, 255, .1)
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
    bottom: 0;
    border: 0
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
    margin: 0 1px 0 0
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
    margin-right: 0
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
    padding-left: 20px;
    padding-right: 20px;
    color: #282a3c;
    border: 0;
    opacity: .8
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
    color: #1c1d2a
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    border-bottom: 0
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link,
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active,
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    background: 0 0;
    color: #282a3c;
    border: 0;
    background: rgba(40, 42, 60, .08)
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i,
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i,
.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
    color: #32354b
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__body {
    background: #fff
}

.m-portlet.m-portlet--light.m-portlet--head-solid-bg .m-portlet__foot {
    background: #fff
}

.m-portlet.m-portlet--border-bottom-light {
    border-bottom: 3px solid #fff
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg {
    background: #00c5dc;
    border-color: #00c5dc
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head {
    background-color: #00c5dc;
    border-color: #00c5dc
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
    color: #f7f7f7
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
    color: #fff
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
    color: #f0f0f0
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
    color: #f7f7f7
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
    color: #fff
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
    border-color: rgba(255, 255, 255, .1)
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
    bottom: 0;
    border: 0
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
    margin: 0 1px 0 0
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
    margin-right: 0
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    border: 0;
    opacity: .8
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
    color: #f0f0f0
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    border-bottom: 0
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link,
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active,
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    background: 0 0;
    color: #fff;
    border: 0;
    background: rgba(255, 255, 255, .08)
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i,
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i,
.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
    color: #fff
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__body {
    background: #fff
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__foot {
    background: #fff
}

.m-portlet.m-portlet--border-bottom-accent {
    border-bottom: 3px solid #00c5dc
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg {
    background: #9816f4;
    border-color: #9816f4
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head {
    background-color: #9816f4;
    border-color: #9816f4
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
    color: #f7f7f7
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
    color: #fff
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
    color: #f0f0f0
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
    color: #f7f7f7
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
    color: #fff
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
    border-color: rgba(255, 255, 255, .1)
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
    bottom: 0;
    border: 0
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
    margin: 0 1px 0 0
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
    margin-right: 0
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    border: 0;
    opacity: .8
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
    color: #f0f0f0
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    border-bottom: 0
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link,
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active,
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    background: 0 0;
    color: #fff;
    border: 0;
    background: rgba(255, 255, 255, .08)
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i,
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i,
.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
    color: #fff
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__body {
    background: #fff
}

.m-portlet.m-portlet--focus.m-portlet--head-solid-bg .m-portlet__foot {
    background: #fff
}

.m-portlet.m-portlet--border-bottom-focus {
    border-bottom: 3px solid #9816f4
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg {
    background: #5867dd;
    border-color: #5867dd
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head {
    background-color: #5867dd;
    border-color: #5867dd
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
    color: #f7f7f7
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
    color: #fff
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
    color: #f0f0f0
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
    color: #f7f7f7
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
    color: #fff
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
    border-color: rgba(255, 255, 255, .1)
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
    bottom: 0;
    border: 0
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
    margin: 0 1px 0 0
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
    margin-right: 0
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    border: 0;
    opacity: .8
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
    color: #f0f0f0
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    border-bottom: 0
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link,
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active,
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    background: 0 0;
    color: #fff;
    border: 0;
    background: rgba(255, 255, 255, .08)
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i,
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i,
.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
    color: #fff
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__body {
    background: #fff
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__foot {
    background: #fff
}

.m-portlet.m-portlet--border-bottom-primary {
    border-bottom: 3px solid #5867dd
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg {
    background: #34bfa3;
    border-color: #34bfa3
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head {
    background-color: #34bfa3;
    border-color: #34bfa3
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
    color: #f7f7f7
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
    color: #fff
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
    color: #f0f0f0
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
    color: #f7f7f7
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
    color: #fff
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
    border-color: rgba(255, 255, 255, .1)
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
    bottom: 0;
    border: 0
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
    margin: 0 1px 0 0
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
    margin-right: 0
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    border: 0;
    opacity: .8
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
    color: #f0f0f0
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    border-bottom: 0
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link,
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active,
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    background: 0 0;
    color: #fff;
    border: 0;
    background: rgba(255, 255, 255, .08)
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i,
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i,
.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
    color: #fff
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__body {
    background: #fff
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__foot {
    background: #fff
}

.m-portlet.m-portlet--border-bottom-success {
    border-bottom: 3px solid #34bfa3
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg {
    background: #36a3f7;
    border-color: #36a3f7
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head {
    background-color: #36a3f7;
    border-color: #36a3f7
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
    color: #f7f7f7
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
    color: #fff
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
    color: #f0f0f0
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
    color: #f7f7f7
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
    color: #fff
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
    border-color: rgba(255, 255, 255, .1)
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
    bottom: 0;
    border: 0
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
    margin: 0 1px 0 0
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
    margin-right: 0
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    border: 0;
    opacity: .8
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
    color: #f0f0f0
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    border-bottom: 0
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link,
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active,
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    background: 0 0;
    color: #fff;
    border: 0;
    background: rgba(255, 255, 255, .08)
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i,
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i,
.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
    color: #fff
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__body {
    background: #fff
}

.m-portlet.m-portlet--info.m-portlet--head-solid-bg .m-portlet__foot {
    background: #fff
}

.m-portlet.m-portlet--border-bottom-info {
    border-bottom: 3px solid #36a3f7
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg {
    background: #ffb822;
    border-color: #ffb822
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head {
    background-color: #ffb822;
    border-color: #ffb822
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
    color: #090909
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
    color: #111
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
    color: #020202
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
    color: #090909
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
    color: #111
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
    border-color: rgba(255, 255, 255, .1)
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
    bottom: 0;
    border: 0
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
    margin: 0 1px 0 0
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
    margin-right: 0
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
    padding-left: 20px;
    padding-right: 20px;
    color: #111;
    border: 0;
    opacity: .8
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
    color: #020202
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    border-bottom: 0
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link,
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active,
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    background: 0 0;
    color: #111;
    border: 0;
    background: rgba(17, 17, 17, .08)
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i,
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i,
.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
    color: #1e1e1e
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__body {
    background: #fff
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__foot {
    background: #fff
}

.m-portlet.m-portlet--border-bottom-warning {
    border-bottom: 3px solid #ffb822
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg {
    background: #f4516c;
    border-color: #f4516c
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head {
    background-color: #f4516c;
    border-color: #f4516c
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-icon {
    color: #f7f7f7
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text {
    color: #fff
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head .m-portlet__head-text small {
    color: #f0f0f0
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon i {
    color: #f7f7f7
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
    color: #fff
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .btn-outline-light {
    border-color: rgba(255, 255, 255, .1)
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
    bottom: 0;
    border: 0
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
    margin: 0 1px 0 0
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child {
    margin-right: 0
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    border: 0;
    opacity: .8
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link>i {
    color: #f0f0f0
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    border-bottom: 0
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link,
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active,
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    background: 0 0;
    color: #fff;
    border: 0;
    background: rgba(255, 255, 255, .08)
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link>i,
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active>i,
.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover>i {
    color: #fff
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__body {
    background: #fff
}

.m-portlet.m-portlet--danger.m-portlet--head-solid-bg .m-portlet__foot {
    background: #fff
}

.m-portlet.m-portlet--border-bottom-danger {
    border-bottom: 3px solid #f4516c
}
/* portlet styles here */

/* progress bar additional styles */
.progress .progress-bar {
    transition: all .5s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .progress .progress-bar {
        transition: none
    }
}

.progress.m-progress--sm {
    height: 6px
}

.progress.m-progress--sm .progress-bar {
    border-radius: 3px
}

.progress.m-progress--lg {
    height: 20px
}

.progress.m-progress--lg .progress-bar {
    border-radius: 4px
}
/* progress bar additional styles */


/* customised widgets */
.m-widget1 {
    padding: 2.2rem
}

.m-widget1.m-widget1--paddingless {
    padding: 0
}

.m-widget1 .m-widget1__item {
    padding: 1.1rem 0
}

.m-widget1 .m-widget1__item .m-widget1__title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0
}

.m-widget1 .m-widget1__item .m-widget1__desc {
    display: inline-block;
    margin-top: .21rem;
    font-size: 12px;
    font-weight: 300
}

.m-widget1 .m-widget1__item .m-widget1__number {
    font-size: 1.5rem;
    font-weight: 600
}

.m-widget1 .m-widget1__item:first-child {
    padding-top: .8rem
}

.m-widget1 .m-widget1__item:last-child {
    padding-bottom: .8rem
}

.m-widget1__item {
    border-bottom: .07rem dashed #ebedf2
}

.m-widget1__item .m-widget1__title {
    color: #3f4047
}

.m-widget1__item .m-widget1__desc {
    color: #9699a2
}

.m-widget1__item .m-widget1__number {
    color: #6f727d
}

.m-widget1__item:last-child {
    border-bottom: 0
}

.m-widget2 .m-widget2__item {
    disply: table;
    margin-bottom: 1.4rem;
    position: relative
}

.m-widget2 .m-widget2__item:before {
    position: absolute;
    display: block;
    width: .3rem;
    border-radius: 4px;
    width: 4px;
    border-radius: 4px;
    height: 100%;
    left: .8rem;
    content: ""
}

.m-widget2 .m-widget2__item .m-widget2__checkbox {
    display: table-cell;
    vertical-align: middle;
    padding-left: 2.2rem;
    padding-top: 1rem;
    vertical-align: top
}

.m-widget2 .m-widget2__item .m-widget2__desc {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    padding-left: .3rem;
    padding-top: .23rem;
    font-size: 1rem
}

.m-widget2 .m-widget2__item .m-widget2__desc .m-widget2__text {
    font-size: 12px;
    font-weight: 400
}

.m-widget2 .m-widget2__item .m-widget2__desc .m-widget2__user-name .m-widget2__link {
    font-size: .85rem
}

.m-widget2 .m-widget2__item .m-widget2__desc .m-widget2__user-name .m-widget2__link:hover {
    text-decoration: none
}

.m-widget2 .m-widget2__item .m-widget2__actions {
    display: table-cell;
    vertical-align: top;
    padding-left: .8rem;
    padding-top: .8rem
}

.m-widget2 .m-widget2__item .m-widget2__actions .m-widget2__actions-nav {
    visibility: hidden
}

.m-widget2 .m-widget2__item .m-widget2__actions .m-widget2__actions-nav .m-dropdown__toggle {
    text-decoration: none;
    font-size: 1.5rem
}

.m-widget2 .m-widget2__item:hover .m-widget2__actions .m-widget2__actions-nav {
    visibility: visible
}

.m-widget2 .m-widget2__item:hover {
    cursor: pointer
}

.m-widget2 .m-widget2__item:hover .m-widget2__actions-nav {
    visibility: hidden
}

.m-widget2 .m-widget2__item:hover .m-widget2__actions .m-widget2__actions-nav {
    visibility: visible
}

.m-widget2__item .m-widget2__desc .m-widget2__text {
    color: #575962
}

.m-widget2__item .m-widget2__desc .m-widget2__user-name .m-widget2__link {
    color: #575962
}

.m-widget2__item.m-widget2__item--brand:before {
    background: #22b9ff
}

.m-widget2__item.m-widget2__item--metal:before {
    background: #c4c5d6
}

.m-widget2__item.m-widget2__item--light:before {
    background: #fff
}

.m-widget2__item.m-widget2__item--accent:before {
    background: #00c5dc
}

.m-widget2__item.m-widget2__item--focus:before {
    background: #9816f4
}

.m-widget2__item.m-widget2__item--primary:before {
    background: #5867dd
}

.m-widget2__item.m-widget2__item--success:before {
    background: #34bfa3
}

.m-widget2__item.m-widget2__item--info:before {
    background: #36a3f7
}

.m-widget2__item.m-widget2__item--warning:before {
    background: #ffb822
}

.m-widget2__item.m-widget2__item--danger:before {
    background: #f4516c
}

.m-widget3 .m-widget3__item {
    margin-bottom: .8rem
}

.m-widget3 .m-widget3__item .m-widget3__header {
    display: table
}

.m-widget3 .m-widget3__item .m-widget3__header .m-widget3__user-img {
    margin-bottom: .7rem
}

.m-widget3 .m-widget3__item .m-widget3__header .m-widget3__user-img .m-widget3__img {
    width: 3.2rem;
    border-radius: 50%
}

.m-widget3 .m-widget3__item .m-widget3__header .m-widget3__info {
    display: table-cell;
    width: 100%;
    padding-left: 1rem;
    font-size: 12px;
    vertical-align: middle
}

.m-widget3 .m-widget3__item .m-widget3__header .m-widget3__info .m-widget3__username {
    font-size: 12px;
    font-weight: 500
}

.m-widget3 .m-widget3__item .m-widget3__header .m-widget3__info .m-widget3__time {
    font-size: .85rem
}

.m-widget3 .m-widget3__item .m-widget3__header .m-widget3__status {
    display: table-cell;
    float: right;
    padding-top: 1.07rem;
    font-size: 12px;
    font-weight: 500
}

.m-widget3 .m-widget3__item .m-widget3__body .m-widget3__text {
    font-size: 1rem
}

.m-widget3 .m-widget3__item {
    border-bottom: .07rem dashed #ebedf2
}

.m-widget3 .m-widget3__item .m-widget3__username {
    color: #575962
}

.m-widget3 .m-widget3__item .m-widget3__body .m-widget3__text {
    color: #898b96
}

.m-widget3 .m-widget3__item:last-child {
    border-bottom: 0
}

.m-widget4 .m-widget4__item {
    display: table;
    padding-top: 1.15rem;
    padding-bottom: 1.25rem
}

.m-widget4 .m-widget4__item .m-widget4__img {
    display: table-cell;
    vertical-align: middle
}

.m-widget4 .m-widget4__item .m-widget4__img.m-widget4__img--logo img {
    width: 3.5rem;
    border-radius: 50%
}

.m-widget4 .m-widget4__item .m-widget4__img.m-widget4__img--pic img {
    width: 4rem;
    border-radius: 50%
}

.m-widget4 .m-widget4__item .m-widget4__img.m-widget4__img--icon img {
    width: 2.1rem
}

.m-widget4 .m-widget4__item .m-widget4__info {
    display: table-cell;
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 12px;
    vertical-align: middle
}

.m-widget4 .m-widget4__item .m-widget4__info .m-widget4__text {
    font-size: 12px;
    font-weight: 500
}

.m-widget4 .m-widget4__item .m-widget4__info .m-widget4__title {
    font-size: 12px;
    font-weight: 600
}

.m-widget4 .m-widget4__item .m-widget4__info .m-widget4__sub {
    font-size: .85rem
}

.m-widget4 .m-widget4__item .m-widget4__ext {
    display: table-cell;
    vertical-align: middle
}

.m-widget4 .m-widget4__item .m-widget4__ext .m-widget4__number {
    font-size: 14px;
    font-weight: 600
}

.m-widget4 .m-widget4__item .m-widget4__ext .m-widget4__icon>i {
    font-size: 1.6rem
}

.m-widget4 .m-widget4__item .m-widget4__ext .m-widget4__icon.m-widget4__icon--2x>i {
    font-size: 2.2rem
}

.m-widget4 .m-widget4__item .m-widget4__ext .m-widget4__icon:hover {
    text-decoration: none
}

.m-widget4.m-widget4--progress .m-widget4__info {
    width: 50%
}

.m-widget4.m-widget4--progress .m-widget4__progress {
    display: table-cell;
    vertical-align: middle;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 50%
}

.m-widget4.m-widget4--progress .m-widget4__progress .m-widget4__progress-wrapper .m-widget17__progress-number {
    font-size: 1.1rem;
    font-weight: 600
}

.m-widget4.m-widget4--progress .m-widget4__progress .m-widget4__progress-wrapper .m-widget17__progress-label {
    font-size: 11px;
    float: right;
    margin-top: .3rem
}

.m-widget4.m-widget4--progress .m-widget4__progress .m-widget4__progress-wrapper .progress {
    display: block;
    margin-top: .8rem;
    height: .5rem
}

.m-widget4 .m-widget4__chart {
    position: relative
}

.m-widget4.m-widget4--chart-bottom .m-widget4__chart {
    position: absolute;
    width: 100%;
    bottom: 0
}

.m-portlet--rounded .m-widget4.m-widget4--chart-bottom .m-widget4__chart canvas {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.m-widget4__item {
    border-bottom: .07rem dashed #ebedf2
}

.m-widget4__item .m-widget4__number {
    color: #575962
}

.m-widget4__item .m-widget4__title {
    color: #575962
}

.m-widget4__item .m-widget4__sub {
    color: #7b7e8a
}

.m-widget4__item .m-widget4__text {
    color: #898b96
}

.m-widget4__item .m-widget4__icon>i {
    color: #c1bfd0
}

.m-widget4__item .m-widget4__icon:hover>i {
    color: #22b9ff
}

.m-widget4__item.m-widget4__item--last,
.m-widget4__item:last-child {
    border-bottom: 0
}

.m-widget5 .m-widget5__item {
    display: table;
    width: 100%;
    margin-bottom: 1.43rem;
    padding-bottom: 1.57rem
}

.m-widget5 .m-widget5__item .m-widget5__pic {
    display: table-cell;
    width: 5rem
}

.m-widget5 .m-widget5__item .m-widget5__pic>img {
    width: 8.6rem
}

.m-widget5 .m-widget5__item .m-widget5__content {
    display: table-cell;
    vertical-align: top;
    padding-left: 1.43rem;
    padding-top: .3rem
}

.m-widget5 .m-widget5__item .m-widget5__content .m-widget5__title {
    font-size: 1.1rem;
    font-weight: 500
}

.m-widget5 .m-widget5__item .m-widget5__content .m-widget5__desc {
    font-size: .85rem
}

.m-widget5 .m-widget5__item .m-widget5__content .m-widget5__info {
    margin-top: .71rem;
    font-size: 1rem
}

.m-widget5 .m-widget5__item .m-widget5__content .m-widget5__info .m-widget5__info-author {
    font-weight: 500;
    margin-right: .71rem
}

.m-widget5 .m-widget5__item .m-widget5__content .m-widget5__info .m-widget5__info-date {
    font-weight: 500
}

.m-widget5 .m-widget5__item .m-widget5__stats1 {
    display: table-cell;
    text-align: right;
    width: 7.1rem;
    padding-top: 1.07rem;
    vertical-align: top
}

.m-widget5 .m-widget5__item .m-widget5__stats1 .m-widget5__number {
    font-size: 1.5rem;
    font-weight: 600
}

.m-widget5 .m-widget5__item .m-widget5__stats1 .m-widget5__sales {
    font-size: 1rem
}

.m-widget5 .m-widget5__item .m-widget5__stats2 {
    display: table-cell;
    text-align: right;
    padding-top: 1.07rem;
    width: 5.7rem;
    vertical-align: top;
    padding-left: 3.6rem
}

.m-widget5 .m-widget5__item .m-widget5__stats2 .m-widget5__number {
    font-size: 1.5rem;
    font-weight: 600
}

.m-widget5 .m-widget5__item .m-widget5__stats2 .m-widget5__votes {
    font-size: 1rem
}

.m-widget5 .m-widget5__item {
    border-bottom: .07rem dashed #ebedf2
}

.m-widget5 .m-widget5__item .m-widget5__title {
    color: #333439
}

.m-widget5 .m-widget5__item .m-widget5__desc {
    color: #6f727d
}

.m-widget5 .m-widget5__item .m-widget5__author {
    color: #6f727d
}

.m-widget5 .m-widget5__item .m-widget5__info-label {
    color: #6f727d
}

.m-widget5 .m-widget5__item .m-widget5__stats1 .m-widget5__number {
    color: #6f727d
}

.m-widget5 .m-widget5__item .m-widget5__stats1 .m-widget5__sales {
    color: #6f727d
}

.m-widget5 .m-widget5__item .m-widget5__stats2 .m-widget5__number {
    color: #6f727d
}

.m-widget5 .m-widget5__item .m-widget5__stats2 .m-widget5__votes {
    color: #6f727d
}

.m-widget5 .m-widget5__item:last-child {
    border-bottom: 0
}

.m-widget6 .m-widget6__head .m-widget6__action {
    margin-bottom: 2.14rem
}

.m-widget6 .m-widget6__head .m-widget6__item {
    display: table;
    width: 100%;
    margin-bottom: 1.07rem;
    font-size: 12px;
    font-weight: 600
}

.m-widget6 .m-widget6__head .m-widget6__item .m-widget6__caption {
    display: table-cell;
    width: 33%;
    padding-left: 0;
    padding-right: 0
}

.m-widget6 .m-widget6__head .m-widget6__item .m-widget6__caption:last-child {
    padding-right: 0;
    padding-left: 0
}

.m-widget6 .m-widget6__body .m-widget6__item {
    display: table;
    width: 100%;
    padding-top: 1.07rem;
    padding-bottom: 1.07rem
}

.m-widget6 .m-widget6__body .m-widget6__item .m-widget6__text {
    display: table-cell;
    width: 33%;
    padding-left: 0;
    padding-right: 0;
    vertical-align: top;
    font-size: 1rem
}

.m-widget6 .m-widget6__foot .m-widget6__action {
    text-align: right;
    margin-top: 1rem
}

.m-widget6 .m-widget6__item {
    border-bottom: .07rem dashed #ebedf2
}

.m-widget6 .m-widget6__item .m-widget6__text {
    color: #898b96
}

.m-widget6 .m-widget6__item .m-widget6__caption {
    color: #a6a7c1
}

.m-widget6 .m-widget6__item:last-child {
    border-bottom: 0
}

.m-widget7 .m-widget7__desc {
    text-align: center;
    margin-top: 7rem;
    font-size: 14px
}

.m-widget7 .m-widget7__user {
    margin: 0 auto;
    display: table;
    margin-top: .35rem;
    margin-bottom: 5rem
}

.m-widget7 .m-widget7__user .m-widget7__user-img .m-widget7__img {
    width: 2.6rem;
    border-radius: 50%;
    margin-top: 1.14rem
}

.m-widget7 .m-widget7__user .m-widget7__info {
    display: table-cell
}

.m-widget7 .m-widget7__user .m-widget7__info .m-widget7__username {
    margin-top: .71rem;
    margin-left: .71rem;
    font-size: 12px;
    font-weight: 500
}

.m-widget7 .m-widget7__user .m-widget7__info .m-widget7__time {
    margin-left: .71rem;
    margin-top: .71rem;
    font-size: .85rem
}

.m-widget7 .m-widget7__button {
    text-align: center;
    margin-bottom: 2.85rem
}

.m-widget7 .m-widget7__desc {
    color: #575962
}

.m-widget7 .m-widget7__info .m-widget7__username {
    color: #575962
}

.m-widget7 .m-widget7__info .m-widget7__time {
    color: #575962
}

.m-widget7.m-widget7--skin-dark .m-widget7__desc {
    color: #fff
}

.m-widget7.m-widget7--skin-dark .m-widget7__info .m-widget7__username {
    color: #fff
}

.m-widget7.m-widget7--skin-dark .m-widget7__info .m-widget7__time {
    color: #fff
}

.m-widget8:last-child {
    margin-bottom: -.71rem
}

.m-widget8 .m-widget8__item {
    display: table;
    margin-bottom: .4rem;
    padding-bottom: 1.1rem;
    margin-top: 1.21rem
}

.m-widget8 .m-widget8__item .m-widget8__pic {
    vertical-align: top
}

.m-widget8 .m-widget8__item .m-widget8__pic>img {
    width: 3rem;
    border-radius: 50%
}

.m-widget8 .m-widget8__item .m-widget8__info {
    display: table-cell;
    width: 100%;
    padding-left: 1rem;
    font-size: 12px;
    vertical-align: top;
    line-height: 1.3;
    padding-top: .21rem
}

.m-widget8 .m-widget8__item .m-widget8__info .m-widget8__username {
    font-size: 14px;
    font-weight: 500
}

.m-widget8 .m-widget8__item .m-widget8__info .m-widget8__desc {
    font-size: 1rem
}

.m-widget8 .m-widget8__item .m-widget8__action {
    display: table-cell;
    vertical-align: top
}

.m-widget8 .m-widget8__item {
    border-bottom: .07rem dashed #ebedf2
}

.m-widget8 .m-widget8__item .m-widget8__username {
    color: #575962
}

.m-widget8 .m-widget8__item .m-widget8__desc {
    color: #898b96
}

.m-widget8 .m-widget8__item:last-child {
    border-bottom: 0
}

.m-widget9 {
    padding: 2.2rem
}

.m-widget9 .m-widget9__header {
    padding: 1.1rem 0;
    margin-bottom: .5rem
}

.m-widget9 .m-widget9__header .m-widget9__title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0
}

.m-widget9 .m-widget9__header .m-widget9__desc {
    display: inline-block;
    margin-top: .2rem;
    font-size: 1rem
}

.m-widget9 .m-widget9__legend {
    margin-bottom: .9rem
}

.m-widget9 .m-widget9__legend:last-child {
    margin-bottom: 0
}

.m-widget9 .m-widget9__legend .m-widget9__legend-bullet {
    width: 2rem;
    height: .45rem;
    display: inline-block;
    border-radius: 1.1rem;
    margin-bottom: .12rem;
    margin-right: .8rem
}

.m-widget9 .m-widget9__legend .m-widget9__legend-text {
    display: inline-block
}

.m-widget9 .m-widget9__chart {
    position: relative;
    margin-top: .5rem
}

.m-widget9 .m-widget9__chart .m-widget9__stat {
    font-size: 2.4rem;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.m-widget9__title {
    color: #575962
}

.m-widget9__desc {
    color: #9699a2
}

.m-widget9__legend-text {
    color: #9699a2
}

.m-widget9__chart .m-widget9__stat {
    color: #dadbe2
}

.m-widget10 .m-widget10__chart {
    margin-top: 1rem;
    margin-bottom: 3.5rem;
    position: relative
}

.m-widget10 .m-widget10__chart canvas {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.m-widget10 .m-widget10__items .m-widget10__item .m-widget10__stats {
    font-size: 1.1rem;
    font-weight: 600
}

.m-widget10 .m-widget10__items .m-widget10__item .m-widget10__text {
    font-size: 11px;
    float: right;
    margin-top: .3rem
}

.m-widget10 .m-widget10__items .m-widget10__item .progress {
    margin-bottom: 1.6rem
}

.m-widget10 .m-widget10__desc {
    margin-top: 1.6rem;
    font-size: 1rem
}

.m-widget10 .m-widget10__items .m-widget10__stats {
    color: #6f727d
}

.m-widget10 .m-widget10__items .m-widget10__text {
    color: #9699a2
}

.m-widget11 .table-responsive {
    overflow-y: hidden
}

.m-widget11 .table thead>tr>td {
    padding-top: 1.21rem;
    padding-bottom: 1.21rem;
    padding-left: 0;
    padding-right: .5rem;
    vertical-align: top;
    border-top: 0;
    font-size: 12px;
    font-weight: 600
}

.m-widget11 .table thead>tr>td:last-child {
    padding-right: 0
}

.m-widget11 .table thead>tr>td.m-widget11__label {
    width: 3%
}

.m-widget11 .table thead>tr>td.m-widget11__app {
    width: 15%
}

.m-widget11 .table thead>tr>td.m-widget11__sales {
    width: 10%
}

.m-widget11 .table thead>tr>td.m-widget11__change {
    width: 10%
}

.m-widget11 .table thead>tr>td.m-widget11__price {
    width: 7%
}

.m-widget11 .table thead>tr>td.m-widget11__total {
    width: 7%
}

.m-widget11 .table tbody>tr>td {
    border: 0;
    padding-left: 0;
    padding-right: .5rem;
    padding-top: 22px;
    vertical-align: top;
    font-size: 1.1rem;
    font-weight: 500
}

.m-widget11 .table tbody>tr>td>label {
    right: 0;
    top: .5rem;
    vertical-align: top
}

.m-widget11 .table tbody>tr>td .m-widget11__chart {
    position: relative;
    margin-top: -.6rem
}

.m-widget11 .table tbody>tr>td:last-child {
    padding-right: 0
}

.m-widget11 .table tbody>tr .m-widget11__title {
    font-size: 1.1rem;
    font-weight: 500;
    display: block
}

.m-widget11 .table tbody>tr .m-widget11__sub {
    display: block;
    font-size: .85rem
}

.m-widget11 .table thead tr>td {
    color: #a6a7c1
}

.m-widget11 .table tbody>tr {
    border-bottom: .07rem dashed #ebedf2
}

.m-widget11 .table tbody>tr>td {
    color: #9699a2
}

.m-widget11 .table tbody>tr .m-widget11__title {
    color: #575962
}

.m-widget11 .table tbody>tr .m-widget11__title>span {
    color: #9699a2
}

.m-widget11 .table tbody>tr:last-child {
    border: 0
}

.m-widget12 .m-widget12__item {
    display: table;
    width: 100%;
    margin-bottom: 2.85rem
}

.m-widget12 .m-widget12__item:last-child {
    margin-bottom: 0
}

.m-widget12 .m-widget12__item .m-widget12__text1 {
    display: table-cell;
    padding-right: .36rem;
    font-size: 1.1rem
}

.m-widget12 .m-widget12__item .m-widget12__text1>span {
    margin-top: .43rem;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600
}

.m-widget12 .m-widget12__item .m-widget12__text2 {
    display: table-cell;
    width: 45%;
    font-size: 1.1rem
}

.m-widget12 .m-widget12__item .m-widget12__text2>span {
    margin-top: .43rem;
    display: inline-block;
    color: red;
    font-size: 1.5rem;
    font-weight: 600
}

.m-widget12 .m-widget12__item .m-widget12__text2 .m-widget12__progress {
    display: table;
    width: 100%
}

.m-widget12 .m-widget12__item .m-widget12__text2 .m-widget12__progress .m-widget12__progress-sm {
    width: 90%;
    height: .5rem
}

.m-widget12 .m-widget12__item .m-widget12__text2 .m-widget12__progress .m-widget12__progress-sm .m-widget12__progress-bar {
    width: 63%;
    padding-bottom: .43rem
}

.m-widget12 .m-widget12__item .m-widget12__text2 .m-widget12__progress .m-widget12__stats {
    display: table-cell;
    width: 40%;
    line-height: 0;
    padding-top: .3rem;
    font-size: 1.5rem;
    font-weight: 600
}

.m-widget12 .m-widget12__chart {
    position: relative
}

.m-widget12.m-widget12--chart-bottom .m-widget12__chart {
    position: absolute;
    width: 100%;
    bottom: 0
}

.m-widget12 .m-widget12__item .m-widget12__text1 {
    color: #6f727d
}

.m-widget12 .m-widget12__item .m-widget12__text2 {
    color: #7b7e8a
}

.m-widget12 .m-widget12__item .m-widget12__text2>span {
    color: #7b7e8a
}

.m-widget12 .m-widget12__item .m-widget12__text2 .m-widget12__desc {
    color: #7b7e8a
}

.m-widget12 .m-widget12__item .m-widget12__text2 .m-widget12__progress .m-widget12__stats {
    color: #6f727d
}

.m-widget13 .m-widget13__item {
    display: table;
    width: 100%
}

.m-widget13 .m-widget13__item .m-widget13__desc {
    display: table-cell;
    padding-right: 30px;
    width: 50%;
    vertical-align: top;
    padding-top: 10px;
    font-size: 1rem
}

.m-widget13 .m-widget13__item .m-widget13__text {
    display: table-cell;
    width: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
    font-size: 1rem
}

.m-widget13 .m-widget13__item .m-widget13__text.m-widget13__text-bolder {
    font-size: 14px;
    font-weight: 500
}

.m-widget13 .m-widget13__item .m-widget13__text.m-widget13__number-bolder {
    font-size: 12px;
    font-weight: 500
}

.m-widget13 .m-widget13__action {
    margin-top: 30px;
    padding-top: 30px
}

.m-widget13 .m-widget13__action .m-widget__detalis {
    margin-right: 10px
}

.m-widget13 .m-widget13__item .m-widget13__desc {
    color: #9699a2
}

.m-widget13 .m-widget13__item .m-widget13__text {
    color: #9699a2
}

.m-widget13 .m-widget13__item .m-widget13__text.m-widget13__text-bolder {
    color: #6f727d
}

.m-widget13 .m-widget13__action {
    border-top: .07rem dashed #ebedf2
}

.m-widget14 {
    padding: 2.2rem
}

.m-widget14.m-widget14--no-padding {
    padding: 0
}

.m-widget14 .m-widget14__header {
    padding: 1.1rem 0;
    margin-bottom: .5rem
}

.m-widget14 .m-widget14__header .m-widget14__title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0
}

.m-widget14 .m-widget14__header .m-widget14__desc {
    display: inline-block;
    margin-top: .2rem;
    font-size: 1rem
}

.m-widget14 .m-widget14__legend {
    margin-bottom: .9rem
}

.m-widget14 .m-widget14__legend:last-child {
    margin-bottom: 0
}

.m-widget14 .m-widget14__legend .m-widget14__legend-bullet {
    width: 2rem;
    height: .45rem;
    display: inline-block;
    border-radius: 1.1rem;
    margin-bottom: .12rem;
    margin-right: .8rem
}

.m-widget14 .m-widget14__legend .m-widget14__legend-text {
    display: inline-block
}

.m-widget14 .m-widget14__chart {
    position: relative;
    margin-top: .5rem
}

.m-widget14 .m-widget14__chart .m-widget14__stat {
    font-size: 2.4rem;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.m-widget14__title {
    color: #575962
}

.m-widget14__desc {
    color: #9699a2
}

.m-widget14__legend-text {
    color: #9699a2
}

.m-widget14__chart .m-widget14__stat {
    color: #dadbe2
}

.m-widget15 .m-widget15__chart {
    margin-top: 1rem;
    margin-bottom: 3.5rem;
    position: relative
}

.m-widget15 .m-widget15__chart canvas {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.m-widget15 .m-widget15__items .m-widget15__item .m-widget15__stats {
    font-size: 1.1rem;
    font-weight: 600
}

.m-widget15 .m-widget15__items .m-widget15__item .m-widget15__text {
    font-size: 11px;
    float: right;
    margin-top: .3rem
}

.m-widget15 .m-widget15__items .m-widget15__item .progress {
    margin-bottom: 1.6rem
}

.m-widget15 .m-widget15__desc {
    margin-top: 1.6rem;
    font-size: 1rem
}

.m-widget15 .m-widget15__items .m-widget15__stats {
    color: #6f727d
}

.m-widget15 .m-widget15__items .m-widget15__text {
    color: #9699a2
}

.m-widget16 .m-widget16__head .m-widget16__item {
    display: table;
    width: 100%;
    margin-bottom: 3px
}

.m-widget16 .m-widget16__head .m-widget16__item .m-widget16__sceduled {
    display: table-cell;
    width: 33%;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    font-weight: 500
}

.m-widget16 .m-widget16__head .m-widget16__item .m-widget16__amount {
    display: table-cell;
    width: 33%;
    padding-right: 0;
    padding-left: 0;
    font-size: 12px;
    font-weight: 500
}

.m-widget16 .m-widget16__body .m-widget16__item {
    display: table;
    width: 100%;
    padding-top: .7rem;
    padding-bottom: .7rem
}

.m-widget16 .m-widget16__body .m-widget16__item .m-widget16__date {
    display: table-cell;
    width: 33%;
    padding-left: 0;
    padding-right: 0;
    vertical-align: top;
    font-size: 12px;
    padding-top: .2rem
}

.m-widget16 .m-widget16__body .m-widget16__item .m-widget16__price {
    display: table-cell;
    width: 33%;
    padding-right: 0;
    padding-left: 0;
    vertical-align: top;
    font-size: 12px;
    font-weight: 500;
    padding-top: .2rem
}

.m-widget16 .m-widget16__stats {
    display: table;
    vertical-align: top;
    margin-top: 2rem;
    width: 100%
}

.m-widget16 .m-widget16__stats .m-widget16__visual {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

.m-widget16 .m-widget16__stats .m-widget16__visual .m-widget16__chart {
    position: relative;
    margin-top: .5rem
}

.m-widget16 .m-widget16__stats .m-widget16__visual .m-widget16__chart .m-widget16__chart-number {
    font-size: 2.4rem;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.m-widget16 .m-widget16__stats .m-widget16__legends {
    display: table-cell;
    width: 40%;
    vertical-align: middle
}

.m-widget16 .m-widget16__stats .m-widget16__legends .m-widget16__legend {
    margin-bottom: .9rem
}

.m-widget16 .m-widget16__stats .m-widget16__legends .m-widget16__legend:last-child {
    margin-bottom: 0
}

.m-widget16 .m-widget16__stats .m-widget16__legends .m-widget16__legend .m-widget16__legend-bullet {
    width: 2rem;
    height: .45rem;
    display: inline-block;
    border-radius: 1.1rem;
    margin-bottom: .12rem;
    margin-right: .8rem
}

.m-widget16 .m-widget16__stats .m-widget16__legends .m-widget16__legend .m-widget16__legend-text {
    display: inline-block
}

.m-widget16 .m-widget16__head .m-widget16__item .m-widget16__amount,
.m-widget16 .m-widget16__head .m-widget16__item .m-widget16__sceduled {
    color: #a6a7c1
}

.m-widget16 .m-widget16__body .m-widget16__item {
    border-bottom: .07rem dashed #ebedf2
}

.m-widget16 .m-widget16__body .m-widget16__item .m-widget16__date {
    color: #9699a2
}

.m-widget16 .m-widget16__body .m-widget16__item .m-widget16__stats {
    color: #9699a2
}

.m-widget16 .m-widget16__body .m-widget16__item:last-child {
    border-bottom: 0
}

.m-widget16 .m-widget16__stats .m-widget16__title {
    color: #575962
}

.m-widget16 .m-widget16__stats .m-widget16__text {
    color: #9699a2
}

.m-widget16 .m-widget16__stats .m-widget16__legend-text {
    color: #9699a2
}

.m-widget16 .m-widget16__stats .m-widget16__chart-number {
    color: #a7a7c2
}

.m-widget17 .m-widget17__visual .m-widget17__chart {
    position: relative;
    padding-top: 8rem
}

.m-widget17 .m-widget17__stats {
    display: table;
    width: 90%;
    margin: 0 auto 1rem auto
}

.m-widget17 .m-widget17__stats .m-widget17__items {
    display: table-cell;
    padding: 0 .35rem
}

.m-widget17 .m-widget17__stats .m-widget17__items.m-widget17__items-col1 {
    width: 50%
}

.m-widget17 .m-widget17__stats .m-widget17__items.m-widget17__items-col2 {
    width: 50%
}

.m-widget17 .m-widget17__stats .m-widget17__items:last-child {
    margin-bottom: .71rem
}

.m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item {
    position: relative;
    margin-top: -3.87rem;
    background-color: #fff;
    margin-bottom: 4.5rem;
    height: 11rem;
    padding-bottom: 10px
}

.m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item .m-widget17__icon {
    display: block;
    margin-left: 1.5rem;
    padding-top: 1.5rem
}

.m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item .m-widget17__icon>i {
    font-size: 2rem
}

.m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item .m-widget17__subtitle {
    display: block;
    margin-top: 6.2rem;
    margin-left: 20px;
    margin-top: 1.8rem;
    margin-left: 1.5rem;
    font-size: 14px;
    font-weight: 500
}

.m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item .m-widget17__desc {
    display: block;
    margin-left: 1.43rem;
    margin-left: 1.5rem;
    font-size: .85rem
}

.m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item:last-child {
    margin-bottom: 0
}

.m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item {
    -webkit-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .06);
    -moz-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .06);
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .06)
}

.m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item .m-widget17__subtitle {
    color: #6f727d
}

.m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item .m-widget17__desc {
    color: #7b7e8a
}

.m-widget19 .m-widget19__pic {
    position: relative
}

.m-widget19 .m-widget19__pic>img {
    width: 100%
}

.m-widget19 .m-widget19__pic .m-widget19__shadow {
    position: absolute;
    top: 70%;
    bottom: 0;
    left: 0;
    right: 0
}

.m-widget19 .m-widget19__pic .m-widget19__title {
    position: absolute;
    bottom: 0;
    display: block;
    z-index: 1;
    padding-left: 2.2rem;
    padding-bottom: 1.1rem
}

.m-widget19 .m-widget19__content {
    margin-bottom: 1rem
}

.m-widget19 .m-widget19__content .m-widget19__header {
    display: table;
    margin-top: 1.75rem;
    margin-bottom: 1.75rem
}

.m-widget19 .m-widget19__content .m-widget19__header .m-widget19__user-img {
    display: table-cell;
    margin-top: .4rem;
    vertical-align: middle
}

.m-widget19 .m-widget19__content .m-widget19__header .m-widget19__user-img .m-widget19__img {
    width: 3.2rem;
    border-radius: 50%
}

.m-widget19 .m-widget19__content .m-widget19__header .m-widget19__info {
    display: table-cell;
    width: 100%;
    padding-left: 1rem;
    font-size: 12px;
    vertical-align: middle;
    line-height: 0
}

.m-widget19 .m-widget19__content .m-widget19__header .m-widget19__info .m-widget19__username {
    display: inline-block;
    margin-bottom: 1.4rem;
    font-size: 12px;
    font-weight: 500
}

.m-widget19 .m-widget19__content .m-widget19__header .m-widget19__info .m-widget19__time {
    display: inline-block;
    font-size: .85rem
}

.m-widget19 .m-widget19__content .m-widget19__header .m-widget19__stats {
    display: table-cell;
    font-size: 12px;
    font-weight: 500;
    vertical-align: middle;
    line-height: 0;
    text-align: center
}

.m-widget19 .m-widget19__content .m-widget19__header .m-widget19__stats .m-widget19__number {
    text-align: center;
    display: inline-block;
    margin-bottom: 14px;
    font-size: 1.5rem;
    font-weight: 600
}

.m-widget19 .m-widget19__content .m-widget19__header .m-widget19__stats .m-widget19__comment {
    display: inline-block;
    font-size: .85rem
}

.m-widget19 .m-widget19__content .m-widget19__body {
    font-size: 12px;
    text-align: justify
}

.m-widget19 .m-widget19__action {
    margin-top: 1.5rem
}

.m-widget19 .m-widget19__pic .m-widget19__shadow {
    background: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .6) 90%) no-repeat scroll 0 0
}

.m-widget19 .m-widget19__content .m-widget19__title {
    color: #575962
}

.m-widget19 .m-widget19__content .m-widget19__time {
    color: #7b7e8a
}

.m-widget19 .m-widget19__content .m-widget19__username {
    color: #575962
}

.m-widget19 .m-widget19__content .m-widget19__comment {
    color: #afb2c1
}

.m-widget19 .m-widget19__content .m-widget19__body {
    color: #898b96
}

.m-widget20 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.m-widget20 .m-widget20__number {
    padding-left: 2.2rem;
    font-size: 2.5rem;
    font-weight: 500
}

.m-widget20 .m-widget20__chart {
    position: relative
}

.m-widget20 .m-widget20__item {
    display: table;
    padding-top: 1.15rem;
    padding-bottom: 1.15rem;
    width: 100%
}

.m-widget20 .m-widget20__item .m-widget20__icon {
    display: table-cell;
    text-align: center
}

.m-widget20 .m-widget20__item .m-widget20__icon>a {
    width: 3.5rem;
    height: 3.5rem
}

.m-widget20 .m-widget20__item .m-widget20__icon>a>i {
    font-size: 1.5rem
}

.m-widget20 .m-widget20__item .m-widget20__info {
    display: table-cell;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    vertical-align: middle;
    width: 100%
}

.m-widget20 .m-widget20__item .m-widget20__info .m-widget20__title {
    font-size: 1.1rem;
    font-weight: 600
}

.m-widget20 .m-widget20__item .m-widget20__info .m-widget20__sub {
    font-size: .85rem
}

.m-widget20 .m-widget20__item .m-widget20__info .m-widget20__title {
    color: #6f727d
}

.m-widget20 .m-widget20__item .m-widget20__info .m-widget20__sub {
    color: #7b7e8a
}

.m-widget20 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.m-widget20 .m-widget20__number {
    padding-left: 2.2rem;
    font-size: 2.5rem;
    font-weight: 500
}

.m-widget20 .m-widget20__chart {
    position: relative
}

.m-widget20 .m-widget20__item {
    display: table;
    padding-top: 1.15rem;
    padding-bottom: 1.15rem;
    width: 100%
}

.m-widget20 .m-widget20__item .m-widget20__icon {
    display: table-cell;
    text-align: center
}

.m-widget20 .m-widget20__item .m-widget20__icon>a {
    width: 3.5rem;
    height: 3.5rem
}

.m-widget20 .m-widget20__item .m-widget20__icon>a>i {
    font-size: 1.5rem
}

.m-widget20 .m-widget20__item .m-widget20__info {
    display: table-cell;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    vertical-align: middle;
    width: 100%
}

.m-widget20 .m-widget20__item .m-widget20__info .m-widget20__title {
    font-size: 1.1rem;
    font-weight: 600
}

.m-widget20 .m-widget20__item .m-widget20__info .m-widget20__sub {
    font-size: .85rem
}

.m-widget20 .m-widget20__item .m-widget20__info .m-widget20__title {
    color: #6f727d
}

.m-widget20 .m-widget20__item .m-widget20__info .m-widget20__sub {
    color: #7b7e8a
}

.m-widget21 .m-widget21__item {
    display: table;
    padding-top: 1.15rem;
    padding-bottom: 1.15rem
}

.m-widget21 .m-widget21__item .m-widget21__icon {
    display: table-cell;
    text-align: center
}

.m-widget21 .m-widget21__item .m-widget21__icon>a {
    width: 3.5rem;
    height: 3.5rem
}

.m-widget21 .m-widget21__item .m-widget21__icon>a>i {
    font-size: 1.5rem
}

.m-widget21 .m-widget21__item .m-widget21__info {
    display: table-cell;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    vertical-align: middle
}

.m-widget21 .m-widget21__item .m-widget21__info .m-widget21__title {
    font-size: 1.1rem;
    font-weight: 600
}

.m-widget21 .m-widget21__item .m-widget21__info .m-widget21__sub {
    font-size: .85rem
}

.m-widget21 .m-widget21__chart {
    position: absolute;
    width: 100%;
    bottom: 0
}

.m-portlet--rounded .m-widget21 .m-widget21__chart canvas {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.m-widget21 .m-widget21__item .m-widget21__info .m-widget21__title {
    color: #6f727d
}

.m-widget21 .m-widget21__item .m-widget21__info .m-widget21__sub {
    color: #7b7e8a
}

.m-widget24 .m-widget24__item .m-widget24__title {
    margin-left: 1.8rem;
    margin-top: 3.21rem;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 600
}

.m-widget24 .m-widget24__item .m-widget24__desc {
    margin-left: 1.8rem;
    font-size: 12px;
    font-weight: 300
}

.m-widget24 .m-widget24__item .m-widget24__stats {
    float: right;
    margin-right: 1.8rem;
    margin-top: -1.43rem;
    font-size: 1.75rem;
    font-weight: 600
}

.m-widget24 .m-widget24__item .progress {
    margin-top: 2.14rem;
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    margin-bottom: .5rem;
    height: .5rem
}

.m-widget24 .m-widget24__item .m-widget24__change {
    margin-left: 1.8rem;
    display: inline-block;
    margin-bottom: 2.86rem;
    font-size: 12px;
    font-weight: 300
}

.m-widget24 .m-widget24__item .m-widget24__number {
    float: right;
    margin-right: 1.8rem;
    display: inline-block;
    margin-bottom: 2.86rem;
    font-size: 12px;
    font-weight: 300
}

.m-widget24 .m-widget24__item .m-widget24__title {
    color: #575962
}

.m-widget24 .m-widget24__item .m-widget24__desc {
    color: #9699a2
}

.m-widget24 .m-widget24__item .m-widget24__change {
    color: #9699a2
}

.m-widget24 .m-widget24__item .m-widget24__number {
    color: #9699a2
}

.m-widget25 .m-widget25__price {
    font-size: 70px
}

.m-widget25 .m-widget25__desc {
    margin-bottom: 50px;
    font-size: 1.1rem
}

.m-widget25 .m-widget25--progress {
    display: table;
    width: 100%;
    margin: 70px auto 0;
    padding-top: 70px
}

.m-widget25 .m-widget25--progress .m-widget25__progress {
    display: table-cell;
    width: 33%;
    padding-right: 40px
}

.m-widget25 .m-widget25--progress .m-widget25__progress .m-widget25__progress-number {
    font-size: 30px;
    font-weight: 600
}

.m-widget25 .m-widget25--progress .m-widget25__progress .progress {
    height: .5rem
}

.m-widget25 .m-widget25--progress .m-widget25__progress .m-widget25__progress-sub {
    display: inline-block;
    margin-top: 6px;
    font-size: 1.1rem;
    font-weight: 500
}

.m-widget25 .m-widget25--progress .m-widget25__progress:last-child {
    padding-right: 0
}

@media (max-width:1024px) {
    .m-widget25 .m-widget25__price {
        font-size: 22px
    }
    .m-widget25 .m-widget25__desc {
        margin-bottom: 10px;
        display: block
    }
    .m-widget25 .m-widget25--progress {
        margin: 10px auto 0;
        padding-top: 20px
    }
    .m-widget25 .m-widget25--progress .m-widget25__progress {
        padding-right: 10px;
        display: block;
        width: 100%;
        margin: 10px auto 0;
        padding-top: 20px
    }
    .m-widget25 .m-widget25--progress .m-widget25__progress .m-widget25__progress-number {
        font-size: 16px
    }
    .m-widget25 .m-widget25--progress .m-widget25__progress .m-widget25__progress-sub {
        margin-top: 6px
    }
}

.m-widget25 .m-widget25__desc {
    color: #7b7e8a
}

.m-widget25 .m-widget25--progress {
    border-top: .07rem dashed #ebedf2
}

.m-widget25 .m-widget25--progress .m-widget25__progress .m-widget25__progress-sub {
    color: #9699a2
}

.m-widget26 {
    bottom: 0;
    left: 0;
    right: 0
}

.m-widget26 .m-widget26__number {
    font-size: 2.5rem;
    font-weight: 600
}

.m-widget26 .m-widget26__number>small {
    margin-top: .3rem;
    display: block;
    font-size: 12px;
    font-weight: 400
}

.m-widget26 .m-widget26__chart {
    overflow: hidden;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    position: relative
}

.m-widget26 .m-widget26__number {
    color: #575962
}

.m-widget26 .m-widget26__number>small {
    color: #afb2c1
}

.m-widget27 .m-widget27__pic {
    position: relative
}

.m-widget27 .m-widget27__pic>img {
    width: 100%;
    height: 286px
}

.m-widget27 .m-widget27__pic .m-widget27__title {
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    display: block;
    z-index: 1
}

.m-widget27 .m-widget27__pic .m-widget27__title>span {
    font-size: 4.5rem
}

.m-widget27 .m-widget27__pic .m-widget27__title>span>span {
    font-size: 2.5rem;
    padding-right: .4rem
}

.m-widget27 .m-widget27__pic .m-widget27__btn .btn {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: block;
    font-size: 1.1rem;
    padding: 1rem 2.5rem
}

.m-widget27 .m-widget27__pic:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, #909 20%, #4f30a2 120%);
    opacity: .6
}

.m-widget27 .m-widget27__container {
    margin-top: 3rem;
    width: 100%;
    padding: 1rem .5rem 0 .5rem
}

.m-widget27 .m-widget27__container .m-widget27__nav-items {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: .7rem
}

.m-widget27 .m-widget27__container .m-widget27__nav-items .m-widget27__nav-item {
    display: table-cell
}

.m-widget27 .m-widget27__container .m-widget27__nav-items .m-widget27__nav-item>a {
    text-align: center;
    font-weight: 500;
    padding: .8rem 0 .8rem 0
}

.m-widget27 .m-widget27__container .m-widget27__tab {
    padding: 0 1rem
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__header {
    padding: 1.1rem 0;
    margin-bottom: .5rem
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__header .m-widget27__title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__header .m-widget27__desc {
    display: inline-block;
    margin-top: .2rem;
    font-size: 1rem
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__legend {
    margin-bottom: .9rem
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__legend:last-child {
    margin-bottom: 0
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__legend .m-widget27__legend-bullet {
    width: 1.5rem;
    height: .45rem;
    display: inline-block;
    border-radius: 1.1rem;
    margin: 0 1rem .1rem 0
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__legend .m-widget27__legend-text {
    display: inline-block;
    font-weight: 500
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__chart {
    position: relative;
    margin-top: .5rem
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__chart .m-widget27__stat {
    font-size: 2.4rem;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.m-widget27 .m-widget27__pic .m-widget27__btn .btn {
    color: #7b7e8a
}

.m-widget27 .m-widget27__container .m-widget27__nav-items .m-widget27__nav-item>a {
    color: #a4a6ae;
    border: 1px solid #ebedf2
}

.m-widget27 .m-widget27__container .m-widget27__nav-items .m-widget27__nav-item>a.active {
    background-color: #9816f4;
    border-color: #9816f4!important;
    color: #fff
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__title {
    color: #575962
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__desc {
    color: #9699a2
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__legend-text {
    color: #a4a6ae
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__chart .m-widget27__stat {
    color: #dadbe2
}

.m-widget28 .m-widget28__pic {
    position: relative;
    min-height: 286px
}

.m-widget28 .m-widget28__container {
    width: 100%
}

.m-widget28 .m-widget28__container .m-widget28__nav-items {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 14px;
    margin-top: -8rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 1rem
}

.m-widget28 .m-widget28__container .m-widget28__nav-items .m-widget28__nav-item {
    display: table-cell
}

.m-widget28 .m-widget28__container .m-widget28__nav-items .m-widget28__nav-item>a {
    text-align: center;
    padding: 1rem 0 1rem 0
}

.m-widget28 .m-widget28__container .m-widget28__nav-items .m-widget28__nav-item>a>span {
    display: block
}

.m-widget28 .m-widget28__container .m-widget28__nav-items .m-widget28__nav-item>a>span>i {
    font-size: 2.2rem;
    margin-right: 0;
    padding-bottom: 1rem;
    padding-top: .4rem
}

.m-widget28 .m-widget28__container .m-widget28__nav-items .m-widget28__nav-item>a>span:last-child {
    font-size: .8rem
}

.m-widget28 .m-widget28__container .m-widget28__tab {
    margin-top: 2rem
}

.m-widget28 .m-widget28__container .m-widget28__tab .m-widget28__tab-container .m-widget28__tab-items .m-widget28__tab-item {
    margin-top: 14px
}

.m-widget28 .m-widget28__container .m-widget28__tab .m-widget28__tab-container .m-widget28__tab-items .m-widget28__tab-item>span {
    display: block
}

.m-widget28 .m-widget28__container .m-widget28__tab .m-widget28__tab-container .m-widget28__tab-items .m-widget28__tab-item>span:first-child {
    font-size: 11px;
    font-weight: 500
}

.m-widget28 .m-widget28__container .m-widget28__tab .m-widget28__tab-container .m-widget28__tab-items .m-widget28__tab-item>span:last-child {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem
}

.m-widget28 .m-widget28__container .m-widget28__tab .m-widget28__tab-container .m-widget28__tab-items .m-widget28__tab-item:first-child {
    margin-top: 0
}

.m-widget28 .m-widget28__container .m-widget28__nav-items .m-widget28__nav-item>a {
    color: #a4a6ae;
    border: 1px solid #9ea7c0;
    color: #fff
}

.m-widget28 .m-widget28__container .m-widget28__nav-items .m-widget28__nav-item>a.active {
    background-color: #456adc
}

.m-widget28 .m-widget28__container .m-widget28__tab .m-widget28__tab-container .m-widget28__tab-items .m-widget28__tab-item {
    border-bottom: 1px solid #ebedf2
}

.m-widget28 .m-widget28__container .m-widget28__tab .m-widget28__tab-container .m-widget28__tab-items .m-widget28__tab-item>span:first-child {
    color: #a4a6ae
}

.m-widget28 .m-widget28__container .m-widget28__tab .m-widget28__tab-container .m-widget28__tab-items .m-widget28__tab-item>span:last-child {
    color: #7b7e8a
}

.m-widget28 .m-widget28__container .m-widget28__tab .m-widget28__tab-container .m-widget28__tab-items .m-widget28__tab-item:last-child {
    border-bottom: none
}

.m-widget28 .m-widget28__pic {
    background-color: #5075e4
}

.m-widget29 .m-widget_content {
    margin-bottom: 1rem;
    padding: 2.2rem 2.4rem
}

.m-widget29 .m-widget_content:last-child {
    margin-bottom: 0
}

.m-widget29 .m-widget_content .m-widget_content-title {
    font-size: 14px;
    font-weight: 600
}

.m-widget29 .m-widget_content .m-widget_content-items {
    width: 100%;
    display: table;
    table-layout: fixed
}

.m-widget29 .m-widget_content .m-widget_content-items .m-widget_content-item {
    display: table-cell
}

.m-widget29 .m-widget_content .m-widget_content-items .m-widget_content-item>span {
    display: block;
    text-align: left
}

.m-widget29 .m-widget_content .m-widget_content-items .m-widget_content-item>span:first-child {
    font-weight: 500;
    font-size: 11px;
    margin: .7rem 0 .3rem 0
}

.m-widget29 .m-widget_content .m-widget_content-items .m-widget_content-item>span:last-child {
    font-size: 1.5rem;
    font-weight: 600
}

@media (max-width:768px) {
    .m-widget29 .m-widget_content {
        padding: 2.2rem 1rem
    }
    .m-widget29 .m-widget_content .m-widget_content-items .m-widget_content-item>span {
        padding-right: 1rem
    }
    .m-widget29 .m-widget_content .m-widget_content-items .m-widget_content-item>span:last-child {
        padding-right: 0
    }
}

.m-widget29 .m-widget_content {
    background-color: #fff
}

.m-widget29 .m-widget_content .m-widget_content-title {
    color: #7b7e8a
}

.m-widget29 .m-widget_content .m-widget_content-items .m-widget_content-item>span:first-child {
    color: #9699a2
}

.m-widget29 .m-widget_content .m-widget_content-items .m-widget_content-item:last-child>span:last-child {
    color: #fe21be
}

.m-widget30 .m-widget_head {
    padding: 0;
    max-width: 100%;
    margin: 0 auto 2rem auto
}

.m-widget30 .m-widget_head .m-widget_head-owlcarousel-items .m-widget_head-owlcarousel-item {
    cursor: pointer;
    text-align: center;
    padding: 1rem 0;
    margin: 1rem .5rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    -ms-border-radius: .3rem;
    -o-border-radius: .3rem;
    border-radius: .3rem
}

.m-widget30 .m-widget_head .m-widget_head-owlcarousel-items .m-widget_head-owlcarousel-item>span {
    display: block
}

.m-widget30 .m-widget_head .m-widget_head-owlcarousel-items .m-widget_head-owlcarousel-item>span:first-child {
    font-size: 1.1rem;
    font-weight: 600
}

.m-widget30 .m-widget_head .m-widget_head-owlcarousel-items .m-widget_head-owlcarousel-item>span:last-child {
    font-weight: 500
}

.m-widget30 .m-widget_head .m-widget_head-owlcarousel-items .center>div {
    cursor: auto
}

.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items {
    padding: 0 2.2rem
}

.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item {
    display: table;
    width: 100%;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px dashed red
}

.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item .m-widget_body-item-desc {
    width: 100%;
    text-align: left;
    padding: 0 1rem;
    font-weight: 500
}

.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item .m-widget_body-item-desc>span:first-child {
    font-size: 1.1rem;
    font-weight: 600
}

.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item .m-widget_body-item-desc>span:last-child {
    font-size: .8rem
}

.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item .m-widget_body-item-price {
    font-size: 14px;
    font-weight: 600
}

.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item>div {
    display: table-cell;
    vertical-align: middle
}

.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item>div>img {
    width: 3rem;
    height: 3rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}

.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item>div>span {
    display: block
}

.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item>div:last-child {
    text-align: right
}

.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item:last-child {
    border-bottom: none
}

.m-widget30 .m-widget_head .m-widget_head-owlcarousel-items .m-widget_head-owlcarousel-item {
    -webkit-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .1);
    -moz-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .1);
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .1)
}

.m-widget30 .m-widget_head .m-widget_head-owlcarousel-items .m-widget_head-owlcarousel-item>span:first-child {
    color: #7b7e8a
}

.m-widget30 .m-widget_head .m-widget_head-owlcarousel-items .m-widget_head-owlcarousel-item>span:last-child {
    color: #a4a6ae
}

.m-widget30 .m-widget_head .m-widget_head-owlcarousel-items .center>div {
    background-color: #00c5dc
}

.m-widget30 .m-widget_head .m-widget_head-owlcarousel-items .center>div>span:first-child {
    color: #fff
}

.m-widget30 .m-widget_head .m-widget_head-owlcarousel-items .center>div>span:last-child {
    color: #10e6ff
}

.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item {
    border-bottom: 1px dashed #ebedf2
}

.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item .m-widget_body-item-desc {
    color: #7b7e8a
}

.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item .m-widget_body-item-desc>span:last-child {
    color: #a4a6ae
}

.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item .m-widget_body-item-price {
    color: #00c5dc
}

.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item:last-child {
    border-bottom: none
}
/* customised widgets */

/* customised timeline notifications */
.m-list-timeline__group {
    margin: 0 0 30px 0
}

.m-list-timeline__heading {
    margin: 0 0 18px 0;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase
}

.m-list-timeline__items {
    position: relative;
    padding: 0;
    margin: 0
}

.m-list-timeline__items:before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 3px
}

.m-list-timeline__items .m-list-timeline__item {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 6px 0;
    margin: 5px 0
}

.m-list-timeline__items .m-list-timeline__item:first-child:before,
.m-list-timeline__items .m-list-timeline__item:last-child:before {
    background-color: #fff;
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 50%;
    top: 0;
    bottom: 0;
    left: 3px
}

.m-list-timeline__items .m-list-timeline__item:last-child:before {
    top: auto;
    bottom: 0
}

.m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge {
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    width: 20px
}

.m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge:before {
    position: absolute;
    display: block;
    content: '';
    width: 7px;
    height: 7px;
    left: 0;
    top: 50%;
    margin-top: -3.5px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}

.m-list-timeline__items .m-list-timeline__item .m-list-timeline__icon {
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    width: 30px;
    padding: 0 5px 0 0;
    line-height: 0
}

.m-list-timeline__items .m-list-timeline__item [class*=" la-"],
.m-list-timeline__items .m-list-timeline__item [class^=la-] {
    font-size: 1.6rem
}

.m-list-timeline__items .m-list-timeline__item [class*=" fa-"],
.m-list-timeline__items .m-list-timeline__item [class^=fa-] {
    font-size: 1.2rem
}

.m-list-timeline__items .m-list-timeline__item [class*=" flaticon-"],
.m-list-timeline__items .m-list-timeline__item [class^=flaticon-] {
    font-size: 1.6rem
}

.m-list-timeline__items .m-list-timeline__item .m-list-timeline__text {
    display: table-cell !important;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    padding: 0 5px 0 0;
    font-size: 12px;
}

.m-list-timeline__items .m-list-timeline__item .m-list-timeline__text:hover {
    text-decoration: none
}

.m-list-timeline__items .m-list-timeline__item .m-list-timeline__time {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 100px;
    padding: 0 7px 0 0;
    font-size: 11px;
}

.m-list-timeline__items .m-list-timeline__item:first-child {
    padding-top: 0;
    margin-top: 0
}

.m-list-timeline__items .m-list-timeline__item:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.m-list-timeline .m-list-timeline__items:before {
    background-color: #ebedf2
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge:before {
    background-color: #ebedf2
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--brand:before {
    background-color: #22b9ff
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--metal:before {
    background-color: #c4c5d6
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--light:before {
    background-color: #fff
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--accent:before {
    background-color: #00c5dc
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--focus:before {
    background-color: #9816f4
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--primary:before {
    background-color: #5867dd
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--success:before {
    background-color: #34bfa3
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--info:before {
    background-color: #36a3f7
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--warning:before {
    background-color: #ffb822
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--danger:before {
    background-color: #f4516c
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__icon {
    color: #cfcedb
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__text {
    color: #575962
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__time {
    color: #7b7e8a
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item:first-child:before,
.m-list-timeline .m-list-timeline__items .m-list-timeline__item:last-child:before {
    background-color: #fff
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item.m-list-timeline__item--read {
    opacity: .5
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items:before {
    background-color: #a1a4b1
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge:before {
    background-color: #a1a4b1
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--brand:before {
    background-color: #22b9ff
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--metal:before {
    background-color: #c4c5d6
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--light:before {
    background-color: #fff
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--accent:before {
    background-color: #00c5dc
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--focus:before {
    background-color: #9816f4
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--primary:before {
    background-color: #5867dd
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--success:before {
    background-color: #34bfa3
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--info:before {
    background-color: #36a3f7
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--warning:before {
    background-color: #ffb822
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--danger:before {
    background-color: #f4516c
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item .m-list-timeline__icon {
    color: #dfdff1
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item .m-list-timeline__text {
    color: #fff
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item .m-list-timeline__time {
    color: #8284a1
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item:first-child:before,
.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item:last-child:before {
    background-color: #333
}

.m-list-timeline.m-list-timeline--skin-dark .m-list-timeline__items .m-list-timeline__item.m-list-timeline__item--read {
    opacity: .5
}
/* customised timeline notifications */



/*color table row when expansion takes place*/
.table.table-light.table-hover > tbody > tr.expanded > td{
	background: #f9fafb !important;
}

/* format username part of the header */
/* */
.editable-wrap .editable-controls>input, .editable-wrap .editable-controls>select, .editable-wrap .editable-controls>textarea{
	margin-left:0px !important;
	margin-right:0px !important;
}

/* Dropdown button for multiselect */
.ams-items {
    max-height: 30vh;
    min-width: 300px;
}
.ams-button{
	width: 100%;
}
.ams-button>.ams-button-text{
	width:500%;
	text-align: left !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;	
	-o-text-overflow:ellipsis !important;
}
.ams-button>.ams-caret{
	width: 100% !important;
	text-align: right !important;
}
select.form-control{
   -webkit-appearance:menu-item; 
   -moz-appearance:menu-item;
   height:35px !important;    
}
/* Dropdown button for multiselect */

/* dialog options */
.bootbox.modal{
	z-index: 12000 !important;
}
.bootbox.modal .modal-footer{
	border: none !important;
}

/*fancy angular modal*/
body.screenwide .page-header.navbar.navbar-fixed-top{
	z-index: 1049;
}
body.screenwide .page-footer{
	z-index: 1049;	
}
body.screenwide  .fancymodal .portlet-footer{
	left: 301px !important;
    right: 91px !important;
    bottom: 40px !important;
}
body.screenwide .fancymodal{
	padding-top: 30px;	
	max-height:100%;
}
body.screenwide .fancymodal .fancymodal-close{
	display:none;
}
body.screenwide .fancymodal .fancymodal-content{
	max-width: 1000px;
	padding-top: 15px;	
	margin-left: 280px;
}
body.screenwide.page-sidebar-closed .fancymodal-content{
	margin-left: 180px;
}
/*fancy angular modal*/

.toaster-position{
	bottom: 35px;
	right: 30px;	
}
#toast-container{
	z-index: 13000000;
}
/* dialog options */

/*Turn a Text Field To A Password Field*/
.password{
	text-security:disc;
    -webkit-text-security:disc;
    -mox-text-security:disc;
}
/* format username part of the header */

.display-inline{
	display: inline;	
}
.noscroll{
	overflow:hidden !important;
	overflow-y:hidden !important;
	overflow-x:hidden !important;
}
.noscrolly{
	overflow-y:hidden !important;
}
.noscrollx{
	overflow-x:hidden !important;
}
.fixed-table{
	width:100% !important;
	padding:5px !important;
	table-layout:fixed  !important;
}
 .small-tb>tbody>tr>td, .small-tb>tbody>tr>th, .small-tb>tfoot>tr>td, 
 .small-tb>tfoot>tr>th, .small-tb>thead>tr>td, .small-tb>thead>tr>th
 {
 	padding: 2px !important;
 }
 .medium-tb>tbody>tr>td, .medium-tb>tbody>tr>th, .medium-tb>tfoot>tr>td, 
 .medium-tb>tfoot>tr>th, .medium-tb>thead>tr>td, .medium-tb>thead>tr>th
 {
 	padding: 4px !important;
 }
.login-components input[type=text], .login-components input[type=password]{
	background-color: #c3daee !important;
}
.login .content .check{
	color: #3277b3;
}
.page-lock .lock-head {
    border: 1px solid #3277b3;
    background-color: #c3daee;
}

/*Remove Chrome's Yellow Text Boxes on refilling*/
@-webkit-keyframes autofill {
    to {
        color: #3277b3;
        background: #c3daee;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}
/*Remove Chrome's Yellow Text Boxes on refilling*/

.editable-wrap .editable-controls>input, .editable-wrap .editable-controls>select, .editable-wrap .editable-controls>textarea{
	margin: 10px 15px 10px 15px;
}

/*Positioning CheckBox & Radio Buttons*/
input[type=checkbox]{
    position: relative !important;
    vertical-align: bottom !important;
    margin:0px !important;
    top:-3px !important;
}

input[type=radio]{
    position: relative !important;
    vertical-align: bottom !important;
    margin:0px !important;
    top:-2px !important;
    margin-right: 3px !important;
}
/*Positioning CheckBox & Radio Buttons*/

/*anchor styles*/
a {
	color: #428BCA;
}

a.normal {
	color: #45A2C9;
}
.portlet-title .caption .item-status{
	font-size:10px;
	margin-bottom: 3px;
}
a:hover {
	color: #FCB322;
	text-decoration:none;
}
/*anchor styles*/

/*customize theme styles here */
.color-green {
	color: #9FC569 !important;
}
.color-red {
	color: #ED7A53 !important;
}
.login .content {
	width: 500px !important;
	background-color: transparent !important;
}
.login .content .create-account {
    margin: 0 -0px -0px -0px;
    padding: 2px 0 2px 0 !important;
    background-color: #337ab7 !important;
}
.login .content .form-actions .btn{
	background-color: #337ab7 !important;
}
.login-options h4{
	color: #337ab7 !important;
}
.login .content .login-header {
	-webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -ms-border-radius: 7px 7px 0 0;
    -o-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
    background-color: transparent !important;
}
.login-components{
	-webkit-border-radius: 9px 9px 0 0;
    -moz-border-radius: 9px 9px 0 0;
    -ms-border-radius: 9px 9px 0 0;
    -o-border-radius: 9px 9px 0 0;
    border-radius: 9px 9px 0 0;
	border: 1px solid #337ab7;	
}
.login .content .form-actions{
	margin-left:0px;
	margin-right:0px;
}
.login .content .form-control {
  border: 1px solid #dde3ec;
}
body{
	top:0 !important;
}
.login{
	height:100vh !important;
	background-color:#ebf3f9 !important;
}
.login .logo {
    margin: 0 auto !important;
}
.login .copyright {
    margin: 0 auto 0px 0 !important;
}
.login .copyright a {
    color: #337ab7;
}
/*customize theme styles here */

/* layout styles */
.sidebar-image{
	overflow-x: hidden;
}
.page-header.navbar .page-logo{
	padding-left: 0px !important;
    padding-right: 0px !important;
}
.page-header.navbar .page-logo .logo-default {
	margin: 1px 1px 1px 1px !important;
}
.page-header.navbar .page-logo {
	width:255px;	
}
.page-content-wrapper .page-content {
    margin-top: -10px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    padding: 20px 10px 18px 10px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
    margin-top: -25px;
}
/* layout styles */

/*form control styles */
.auto-height{
	height:auto;
}
.inherit-height{
	height:inherit;
}
.form-control{
	height:auto;
}
/*form control styles */

.table-scrollable{
	margin-top:0px !important;
}

/* style lock screen */
body{
	top:0 !important;
	background-color: #e9ecf3 !important;
}
.page-footer-custom  a {
    color: #323D4B;
}
.lock-bottom a {
    font-size: 12px;
}
.lock-avatar {
    margin-top: 0px;
}
.lock-body {
    margin: 20px;
}
.page-lock .page-body {
    margin-top: 120px;
}
/* style lock screen */

/*custom styles for registration form*/
.page-content-registration{
	margin-left:0px !important;
}

/*custom styles for form wizard*/
.form-wizard .steps {
    padding: 10px 0px;
    margin-bottom: 00px;
}
.form-wizard .steps > li > a.step > .number{
	font-weight: 800;
}
/*custom styles for form wizard*/
.page-content{
	overflow: visible !important;
}

/*validation messages for valdr provider*/
.valdr-message {
   display: block;
   color:#A94442; 
}
.error-message {
   color:#A94442; 
}
.success-message{
	color:#26a69a; 
}
.form-group.ng-invalid{
	margin-bottom:5px !important;
}

/*password strength*/
.strong   { color: #060; border-color: #0F0;}
.medium   { color: #C60; border-color: #FC0;}
.weak     { color: #900; border-color: #F00;}
.strength { padding: 1px 10px; border: 2px solid; color: #FFF;}

.search-box{
	width: 230px;
}

.elliptic{	
	width: 100% !important;
	display: inline-block !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;	
	-o-text-overflow:ellipsis !important;
}

/* thumbnail styles for items and users */
.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%;    
    border-radius: 5px;
    cursor:pointer;
}
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.card.selected {
    background-color:#f2f2f2;
}
.card .header-text{
	font-size:12px;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;	
	-o-text-overflow:ellipsis !important;
	margin-top:5px !important;
	margin-bottom:5px !important;
}
.card .card-container {
    padding: 5px 10px 5px 10px;
}
.card img{
	width:100% !important;
	height: 100px !important;
	min-height: 100px !important;
	max-height: 100px !important;
}
img.grayscale {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
/* thumbnail styles for items and users */

/* alignment and positioning styles*/
.text-right {
	text-align: right !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}
/* alignment and positioning styles*/

/* font-weight and font style styles*/
.text-bold {
	font-weight: bold !important;
}

.bold400 {
	font-weight: 400 !important;
}

.bold600 {
	font-weight: 600 !important;
}

.text-normal {
	font-weight: normal !important;
}

.text-underline {
	text-decoration: underline !important;
}

.text-italic {
	font-style: italic !important;
}
/* font-weight and font style styles*/

/*padding classes */
.padding5 {
	padding: 5px !important;
}

.padding0 {
	padding: 0px !important;
}

.padding10 {
	padding: 10px !important;
}

.padding15 {
	padding: 15px !important;
}

.padding20 {
	padding: 20px !important;
}

.paddingL0 {
	padding-left: 0px !important;
}
.paddingR0 {
	padding-right: 0px !important;
}
.paddingT0 {
	padding-top: 0px !important;
}
.paddingB0 {
	padding-bottom: 0px !important;
}

.paddingT10 {
	padding-top: 10px !important;
}

.paddingB10 {
	padding-bottom: 10px !important;
}

.paddingL10 {
	padding-left: 10px !important;
}

.paddingR10 {
	padding-right: 10px !important;
}

.paddingT5 {
	padding-top: 5px !important;
}

.paddingB5 {
	padding-bottom: 5px !important;
}

.paddingL5 {
	padding-left: 5px !important;
}

.paddingR5 {
	padding-right: 5px !important;
}

.paddingT15 {
	padding-top: 15px !important;
}

.paddingB15 {
	padding-bottom: 15px !important;
}

.paddingL15 {
	padding-left: 15px !important;
}

.paddingR15 {
	padding-right: 15px !important;
}

.paddingL20 {
	padding-left: 20px !important;
}

.paddingR20 {
	padding-right: 20px !important;
}
.paddingT20 {
	padding-top: 20px !important;
}

.paddingB20 {
	padding-bottom: 20px !important;
}
/*end padding classes */

/*start margin classes */
.margin5 {
	margin: 5px !important;
}

.margin10 {
	margin: 10px !important;
}

.margin15 {
	margin: 15px !important;
}

.margin20 {
	margin: 20px !important;
}

.margin0 {
	margin: 0px !important;
}

.marginT0 {
	margin-top: 0px !important;
}

.marginB0 {
	margin-bottom: 0px !important;
}

.marginR0 {
	margin-right: 0px !important;
}
.marginL0 {
	margin-left: 0px !important;
}

.marginT10 {
	margin-top: 10px !important;
}

.marginB10 {
	margin-bottom: 10px !important;
}

.marginL10 {
	margin-left: 10px !important;
}

.marginR10 {
	margin-right: 10px !important;
}

.marginT5 {
	margin-top: 5px !important;
}

.marginB5 {
	margin-bottom: 5px !important;
}

.marginL5 {
	margin-left: 5px !important;
}

.marginR5 {
	margin-right: 5px !important;
}

.marginT15 {
	margin-top: 15px !important;
}

.marginB15 {
	margin-bottom: 15px !important;
}

.marginL15 {
	margin-left: 15px !important;
}

.marginR15 {
	margin-right: 15px !important;
}

.marginL20 {
	margin-left: 20px !important;
}

.marginR20 {
	margin-right: 20px !important;
}
.marginT20 {
	margin-top: 20px !important;
}
.marginB20 {
	margin-bottom: 20px !important;
}
/*end margin classes*/

.portlet-footer{
	padding: 0 10px 0 10px;
    min-height: 48px !important;
	border-top: 1px solid #eee;
	border-bottom:none;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 10px;
}

/*full screen settings for the footer*/
.page-portlet-fullscreen .portlet-footer{
	bottom: 0px !important;
    left: 0px !important;
    right: 0px !important;
}

.actions .btn-circle.btn-icon-only{
	height:27px;
	width:27px;
	padding-top:4px;
}

/*switch buttons*/
.switch {
  /* frame */
}
.switch small {
  /* button */
  left:0px;
}
.switch.checked {
  /* frame when enabled */
  text-align: right;
}
.switch.checked small {
  /* button when enabled */
  right: 25px;
  left:  59px !important ;
}
.switch {
	min-width: 90px;
}
.switch .checker{
	visibility: hidden;
}
.dock-bottom{
	bottom:5px;
	position: relative;
}
.cursor{
  cursor: pointer;
}



/*angular njcrop extra styles to improve positioning and appearance*/
.ng-jcrop-image-wrapper { display: inline-block !important; float:left; }
.ng-jcrop-thumbnail-wrapper { display: inline-block !important;}
/*angular njcrop extra styles to improve positioning and appearance*/

.sidebar-custom{
	margin-top: -25px !important;
    margin-left: -20px  !important;
    height: 100vh !important;
    min-height: 100vh !important;
    background-color: #f2f2f2 !important;
    border: 1px solid #ccc;
}

/*Footer Styles*/
.page-footer {
    padding: 10px 20px 10px 20px;
    background-color: #f2f2f2 !important;
    border: 1px solid #ccc;
}

}
.page-header-inner {
	background-color: #f2f2f2 !important;
	border: 1px solid #ccc;
}

/*extra for portlet title */
.portlet-title {
    margin-right: -20px !important;
    margin-left: -20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 0px;
}
/*extra for portlet title */

.vertical-wizard .steps .step-item{
	list-style-type:none;
	margin-bottom:15px;
}
.bg-white{
	background: white !important;
	background-color: white !important;	
}
.fg-white{
	color: white !important;	
}
.bg-grey-light{
	background: #f2f2f2 !important;
	background-color: #f2f2f2 !important;	
}
.border-light{
	border: 1px solid #ddd
}
.table.table-striped td{
	padding-top: 5px !important;
}
input.jcrop-keymgr{
	display: none !important;
}
/*Widths*/
.angucomplete-dropdown{
	width: 300px !important;
	min-width: 300px !important;
}

/*widths*/
.width50{
	width:50px;	
}
.width60{
	width:60px;	
}
.width70{
	width:70px;	
}
.width80{
	width:80px;	
}
.width90{
	width:90px;	
}
.width100Percent{
	width:100% !important;	
}
.width100{
	width:100px;	
}
.width110{
	width:110px;	
}
.width120{
	width:120px;	
}
.width150{
	width:150px;	
}
.width200{
	width:200px;	
}
.width250{
	width:250px;	
}
.width300{
	width:300px;	
}

.width-must50{
	width:50px !important;	
	min-width:50px !important;	
}
.width-must60{
	width:60px !important;	
	min-width:60px !important;	
}
.width-must70{
	width:70px !important;	
	min-width:70px !important;	
}
.width-must80{
	width:80px !important;	
	min-width:80px !important;	
}
.width-must100{
	width:100px !important;	
	min-width:100px !important;	
}
.width-must110{
	width:110px !important;	
	min-width:110px !important;	
}
.width-must120{
	width:120px !important;	
	min-width:120px !important;	
}
.width-must150{
	width:150px !important;	
	min-width:150px !important;	
}
.width-must200{
	width:200px !important;	
	min-width:200px !important;	
}
.width-must250{
	width:250px !important;	
	min-width:250px !important;	
}
.width-must300{
	width:300px !important;	
	min-width:300px !important;	
}
/*widths*/

/*common styles for our icons*/
.page-sidebar .page-sidebar-menu > li > a >i[class*="icon-"],
.page-sidebar .page-sidebar-menu > li > a >i[class*="glyphicon-"],
.page-sidebar .page-sidebar-menu > li > a >i[class*="fa-"] {
	margin-right: 0px !important;	
	margin-left: 0px !important;	
}
/*common styles for our icons*/

/*Modal styling options*/
*{
	box-sizing: border-box;
}
.modal-backdrop{
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:rgba(0,0,0,0.3);
	z-index:1;
	opacity:0.3;	
}
.modal-holder{
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:transparent;
	z-index:2;
	padding: 30px 15px;	
}
.modal-box{
	margin:20px auto;
	width: 100%;
	background: #fff;
	padding: 15px;
	border-radius:4px;
	border-shadow: 1px 2px 5px rgba(0,0,0,0.3);
	position:relative;	
}
.form-group {
    margin-bottom: 10px;
}
@media screen and (min-width:992px){
	.modal-box{
		width: 80%;
		padding:0px 10px 0px 10px;
	}
}
/*Modal styling options*/

.btn-group .btn-outline{
	opacity:0.9;
}
.btn-group .btn-outline:hover,.btn-group .btn-outline:active{
	opacity:1;
}
.portlet{
	margin-bottom:15px;	
}
.portlet.light{
	padding-bottom:67px;	
}

.tabbable-line > .nav-tabs > li.borderless {
    border-bottom: none;
}

.borderless {
    border: none;
}

.editable-empty,a.editable-empty{
	font-style:normal !important;
}

/* Graph styles */
.dashboard-stat2{
	padding: 10px !important;
}
.dashboard-stat2 .display{
	margin-bottom: 0px !important;
}

/* Format Bar|Line|Dougnaut Legends */
.bar-legend, .doughnut-legend,.line-legend{
    position:relative;
    bottom:0px;
    right:0px;
    padding-left: 0;
}
.bar-legend li,.doughnut-legend li,.line-legend li{
	list-style:none;
	display:inline-table;
	margin-right:5px;
	font-size: 11px;
	margin-bottom: 5px;
}
.bar-legend li span, .doughnut-legend li span, .line-legend li span{
	padding-right:15px !important;
	margin-right:5px !important;
}
.chart-legend li span {
	display: inline-block;
	width: 12px;
	height: 8px;
	margin-right: 5px;
	margin-top: 5px;
}
/* Format Bar|Line|Dougnaut Legends */

.dashboard-stat2 .display .number{
	float: none;
}

.portlet > .portlet-title > .caption > .caption-helper {    
    display: block;
    padding-left: 20px;
}

/*theme colors and styles*/
.font-green-sharp {
	color: #337ab7 !important;
}
.ventas-diagonal-bg-blend{
   background-color: #337ab7 !important; /* Standard syntax (must be last) */
}
.ventas-dotted-bg-green{
   background-color: #ebf3f9 !important; /* Standard syntax (must be last) */
}
.ventas-dotted-bg-orange{
   background-color: #ebf3f9 !important; /* Standard syntax (must be last) */
}
.ventas-solid-bg-green-light{
	background: #ebf3f9 !important;
	color: #1c4263 !important;
}
.ventas-solid-bg-green-dark{
	background: #1c4263 !important;
	color: #ffffff !important;
}
.ventas-solid-font-light{
	color: #afcee9 !important;
}
.ventas-solid-font-dark{
	color: #1c4263 !important;
}
.ventas-solid-font-red{
	color: red !important;
}
.ventas-solid-bg-green{
	background: #337ab7 !important;
	color: #ffffff !important;
}
.ventas-solid-bg-orange{
	background: #337ab7 !important;
	color: #ffffff !important;
}
.ventas-solid-bg-white{
	color: #337ab7 !important;
	background-color: #ffffff !important;
	background: #ffffff !important;
}
.ventas-border-orange{
	border: 1px solid #337ab7 !important
}
.ventas-border-orange-top{
	border-top: 1px solid #337ab7 !important
}
.ventas-border-orange-bottom{
	border-bottom: 1px solid #337ab7 !important
}
.ventas-border-green{
	border: 1px solid #337ab7 !important
}
.ventas-border-green-top{
	border-top: 1px solid #337ab7 !important
}
.ventas-border-green-bottom{
	border-bottom: 1px solid #337ab7 !important
}
hr{
	border-top: 1px solid #88b5dd !important
}
/*theme colors and styles*/

/*modal styles here*/
.modal .modal-header {
	padding: 10px 15px 10px 15px;
    border-bottom: 1px solid #337ab7;
    background: #337ab7 !important;
    color: #ffffff;
}
.modal .modal-header .close{
	margin-top: 8px !important;
}
.modal .modal-footer {
    border-top: 1px solid #337ab7;
}
.modal .modal-content .bootbox-body{
	color: #337ab7;
}
.modal .modal-content{
	margin-top: 200px;
	border: 1px solid #337ab7;	
}
/*modal styles here*/

/* drop down styles */
.dropdown-menu
{
	background: #fff !important;
	border: 1px solid #337ab7 !important;
}
.dropdown-menu.dropdown-menu-default > li,
.dropdown-menu.dropdown-menu-default > li a,
.dropdown-menu.dropdown-menu-default > li a > i
{
	color: #337ab7 !important;
}
.dropdown-menu.dropdown-menu-default > li:hover,
.dropdown-menu.dropdown-menu-default > li a:hover,
.dropdown-menu.dropdown-menu-default > li a:hover>i
{
	background: #337ab7 !important;
	color: #fff !important;
}
.dropdown-menu > li.external{
	background: #337ab7 !important;
	color: #fff !important;
}
.dropdown-menu > li.external>h3{	
	color: #fff !important;
}
.dropdown-menu > li.external>a{
	color: #000 !important;
}
 .dropdown-menu .dropdown-menu-list > li > a
{
	background: none !important;
	color: #337ab7 !important;
	border-bottom: 1px solid #337ab7 !important;
	height: 100px !important;
	overflow-y: hidden !important;
}
.dropdown-menu .dropdown-menu-list > li > a:hover
{
	background: none !important;
	color: #337ab7 !important;
}
 .dropdown-menu .dropdown-menu-list > li > a .time
{
	background: #337ab7 !important;
	color: #fff !important;
}
 .dropdown-menu .dropdown-menu-list > li > a:hover .time
{
	background: #337ab7 !important;
}
/* drop down styles */

/*sidebar styles*/
.nav.navbar-nav>li:hover,.nav.navbar-nav>li>a:hover,.nav.navbar-nav>li.open,.nav.navbar-nav>li.open>a{
	background: none !important;
}
/*side bar parent default link styles*/
.page-sidebar .page-sidebar-menu>li>a ,
.page-sidebar .page-sidebar-menu>li>a>i
{
    color: #337ab7 !important;
}
/*side bar parent default link styles*/

/*side bar parent activated link styles*/
.page-sidebar .page-sidebar-menu>li.active>a,
.page-sidebar .page-sidebar-menu>li.open>a,
.page-sidebar .page-sidebar-menu>li.open>a>i,
.page-sidebar .page-sidebar-menu>li.active>a>i
{
    color: #ffffff !important;
    background: #337ab7 !important;
}

.page-sidebar .page-sidebar-menu>li>a:hover ,
.page-sidebar .page-sidebar-menu>li>a:hover>i ,
.page-sidebar .page-sidebar-menu>li>a:hover>span{
	color: #337ab7 !important;
    background: #ffffff !important;
}
/*side bar parent activated link styles*/

/*Deactivate a lit bit on parent of opened child's parent*/
.page-sidebar .page-sidebar-menu>li.active.open>a,
.page-sidebar .page-sidebar-menu>li.active.open>a>i,
.page-sidebar .page-sidebar-menu>li.active.open>a>span{
	background: #ffffff !important;
	color: #337ab7 !important;	
}
.page-sidebar .page-sidebar-menu>li.active.open>a{
	color: #337ab7;
}
.page-sidebar .page-sidebar-menu>li.active.open>a,
.page-sidebar .page-sidebar-menu>li.active.open>ul{
	border-bottom: 1px solid #337ab7 !important;
}
/*Deactivate a lit bit on parent of opened child's parent*/


/*Default styles for level 1 child */
.page-sidebar .page-sidebar-menu>li .sub-menu li>a ,
.page-sidebar .page-sidebar-menu>li .sub-menu li>a>i ,
.page-sidebar .page-sidebar-menu>li .sub-menu li>a>span
{
 	color: #337ab7 !important;   
}

/*Activate on hover active and such styles for level 1 child */
.page-sidebar .page-sidebar-menu>li.active .sub-menu li.active a, 
.page-sidebar .page-sidebar-menu>li.active .sub-menu li.active a:hover,
.page-sidebar .page-sidebar-menu>li.active .sub-menu li.active a:focus
.page-sidebar .page-sidebar-menu>li.active .sub-menu li.active a:hover>i,
.page-sidebar .page-sidebar-menu>li.active .sub-menu li.active a>i,
.page-sidebar .page-sidebar-menu>li.active .sub-menu li.active a>span.title   
{
    background: #337ab7 !important;
    color: #ffffff !important;
}
/*sidebar styles*/

/*Header Styles*/
.page-header.navbar .top-menu .navbar-nav > li:hover{
	background-color: #ffffff;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i ,
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > .username{
    color: #fff;
}
.portlet > .portlet-title {
    border-bottom: 1px solid #337ab7;
}
.portlet > .portlet-title > .caption > .caption-helper {
    color: #337ab7;
}
/*Header Styles*/

/* General Styles */
.form-control{
	border: solid 1px #88b5dd  !important;
}
.form-control:focus{
	border: solid 1px #e3bb82 !important;
}
.btn-default{
	color: #337ab7 !important;
    background-color: #ebf3f9 !important;
	border: solid 1px #337ab7 !important;
}
.btn-default > i{
	color: #337ab7 !important;
}
.inbox-compose{
	border: solid 1px #afcee9 !important;
}
.inbox-compose .inbox-form-group{
	border-bottom: solid 1px #afcee9 !important;	
	border-top: none !important;	
	border-left: none !important;
	border-right: none !important;
	margin-bottom: 2px !important;
}
.inbox-compose .inbox-form-group > label{
	color: #337ab7 !important;
}
.inbox-compose .mail-to .inbox-cc-bcc{
	color: red !important;
}
.wysiwyg-textarea{
	margin-top: 5px !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
	width: calc(100%-20px) !important;
	border: solid 1px #afcee9 !important;
	padding: 10px !important;
	box-shadow: none !important;
	outline: none !important;
}
.wysiwyg-textarea:focus{
	border: solid 1px #afcee9 !important;
	box-shadow: none !important;
	outline: none !important;
}
.wysiwyg-select{
	color: #337ab7 !important;
}
.wysiwyg-menu{
	margin-left: 5px !important;
	margin-right: 5px !important;
}
/* General Styles */

/*Pagination Styles*/
.pagination>li>a, .pagination>li>span, .pagination>.disabled>a{    
    color: #337ab7;
    border: 1px solid #337ab7;
}
.pagination>li>a:hover,
.pagination .active > a, 
.pagination .active > a:hover{
	border: 1px solid #337ab7 !important;
	color: #ffffff !important;
	background: #337ab7 !important;
}
.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{
	color: #337ab7;
    border: 1px solid #337ab7;
	background: #ffffff !important;
}
.pagination>li>a:focus{
	border: 1px solid #337ab7 !important;
	color: #ffffff !important;
	background: #337ab7 !important;
}
/*Pagination Styles*/

/*portlet and styles*/
.portlet > .portlet-title {
	min-height:35px !important;
	margin-bottom: 0px;
}
.portlet > .portlet-title .caption {
	padding: 0px 0 !important;
	color: #666 !important;
}
.portlet > .portlet-title .actions,.portlet > .portlet-title .tools {
	padding: 0px 0 14px 0 !important;
}
.portlet > .portlet-title > .caption > i {
	color:#337ab7 !important;
}

/*content*/
.portlet,.dashboard-stat2{
	border: 1px solid #337ab7 !important;
}
.input-icon>i{
	color:#88b5dd !important;
}
/*content*/

/*footer*/
.page-footer a{
	color: white !important;
}

.portlet .portlet-footer{
    border: 1px solid #337ab7 !important;
    border-top: 1px solid #337ab7 !important;    
}
/*footer*/

/*portlet and styles*/

.medium-table{
	width: 650px  !important;
	margin-left: auto  !important; 
	margin-right: auto !important; 
}

/* brand font icon colors */
.font-icon-green {
	color: #9FC569 !important;
}

.font-icon-red {
	color: #ED7A53 !important;
}

.font-icon-gray {
	color: #a2aaac !important;
}

.font-icon-disabled {
	color: #a2aaac !important;
	cursor: default;
}

.font-icon-orange {
	color: #FF8A00 !important;
	background: transparent !important;
}

.font-icon-dark {
	color: #1F3140 !important;
}

.font-icon-black {
	color: #000 !important;
}

.font-icon-blue {
	color: #3399cc !important;
}

.font-icon-white {
	color: #ffffff !important;
}

.inbox .table th {
    background: #ebf3f9;
    border-bottom: solid 5px #fff;
}


.inbox .table td:hover {
    background: #ebf3f9;
}

.inbox .inbox-nav li a {
    color: #337ab7;
    background: #ebf3f9;
}

.inbox .inbox-nav li.active a, .inbox .inbox-nav li.active:hover a{
	background: #3399cc !important;
}

.inbox .inbox-nav li.compose-btn a{
	color: #337ab7 !important;
}

.inbox .inbox-nav li a:hover{
	background: #3399cc !important;
	color: #ffffff !important;
}
.inbox .inbox-nav li.active a, .inbox .inbox-nav li.active:hover a{
	background: #3399cc !important;
}
/* brand font icon colors */