/*------------------------------------------------------------------
Project:  Atkins - Admin Bootstrap 4 VueJS
Version:    1.0
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
1.GENERAL STYLES
2.SIDEBAR
3.MAINTOP
4.DASHBOARD COUNTS SECTION
5.DASHBOARD HEADER SECTION
6.PROJECTS SECTION
7.CLIENT SECTION
8.FEEDS SECTION
9.UPDATES SECTION
10.FOOTER
11.LINE CHART
12.POLAR CHART
13.PIE CHART
14.RADAR CHART
15.FORMS MEDIAQUERIE
16.FORM PAGE
17.FORM  ELEMENTS
18.LOGIN PAGE
19.REGISTER
20.STYLE SWITCHER FOR DEMO
21- WIDGET
22. CAROUSEL
23.ICONS
24.MAILBOX
25.MAILINVOICE
26.BADGET
27.PANEL
28.MAIL PROFILE
29.TIMELINE
30.CALENDAR  
31.ERROR 404 
32.ERROR 505
33.DATATABLE
34.PROGRES
35- TAB
36. VUE TOASTER



<!--=====================================
=THEMING OF BOOTSTRAP COMPONENTS    =
======================================-->
-NAVBAR
-BUTTONS
-TYPE
- PAGINATION

-------------------------------------------------------------------*/
/*
* ==========================================================
*  1- GENERAL STYLES
* ==========================================================
*/

body {
    overflow-x: hidden;

}
a,
i,
span {
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s;
}
a:hover,
a:focus,
i:hover,
i:focus,
span:hover,
span:focus {
    text-decoration: none;
}
ul {
    margin: 0;
    padding: 0;
}
section {
    padding: 50px 0;
}
canvas {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.container-fluid {
    padding: 0 30px;
}
@media (max-width: 576px) {
    .container-fluid {
        padding: 0 15px;
    }
}
header.page-header {
    padding: 20px 0;
}
table {
    font-size: 0.9em;
    color: #666;
}
.card-close {
    position: absolute;
    top: 15px;
    right: 15px;
}
.card-close .dropdown-toggle {
    color: #999;
    background: none;
    border: none;
}
.card-close .dropdown-toggle:after {
    display: none;
}
.card-close .dropdown-menu {
    border: none;
    min-width: auto;
    font-size: 0.9em;
    border-radius: 0;
    transform: translateX(calc(-100% + 5px));
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1), -2px -2px 3px rgba(0, 0, 0, 0.1);
}
.card-close .dropdown-menu a {
    color: #999 !important;
}
.card-close .dropdown-menu a:hover {
    background: #3399ff;
    color: #fff !important;
}
.card-close .dropdown-menu a i {
    margin-right: 10px;
    transition: none;
}
.content-inner {
    width: calc(100% - 250px);
}
.content-inner.active {
    width: calc(100% - 90px);
}
.page-header {
    background: #981ceb;
    color: #fff;
    padding: 20px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 99;
}
*[class*="icon-"] {
    transform: translateY(3px);
}
button,
input {
    outline: none !important;
}
.card {
    border-radius: 0;
    border: none;
    margin-bottom: 40px;
    box-shadow: 0 2px 4px rgba(33, 33, 33, .2);
    -webkit-box-shadow: 0 2px 4px rgba(33, 33, 33, .2);
    -moz-box-shadow: 0 2px 4px rgba(33, 33, 33, .2);
    -o-box-shadow: 0 2px 4px rgba(33, 33, 33, .2);
    -ms-box-shadow: 0 2px 4px rgba(33, 33, 33, .2);
}
.card-header {
    background: #fff;
    padding: 15px;
    border-bottom: 1px solid #eee;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
}
.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
    margin-bottom: 0;
}
.card-body {
    padding: 20px;
}
.bg-title {
    background: #eaecf2;
    overflow: hidden;
    padding: 15px 20px 10px;
    margin-bottom: 20px
}
.bg-title h4 {
    color: #686868;
    font-weight: 600
}
.breadcrumb {
    background: #fff;
    position: relative;
    z-index: 50;
    border-radius: 0;
    padding: 15px 0;
    margin-bottom: 0;
}
.breadcrumb-item {
    color: #333;
    font-weight: 300;
}
.breadcrumb-item.active {
    color: #0073e5;
}
.bg-title .breadcrumb a {
    color: rgba(0, 0, 0, .5)
}
.bg-title .breadcrumb a:hover {
    color: #000
}
.bg-title .breadcrumb .active,

/*=== Helpers ===*/

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

.bg-red:hover {
    color: #fff;
}

.bg-blue {
    background: #85b4f2 !important;
    color: #fff;
}

.bg-blue:hover {
    color: #fff;
}

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

.bg-yellow:hover {
    color: #fff;
}

.bg-green {
    background: #54e69d !important;
    color: #fff;
}

.bg-green:hover {
    color: #fff;
}

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

.bg-orange:hover {
    color: #fff;
}

.bg-violet {
    background: #796AEE !important;
    color: #fff;
}

.bg-violet:hover {
    color: #fff;
}

.bg-gray {
    background: #eceeef !important;
}

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

.text-red {
    color: #ff7676;
}

.text-red:hover {
    color: #ff7676;
}

.text-yellow {
    color: #eef157;
}

.text-yellow:hover {
    color: #eef157;
}

.text-green {
    color: #54e69d;
}

.text-green:hover {
    color: #54e69d;
}

.text-orange {
    color: #ffc36d;
}

.text-orange:hover {
    color: #ffc36d;
}

.text-violet {
    color: #796AEE;
}

.text-violet:hover {
    color: #796AEE;
}

.text-blue {
    color: #85b4f2;
}

.text-blue:hover {
    color: #85b4f2;
}

.text-gray {
    color: #eceeef;
}

.text-gray:hover {
    color: #eceeef;
}

.page {
    min-height: 100vh;
    background: #eee;
}

.page .text-white {
    color: #fff;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.page {
    overflow-x: hidden;
}

.has-shadow {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
}

.badge {
    font-weight: 400;
}

.badge-rounded {
    border-radius: 50px;
}
.page {
    background: #eee;
}
.page .text-white {
    color: #fff;
}
.no-padding {
    padding: 0 !important;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}
.no-padding-top {
    padding-top: 0 !important;
}
.no-margin {
    margin: 0 !important;
}
.no-margin-bottom {
    margin-bottom: 0 !important;
}
.no-margin-top {
    margin-top: 0 !important;
}
.page {
    overflow-x: hidden;
}
.has-shadow {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
}
.badge {
    font-weight: 400;
}
.badge-rounded {
    border-radius: 50px;
}
/*
* ==========================================================
*     SIDEBAR
* ==========================================================
*/

nav.side-navbar {
    background: #fff;
    min-width: 250px;
    max-width: 250px;
    color: #011338;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
   
    z-index: 999;
    /*==== Sidebar Header ====*/
    /*==== Sidebar Menu ====*/
    /*==== Shrinked Sidebar ====*/
}
nav.side-navbar a {
    color: inherit;
    position: relative;
    font-size: 0.9em;
}
nav.side-navbar a[data-toggle="collapse"]::before {
    content: '\f104';
    display: inline-block;
    transform: translateY(-50%);
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    color: #333;
    right: 20px;
}
nav.side-navbar a[aria-expanded="true"] {
    background: #f9f9f9;
}
nav.side-navbar a[aria-expanded="true"]::before {
    content: '\f107';
    color: #333!important;
}
nav.side-navbar a i {
    font-size: 1.2em;
    margin-right: 10px;
    transition: none;
}
nav.side-navbar .sidebar-header {
    padding: 30px 15px;
}
nav.side-navbar .avatar {
    width: 55px;
    height: 55px;
}
nav.side-navbar .title {
    margin-left: 10px;
}
nav.side-navbar .title h1 {
    color: #333;
}
nav.side-navbar .title p {
    font-size: 0.9em;
    font-weight: 200;
    margin-bottom: 0;
    color: #aaa;
}
nav.side-navbar span.heading {
    text-transform: uppercase;
    font-weight: 400;
    margin-left: 20px;
    color: #000;
    font-size: 0.8em;
}
nav.side-navbar ul {
    padding: 15px 0;
}
nav.side-navbar ul a {
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    font-weight: 300;
    border-left: 4px solid transparent;
}
nav.side-navbar ul a:hover {
    background: #3399ff;
    border-left: 4px solid #1e5b99;
    color: #fff;
}
nav.side-navbar ul li.active a {
    background: #f9f9f9;
}
nav.side-navbar ul li.active a:hover {
    background: #3399ff;
    color: #fff;
}
nav.side-navbar ul ul {
    padding: 0;
}
nav.side-navbar ul ul a {
    padding-left: 50px;
    background: #f9f9f9;
}
nav.side-navbar.shrinked {
    min-width: 90px;
    max-width: 90px;
    text-align: center;
}
nav.side-navbar.shrinked span.heading {
    margin: 0;
}
nav.side-navbar.shrinked a {
    padding: 15px 10px;
    border: none;
    font-size: 0.8em;
    color: #aaa;
    transition: color 0.3s, background 0.3s;
}
nav.side-navbar.shrinked a[data-toggle="collapse"]::before {
    content: '\f107';
    transform: translateX(50%);
    position: absolute;
    top: auto;
    right: 50%;
    bottom: 0;
    left: auto;
}
nav.side-navbar.shrinked a[data-toggle="collapse"][aria-expanded="true"]::before {
    content: '\f106';
}
nav.side-navbar.shrinked a:hover {
    color: #fff;
    border: none;
}
nav.side-navbar.shrinked a:hover i {
    color: #fff;
}
nav.side-navbar.shrinked a i {
    margin-right: 0;
    margin-bottom: 5px;
    display: block;
    font-size: 1.6em;
    color: #fff;
    transition: color 0.3s;
}
nav.side-navbar.shrinked .sidebar-header .title {
    display: none;
}
/* SIDBAR MEDIAQUERIES ----------------------------------- */

@media (max-width: 1200px) {
    nav.side-navbar {
        margin-left: -90px;
        min-width: 90px;
        max-width: 90px;
        text-align: center;
        opacity: 0;
    }
    nav.side-navbar span.heading {
        margin: 0;
    }
  /*  nav.side-navbar ul a {
        padding: 15px 10px;
        border: none;
        font-size: 0.8em;
        color: #fff;
        transition: color 0.3s, background 0.3s;
    }*/
    nav.side-navbar ul a[data-toggle="collapse"]::before {
        content: '\f107';
        color: #fff;
        transform: translateX(50%);
        position: absolute;
        top: auto;
        right: 50%;
        bottom: 0;
        left: auto;
    }
    nav.side-navbar ul a[data-toggle="collapse"][aria-expanded="true"]::before {
        content: '\f106';
    }
    nav.side-navbar ul a:hover {
        color: #fff;
        border: none;
    }
    nav.side-navbar ul a:hover i {
        color: #fff;
    }
    nav.side-navbar ul a i {
        margin-right: 0;
        margin-bottom: 5px;
        display: block;
        font-size: 1.6em;
        color: #333;
        transition: color 0.3s;
    }
    nav.side-navbar .sidebar-header .title {
        display: none;
    }
    nav.side-navbar.shrinked {
        margin-left: 0;
    }
    .content-inner {
        width: 100%;
    }
    .content-inner.active {
        width: calc(100% - 90px);
    }
}
/*
* ==========================================================
*     MAIN NAVBAR
* ==========================================================
*/

nav.navbar {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #333;
    position: relative;
    border-radius: 0;
    box-shadow: 0 2px 4px rgba(33, 33, 33, .2);
    -webkit-box-shadow: 0 2px 4px rgba(33, 33, 33, .2);
    -moz-box-shadow: 0 2px 4px rgba(33, 33, 33, .2);
    -o-box-shadow: 0 2px 4px rgba(33, 33, 33, .2);
    -ms-box-shadow: 0 2px 4px rgba(33, 33, 33, .2);
    z-index: 100;
    padding-left: 0;
    padding-right: 0;
}
.logo {
    color: #981ceb;
    font-weight: 700!important;
}
.sub-logo {
    font-weight: 700;
    color: #444444;
}
nav.navbar .badge {
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
}
nav.navbar .navbar-brand .brand-small {
    display: none;
}
nav.navbar a {
    color: inherit;
}
nav.navbar .container-fluid {
    width: 100%;
}
nav.navbar .menu-btn {
    margin-right: 20px;
    font-size: 1.2em;
    transition: all 0.7s;
}
nav.navbar .menu-btn span {
    width: 20px;
    height: 2px;
    background: #000;
    display: block;
    margin: 4px auto 0;
    transition: all 0.3s cubic-bezier(0.81, -0.33, 0.345, 1.375);
}
nav.navbar .menu-btn span:nth-of-type(2) {
    position: relative;
    width: 35px;
    transform: rotateY(180deg);
}
nav.navbar .menu-btn span:nth-of-type(2)::before,
nav.navbar .menu-btn span:nth-of-type(2)::after {
    content: '';
    width: 6px;
    height: 2px;
    display: block;
    background: #000;
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 0;
    transition: all 0.7s;
}
nav.navbar .menu-btn span:nth-of-type(2)::after {
    transform: rotate(145deg);
    position: absolute;
    top: -2px;
    left: 0;
}
nav.navbar .menu-btn.active span:first-of-type {
    transform: translateY(12px);
}
nav.navbar .menu-btn.active span:nth-of-type(2) {
    transform: none;
}
nav.navbar .menu-btn.active span:last-of-type {
    transform: translateY(-12px);
}
nav.navbar .nav-item > a {
    position: relative;
}
nav.navbar .nav-item > a span {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 400;
    font-size: 0.7em;
}
nav.navbar .nav-item > a.logout i {
    margin-left: 10px;
}
nav.navbar .search-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    background: #fff;
    z-index: 9999;
    border-radius: 0;
    display: none;
}
nav.navbar .search-box .dismiss {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.5em;
    color: #999;
}
nav.navbar .search-box form {
    height: 100%;
}
nav.navbar .search-box form input {
    height: 100%;
    border: none;
    padding: 20px;
}
nav.navbar .dropdown-menu {
    right: 0;
    min-width: 250px;
    left: auto;
    margin-top: 15px;
    padding: 15px 0;
    max-width: 400px;
    border-radius: 0;
    border: none;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -2px 0 2px rgba(0, 0, 0, 0.1);
}
nav.navbar .dropdown-menu a {
    background: #fff;
    padding: 10px 20px;
    font-size: 0.8em;
    color: #777;
    width: 100%;
}
nav.navbar .dropdown-menu a:hover {
    background: #f5f5f5;
    color: #333;
}
nav.navbar .dropdown-menu a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #3399ff;
    text-align: center;
    color: #333;
    border-radius: 50%;
    margin-right: 10px;
}
nav.navbar .dropdown-menu a small {
    margin-left: 40px;
}
nav.navbar .dropdown-menu span {
    position: static;
    font-size: 1em;
    color: #ccc;
}
nav.navbar .dropdown-menu strong {
    font-weight: 700;
}
nav.navbar .dropdown-menu .msg-profile {
    width: 45px;
    height: 45px;
    margin-right: 10px;
}
nav.navbar .dropdown-menu h3 {
    font-weight: 500;
}
/* MAIN NAVBAR MEDIAQUERIES ----------------------------------- */

@media (max-width: 1200px) {
    nav.navbar {
        /*==== Toggle Sidebar Btn ====*/
    }
    nav.navbar .navbar-brand .brand-small {
        display: block !important;
    }
    nav.navbar .menu-btn {
        margin-right: 20px;
        font-size: 1.2em;
        transition: all 0.7s;
    }
    nav.navbar .menu-btn span:first-of-type {
        transform: translateY(12px);
    }
    nav.navbar .menu-btn span:nth-of-type(2) {
        transform: none;
    }
    nav.navbar .menu-btn span:nth-of-type(2)::before,
    nav.navbar .menu-btn span:nth-of-type(2)::after {
        transform: rotate(45deg);
    }
    nav.navbar .menu-btn span:nth-of-type(2)::after {
        transform: rotate(145deg);
        position: absolute;
        top: -2px;
        left: 0;
    }
    nav.navbar .menu-btn span:last-of-type {
        transform: translateY(-12px);
    }
    nav.navbar .menu-btn.active span:first-of-type {
        transform: none;
    }
    nav.navbar .menu-btn.active span:nth-of-type(2) {
        transform: rotateY(180deg);
    }
    nav.navbar .menu-btn.active span:last-of-type {
        transform: none;
    }
}
@media (max-width: 576px) {
    nav.navbar {
        font-size: 15px;
    }
    nav.navbar .badge {
        width: 19px;
        height: 19px;
    }
    nav.navbar .nav-item > a {
        font-size: 15px;
    }
    nav.navbar .dropdown-menu {
        right: auto;
        left: -50%;
        transform: translateX(-50%);
    }
}
/*
* ==========================================================
*     DASHBOARD COUNTS SECTION
* ==========================================================
*/

section.dashboard-counts .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    min-width: 40px;
    max-width: 40px;
    border-radius: 50%;
}
section.dashboard-counts .title {
    font-size: 1.1em;
    font-weight: 300;
    color: #777;
    margin: 0 20px;
}
section.dashboard-counts .progress {
    margin-top: 10px;
}
section.dashboard-counts .number {
    font-size: 1.8em;
    font-weight: 300;
}
section.dashboard-counts .number strong {
    font-weight: 700;
}
section.dashboard-counts .row {
    padding: 30px 15px;
    margin: 0;
}
section.dashboard-counts div[class*='col-'] .item {
    border-right: 1px solid #eee;
    padding: 15px 0;
}
section.dashboard-counts div[class*='col-']:last-of-type .item {
    border-right: none;
}
/*  DASHBOARD COUNTS MEDIAQUERIES ------------------------ */

@media (max-width: 1200px) {
    section.dashboard-counts div[class*='col-']:nth-of-type(2) .item {
        border-right: none;
    }
}
@media (max-width: 575px) {
    section.dashboard-counts div[class*='col-'] .item {
        border-right: none;
    }
}
/*
* ==========================================================
*     DASHBOARD HEADER SECTION
* ==========================================================
*/

.statistic {
    padding: 20px 15px;
    margin-bottom: 15px;
}
.statistic:last-of-type {
    margin-bottom: 0;
}
.statistic strong {
    font-size: 1.5em;
    color: #333;
    font-weight: 700;
    line-height: 1;
}
.statistic small {
    color: #aaa;
    text-transform: uppercase;
}
.statistic .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    min-width: 40px;
    max-width: 40px;
    color: #fff;
    border-radius: 50%;
    margin-right: 15px;
}
.chart .title {
    padding: 15px 0 0 15px;
}
.chart .title strong {
    font-weight: 700;
    font-size: 1.2em;
}
.chart .title small {
    color: #aaa;
    text-transform: uppercase;
}
.chart .line-chart {
    width: 100%;
    height: 100%;
    padding: 20px 0;
}
.chart .line-chart canvas {
    width: calc(100% - 30px) !important;
}
.chart .bar-chart {
    margin-bottom: 15px;
}
.chart .bar-chart canvas {
    padding: 15px;
    width: 100%;
    margin: 0;
}
/*  DASHBOARD HEADER  MEDIAQUERIES ------------------------*/

@media (max-width: 991px) {
    section.dashboard-header div[class*='col-'] {
        margin-bottom: 20px;
    }
}

/*
* ==========================================================
*     PROJECTS SECTION
* ==========================================================
*/

.project .row {
    margin: 0;
    padding: 15px 0;
    margin-bottom: 15px;
}
.project div[class*='col-'] {
    border-right: 1px solid #eee;
}
.project .text h3 {
    margin-bottom: 0;
    color: #555;
}
.project .text small {
    color: #aaa;
    font-size: 0.75em;
}
.project .project-date span {
    font-size: 0.9em;
    color: #999;
}
.project .image {
    max-width: 50px;
    min-width: 50px;
    height: 50px;
    margin-right: 15px;
}
.project .time,
.project .comments,
.project .project-progress {
    color: #999;
    font-size: 0.9em;
    margin-right: 20px;
}
.project .time i,
.project .comments i,
.project .project-progress i {
    margin-right: 5px;
}
.project .project-progress {
    width: 200px;
}
.project .card {
    margin-bottom: 0;
}
/* PROJECTS SECTION ------------------------------------- */

@media (max-width: 991px) {
    .project .right-col {
        margin-top: 20px;
        margin-left: 65px;
    }
    .project .project-progress {
        width: 150px;
    }
}
@media (max-width: 480px) {
    .project .project-progress {
        display: none;
    }
}
/*
* ==========================================================
*     CLIENT SECTION
* ==========================================================
*/
/*====== Work Amount Box ======*/

.work-amount .chart {
    max-width: 180px;
    max-height: 180px;
    margin: 40px auto;
    position: relative;
}
.work-amount .chart .text {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.work-amount .chart strong {
    font-size: 1.5em;
}
.work-amount .chart span {
    color: #999;
    font-weight: 300;
}
.work-amount li span {
    font-size: 0.85em;
    margin-bottom: 10px;
    color: #777;
    display: block;
}
.work-amount li span::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 7px;
    height: 7px;
    line-height: 7px;
    background: #85b4f2;
    border-radius: 50%;
}
/*====== Client Profile Box ======*/

.client .client-avatar {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: relative;
}
.client .client-avatar .status {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border: 3px solid #fff;
    border-radius: 50%;
    position: absolute;
    right: 4px;
    bottom: 4px;
}
.client .client-title {
    margin-top: 20px;
}
.client .client-title h3 {
    font-weight: 500;
    color: #555;
}
.client .client-title span {
    font-size: 0.9em;
    color: #aaa;
    display: block;
}
.client .client-title a {
    padding: 2px 30px;
    border-radius: 40px;
    background: #54e69d;
    color: #fff;
    margin-top: 5px;
    font-size: 0.9em;
    text-decoration: none;
}
.client .client-title a:hover {
    background: #85b4f2;
}
.client .client-info {
    margin-top: 20px;
}
.client .client-info strong {
    font-weight: 700;
}
.client .client-social {
    margin-top: 20px;
}
.client .client-social a {
    color: #aaa;
}
/*====== Total Overdue Box ======*/

.overdue .chart canvas {
    width: 100% !important;
    z-index: 1;
}
.overdue .card {
    margin-bottom: 0;
}
.overdue .card-body {
    padding: 20px;
}
.overdue .card-body small {
    font-weight: 300;
    color: #aaa;
}
.overdue .card-body h3 {
    margin-bottom: 5px;
}
.overdue .number {
    font-size: 1.8em;
    font-weight: 400;
    color: #555;
    margin: 35px 0;
}
/*
* ==========================================================
*     FEEDS SECTION
* ==========================================================
*/
/*====== Checklist Box ======*/

.checklist label {
    font-size: 0.8em;
    color: #999;
    line-height: 1.8em;
}
.checklist .item {
    padding: 20px;
}
.checklist .item:nth-of-type(even) {
    background: #fafafa;
}
/*====== Trending Articles Box ======*/

.articles a {
    text-decoration: none !important;
    display: block;
    margin-bottom: 0;
    color: #555;
}
.articles .badge {
    font-size: 0.7em;
    padding: 5px 10px;
    line-height: 1;
    margin-left: 10px;
}
.articles .item {
    padding: 20px;
}
.articles .item:nth-of-type(even) {
    background: #fafafa;
}
.articles .item .image {
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    margin-right: 15px;
}
.articles .item img {
    padding: 3px;
    border: 1px solid #5cb85c;
}
.articles .item h3 {
    color: #555;
    font-weight: 400;
    margin-bottom: 0;
}
.articles .item small {
    color: #aaa;
    font-size: 0.75em;
}
/*
* ==========================================================
*     UPDATES SECTION
* ==========================================================
*/
/*====== Recent Updates Box ======*/

.recent-updates .item {
    padding: 20px;
}
.recent-updates .item:nth-of-type(even) {
    background: #fafafa;
}
.recent-updates .icon {
    margin-right: 10px;
}
.recent-updates h5 {
    margin-bottom: 5px;
    color: #333;
    font-weight: 400;
}
.recent-updates p {
    font-size: 0.8em;
    color: #aaa;
    margin-bottom: 0;
}
.recent-updates .date {
    font-size: 0.9em;
    color: #adadad;
}
.recent-updates .date strong {
    font-size: 1.4em;
    line-height: 0.8em;
    display: block;
}
.recent-updates .date span {
    font-size: 0.9em;
    font-weight: 300;
}
/*====== Daily Feeds Box ======*/

.daily-feeds .item {
    padding: 20px;
    border-bottom: 1px solid #eee;
}
.daily-feeds .feed-profile {
    max-width: 50px;
    min-width: 50px;
    margin-right: 10px;
}
.daily-feeds h5 {
    margin-bottom: 0;
    color: #555;
}
.daily-feeds span {
    font-size: 0.8em;
    color: #999;
}
.daily-feeds .full-date {
    font-size: 0.85em;
    color: #aaa;
    font-weight: 300;
}
.daily-feeds .CTAs {
    margin-top: 5px;
}
.daily-feeds .CTAs a {
    font-size: 0.7em;
    padding: 3px 8px;
    margin-right: 5px;
}
.daily-feeds .CTAs a i {
    margin-right: 5px;
}
.daily-feeds .quote {
    background: #fafafa;
    margin-top: 5px;
    border-radius: 0;
    padding: 15px;
    margin-left: 60px;
}
.daily-feeds .quote small {
    font-size: 0.75em;
    color: #777;
}
.daily-feeds .date {
    font-size: 0.9em;
    color: #aaa;
}
/*====== Recent Activities Box ======*/

.recent-activities .item {
    padding: 0 15px;
    border-bottom: 1px solid #eee;
}
.recent-activities .item div[class*='col-'] {
    padding: 15px;
}
.recent-activities h5 {
    font-weight: 400;
    color: #333;
}
.recent-activities p {
    font-size: 0.75em;
    color: #999;
}
.recent-activities .icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #f5f5f5;
    text-align: center;
    display: inline-block;
}
.recent-activities .date {
    font-size: 0.75em;
    color: #999;
    padding: 10px;
}
.recent-activities .date-holder {
    padding: 0 !important;
    border-right: 1px solid #eee;
}
/*
* ==========================================================
*     FOOTER
* ==========================================================
*/

footer.main-footer {
    background: #981ceb;
    color: #fff;
    padding: 10px;
}
footer.main-footer a {
    color: inherit;
}
footer.main-footer p {
    margin: 0;
    font-size: 0.8em;
}
/* FOOTER MEDIAQUERIES  --------------------------------- */

@media (max-width: 576px) {
    footer.main-footer div[class*='col'] {
        text-align: center !important;
    }
}
section.charts div[class*="col-"] {
    margin-bottom: 30px;
}
section.charts header {
    padding: 30px 0;
}
section.charts div[class*="col-"] {
    margin-bottom: 0;
}
/*
* ==========================================================
*     LINE CHART
* ==========================================================
*/

.line-chart-example .card-block {
    padding: 20px;
}
/*
* ==========================================================
*     POLAR CHART
* ==========================================================
*/
/*
* ==========================================================
*     POLAR CHART
* ==========================================================
*/

.polar-chart-example canvas {
    max-width: 350px;
    max-height: 350px;
    margin: 20px auto;
}
/*
* ==========================================================
*     PIE CHART
* ==========================================================
*/

.pie-chart-example canvas {
    max-width: 350px;
    max-height: 350px;
    margin: 15px auto;
}
/*
* ==========================================================
*     RADAR CHART
* ==========================================================
*/

.radar-chart-example canvas {
    max-width: 350px;
    max-height: 350px;
    margin: 20px auto;
}
/* FORMS MEDIAQUERIES -------------------------- */

@media (min-width: 992px) {
    section.charts h2 {
        font-size: 1rem;
    }
}
/*
* ==========================================================
*     FORM ELEMENTS
* ==========================================================
*/

.form-control {
    border: 1px solid #e6e6e6;
    border-radius: 0;
    padding: 10px 15px;
}
select.form-control {
    border: 1px solid #e6e6e6;
    border-radius: 0;
    padding: 5px 15px;
}
.form-control::-moz-placeholder {
    font-size: 0.9em;
    font-weight: 300;
    font-family: "Raleway", sans-serif;
    color: #aaa;
}
.form-control::-webkit-input-placeholder {
    font-size: 0.9em;
    font-weight: 300;
    font-family: "Raleway", sans-serif;
    color: #aaa;
}
.form-control:-ms-input-placeholder {
    font-size: 0.9em;
    font-weight: 300;
    font-family: "Raleway", sans-serif;
    color: #aaa;
}
.form-control:focus {
    border-color: #3399ff;
}
.form-control-label {
    color: #777;
    font-weight: 300;
}
button,
input[type='submit'] {
    cursor: pointer;
    font-family: inherit;
    font-weight: 300 !important;
}
form label {
    font-size: 0.9em;
    color: #777;
    font-weight: 300;
}
.checkbox-template,
.radio-template {
    transform: translateY(3px);
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative;
}
.checkbox-template + label,
.radio-template + label {
    margin-left: 10px;
}
.checkbox-template::before,
.radio-template::before {
    margin-right: 10px;
    content: '';
    display: inline-block;
    transform: translate(-2px, -2px);
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #dae2e7;
    transition: all 0.2s;
}
.checkbox-template::after,
.radio-template::after {
    content: '\f00c';
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    display: block;
    font-family: 'FontAwesome';
    position: absolute;
    top: 1px;
    left: 1px;
    font-size: 0.7em;
    opacity: 0;
    transition: all 0.2s;
    color: #fff;
}
.checkbox-template:checked::before,
.radio-template:checked::before {
    background: #3399ff;
}
.checkbox-template:checked::after,
.radio-template:checked::after {
    opacity: 1;
}
.radio-template::before {
    border-radius: 50%;
    transform: translate(-3px, -3px);
}
.radio-template::after {
    width: 6px;
    height: 6px;
    line-height: 6px;
    text-align: center;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 50%;
    content: '';
}
.radio-template:checked::after {
    background: #fff;
}
input.input-material {
    width: 100%;
    border: none;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}
input.input-material:focus {
    border-color: #3399ff;
}
input.input-material ~ label {
    color: #aaa;
    position: absolute;
    top: 14px;
    left: 0;
    cursor: text;
    transition: all 0.2s;
    font-weight: 300;
}
input.input-material ~ label.error {
    color: #d9534f;
    font-size: 0.75em;
    position: absolute;
    top: auto;
    bottom: -30px;
    left: 0;
}
input.input-material ~ label.active {
    font-size: 0.8em;
    top: -10px;
    color: #3399ff;
}
.form-group-material {
    position: relative;
    margin-bottom: 30px;
}
.input-group span.input-group-addon {
    background: #f5f5f5;
    color: #999;
    font-weight: 300;
    border-radius: 0;
    border: 1px solid #eee;
}
.input-group .dropdown-toggle {
    background: #f5f5f5;
    color: #777;
}
.input-group .checkbox-template,
.input-group .radio-template {
    transform: none;
}
.input-group ul.dropdown-menu {
    padding: 15px;
    color: #777;
    border-radius: 0;
}
.input-group ul.dropdown-menu a {
    padding: 5px 0;
    color: inherit;
    text-decoration: none;
}
.input-group ul.dropdown-menu a:hover {
    color: #3399ff;
}
.modal-content {
    border-radius: 0;
}
.i-checks {
    display: flex;
}
select {
    margin-bottom: 10px;
}
select option {
    color: #999;
}


/*=============================================
=           Total Overdue Box         =
=============================================*/

.overdue .chart canvas {
    width: 100% !important;
    z-index: 1;
}

.overdue .card {
    margin-bottom: 0;
}

.overdue .card-body {
    padding: 20px;
}

.overdue .card-body small {
    font-weight: 300;
    color: #aaa;
}

.overdue .card-body h3 {
    margin-bottom: 5px;
}

.overdue .number {
    font-size: 1.8em;
    font-weight: 400;
    color: #555;
    margin: 35px 0;
}



/*
* ==========================================================
*     FEEDS SECTION
* ==========================================================
*/



.checklist label {
    font-size: 0.8em;
    color: #999;
    line-height: 1.8em;
}

.checklist .item {
    padding: 20px;
}

.checklist .item:nth-of-type(even) {
    background: #fafafa;
}




/*====== Trending Articles Box ======*/

.articles a {
    text-decoration: none !important;
    display: block;
    margin-bottom: 0;
    color: #555;
}

.articles .badge {
    font-size: 0.7em;
    padding: 5px 10px;
    line-height: 1;
    margin-left: 10px;
}

.articles .item {
    padding: 20px;
}

.articles .item:nth-of-type(even) {
    background: #fafafa;
}

.articles .item .image {
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    margin-right: 15px;
}

.articles .item img {
    padding: 3px;
    border: 1px solid #5cb85c;
}

.articles .item h3 {
    color: #555;
    font-weight: 400;
    margin-bottom: 0;
}

.articles .item small {
    color: #aaa;
    font-size: 0.75em;
}

/*
* ==========================================================
*     FORM PAGE
* ==========================================================
*/

section.forms p {
    font-size: 0.9em;
    color: #555;
}
section.forms form span,
section.forms form small {
    font-size: 0.8em;
    color: #999;
    font-weight: 300;
}
section.forms .line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #eee;
    margin: 30px 0;
}
/*
* ==========================================================
*     LOGIN PAGE
* ==========================================================
*/

/*
* ==========================================================
*     LOGIN PAGE
* ==========================================================
*/

.login-page {
    position: relative;
    width: 100%;
}

.logo-login {
    color: #fff;
}

.login-page::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    background: #eee;
    background-size: cover;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
}

.login-page .container {
    min-height: 100vh;
    z-index: 1;
    padding: 20px;
}

.login-page .form-holder {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 50px;
}




.login-page .form-holder .info,
.login-page .form-holder .form {
    min-height: 70vh;
    padding: 40px;
    height: 100%;
}

.login-page .form-holder .mbox.form {
    min-height: 30vh;
    padding: 40px;
    height: 100%;
}

.login-page .form-holder div[class*='col-'] {
    padding: 0;
}

.login-page .form-holder .info {
    background: #981ceb;
    color: #fff;
}

.login-page .form-holder .info h1 {
    font-size: 2.5em;
    font-weight: 600;
}

.login-page .form-holder .info p {
    font-weight: 300;
}

.login-page .form-holder .form .form-group {
    position: relative;
    margin-bottom: 30px;
}

.login-page .form-holder .form .content {
    width: 100%;
}

.login-page .form-holder .form form {
    width: 100%;
    max-width: 400px;
}

.login-page .form-holder .form #login,
.login-page .form-holder .form #register {
    margin-bottom: 20px;
    cursor: pointer;
}

.login-page .form-holder .form a.forgot-pass,
.login-page .form-holder .form a.signup {
    font-size: 0.9em;
    color: #333;
}

.login-page .form-holder .form small {
    color: #333;
}

.login-page .form-holder .form .terms-conditions label {
    cursor: pointer;
    color: #333;
    font-size: 0.9em;
}

.login-page .copyrights {
    width: 100%;
    z-index: 9999;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #333;
}
/*
* ==========================================================
*    19- REGISTER PAGE
* ==========================================================
*/

.register-page {
    position: relative;
    width: 100%;
}
.logo-register {
    color: #fff;
}
.register-page::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    background: #eee;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
}
.register-page .container {
    min-height: 100vh;
    z-index: 1;
    padding: 20px;
}
.register-page .form-holder {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 50px;
}
.register-page .form-holder .info,
.register-page .form-holder .form {
    min-height: 70vh;
    padding: 40px;
    height: 100%;
}
.register-page .form-holder div[class*='col-'] {
    padding: 0;
}
.register-page .form-holder .info {
    background: #981ceb;
    color: #fff;
}
.register-page .form-holder .info h1 {
    font-size: 2.5em;
    font-weight: 600;
}
.register-page .form-holder .info p {
    font-weight: 300;
}
.form-holder .form .form-group {
    position: relative;
    margin-bottom: 30px;
}
.register-page .form-holder .form .content {
    width: 100%;
}
.register-page .form-holder .form form {
    width: 100%;
    max-width: 400px;
}
.register-page .form-holder .form #register,
.register-page .form-holder .form #register {
    margin-bottom: 20px;
    cursor: pointer;
}
.register-page .form-holder .form a.forgot-pass,
.register-page .form-holder .form a.signup {
    font-size: 0.9em;
    color: #222;
}
.register-page .form-holder .form small {
    color: #222;
}
.register-page .form-holder .form .terms-conditions label {
    cursor: pointer;
    color: #222;
    font-size: 0.9em;
}
.register-page .copyrights {
    width: 100%;
    z-index: 9999;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #222;
}
/*

=====================
STYLE SWITCHER FOR DEMO
=====================

*/

#style-switch-button {
    position: fixed;
    top: 120px;
    right: 0px;
    border-radius: 0;
    z-index: 2;
}
#style-switch {
    width: 300px;
    padding: 20px;
    position: fixed;
    top: 160px;
    right: 0;
    background: #fff;
    border: solid 1px #eceeef;
    z-index: 2000;
}
#style-switch h4 {
    color: #464a4c;
}
/*
* ==========================================================
*  20- WIDGET
* ==========================================================
*/

/ .widget-counts .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    min-width: 40px;
    max-width: 40px;
    border-radius: 50%;
}
.widget-counts .title {
    font-size: 1.1em;
    font-weight: 300;
    color: #777;
    margin: 0 20px;
}
.widget-counts .progress {
    margin-top: 10px;
}
.widget-counts .number {
    font-size: 1.8em;
    font-weight: 300;
}
.widget-counts .number strong {
    font-weight: 700;
}
.widget-counts .row {
    padding: 30px 15px;
    margin: 0;
}
.widget-counts div[class*='col-'] .item {
    border-right: 1px solid #eee;
    padding: 15px 0;
}
.widget-counts div[class*='col-']:last-of-type .item {
    border-right: none;
}
/*  DASHBOARD COUNTS MEDIAQUERIES ------------------------ */

@media (max-width: 1200px) {
    .widget-counts div[class*='col-']:nth-of-type(2) .item {
        border-right: none;
    }
}
@media (max-width: 575px) {
    .widget-counts div[class*='col-'] .item {
        border-right: none;
    }
}
.card-widget {
    background: #fff;
    margin: 7.5px 0;
    padding: 20px;
    border:1px solid #eee;
    border-radius: 0;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
}
.stat-widget-one .stat-icon {
    vertical-align: middle;
}
.stat-widget-one .stat-icon i {
    font-size: 30px;
    border-width: 3px;
    border-style: solid;
    border-radius: 100px;
    padding: 15px;
    font-weight: 900;
    display: inline-block;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
}
.stat-widget-one .stat-content {
    margin-left: 30%;
    margin-top: 3px
}
.stat-widget-one .stat-text {
    font-size: 14px;
    color: #252525
}
.stat-widget-one .stat-digit {
    font-size: 24px;
    color: #252525
}
.stat-widget-two {
    text-align: center
}
.stat-widget-two .stat-digit {
    font-size: 40px;
    font-weight: 700;
    color: #252525
}
.stat-widget-two .stat-text {
    font-size: 20px;
    margin-bottom: 5px;
    color: #252525
}
.stat-widget-two .progress {
    height: 8px;
    margin-bottom: 0;
    margin-top: 20px;
    box-shadow: none
}
.stat-widget-two .progress-bar {
    box-shadow: none
}
.stat-widget-three .stat-icon {
    display: inline-block;
    padding: 33px;
    position: absolute;
    line-height: 21px
}
.stat-widget-three .stat-icon i {
    font-size: 30px;
    color: #fff
}
.stat-widget-three .stat-content {
    text-align: center;
    padding: 15px;
    margin-left: 90px
}
.stat-widget-three .stat-digit {
    font-size: 30px
}
.stat-widget-three .stat-text {
    padding-top: 7px
}
.home-widget-three .stat-icon {
    line-height: 19px;
    padding: 27px
}
.home-widget-three .stat-digit {
    font-size: 24px;
    font-weight: 300;
    color: #252525
}
.home-widget-three .stat-content {
    text-align: center;
    margin-left: 60px;
    padding: 13px
}
.stat-widget-four {
    position: relative
}
.stat-widget-four .stat-icon {
    display: inline-block;
    position: absolute;
    top: 5px
}
.stat-widget-four i {
    display: block;
    font-size: 36px
}
.stat-widget-four .stat-content {
    margin-left: 40px;
    text-align: center
}
.stat-widget-four .stat-heading {
    font-size: 20px
}
.stat-widget-five .stat-icon {
    border-radius: 100px;
    display: inline-block;
    position: absolute
}
.stat-widget-five i {
    border-radius: 100px;
    display: block;
    font-size: 36px;
    padding: 30px
}
.stat-widget-five .stat-content {
    margin-left: 100px;
    padding: 24px 0;
    position: relative;
    text-align: right;
    vertical-align: middle
}
.stat-widget-five .stat-heading {
    text-align: right;
    padding-left: 80px;
    font-size: 20px;
    font-weight: 200
}
.stat-widget-six {
    position: relative
}
.stat-widget-six .stat-icon {
    display: inline-block;
    position: absolute;
    top: 5px
}
.stat-widget-six i {
    display: block;
    font-size: 36px
}
.stat-widget-six .stat-content {
    margin-left: 40px;
    text-align: center
}
.stat-widget-six .stat-heading {
    font-size: 16px;
    font-weight: 300
}
.stat-widget-six .stat-text {
    font-size: 12px;
    padding-top: 4px
}
.stat-widget-seven .stat-heading {
    text-align: center
}
.stat-widget-seven .gradient-circle {
    text-align: center;
    position: relative;
    margin: 30px auto;
    display: inline-block;
    width: 100%
}
.stat-widget-seven .gradient-circle i {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 35px;
    font-size: 30px
}
.stat-widget-seven .stat-footer {
    text-align: center;
    margin-top: 30px
}
.stat-widget-seven .stat-footer .stat-count {
    padding-left: 5px
}
.stat-widget-seven .count-header {
    color: #252525;
    font-size: 12px;
    font-weight: 400;
    line-height: 30px
}
.stat-widget-seven .stat-count {
    font-size: 18px;
    font-weight: 400;
    color: #252525
}
.stat-widget-seven .analytic-arrow {
    position: relative
}
.stat-widget-seven .analytic-arrow i {
    font-size: 12px
}
.stat-widget-eight {
    padding: 15px
}
.stat-widget-eight .header-title {
    font-size: 20px;
    font-weight: 300
}
.stat-widget-eight .ti-more-alt {
    color: #878787;
    cursor: pointer;
    left: -5px;
    position: absolute;
    transform: rotate(90deg)
}
.stat-widget-eight .stat-content {
    margin-top: 50px
}
.stat-widget-eight .stat-content .ti-arrow-up {
    font-size: 30px;
    color: #1de9b6
}
.stat-widget-eight .stat-content .stat-digit {
    font-size: 24px;
    font-weight: 300;
    margin-left: 15px
}
.stat-widget-eight .stat-content .progress-stats {
    color: #aaadb2;
    font-weight: 400;
    position: relative;
    top: 10px
}
.stat-widget-eight .progress {
    margin-bottom: 0;
    margin-top: 30px;
    height: 7px;
    background: #EAEAEA;
    box-shadow: none
}
.stat-widget-nine .all-like {
    float: right
}
.stat-widget-nine .stat-icon i {
    font-size: 22px
}
.stat-widget-nine .stat-digit, .stat-widget-nine .stat-text {
    font-size: 14px
}
.stat-widget-nine .like-count {
    font-size: 30px
}
.horizontal {
    position: relative
}
.horizontal:before {
    background: #fff;
    bottom: 0;
    content: "";
    height: 38px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 1px
}
@media (max-width: 768px) {
    .card {
        display: inline-block;
        width: 100%
    }
}
@media (max-width: 360px) {
    .stat-widget-five .stat-heading {
        padding-left: 0
    }
    .stat-widget-two .stat-digit {
        font-size: 16px
    }
    .stat-widget-two .stat-text {
        font-size: 14px
    }
    .stat-widget-three .stat-digit {
        font-size: 20px
    }
    .stat-widget-four .stat-heading {
        font-size: 18px
    }
    .stat-widget-three .stat-icon {
        padding: 26px
    }
}
.round-widget {
    border: 1px solid red;
    border-radius: 100px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px
}
.work-amount .chart {
    max-width: 180px;
    max-height: 180px;
    margin: 40px auto;
    position: relative;
}
.work-amount .chart .text {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.work-amount .chart strong {
    font-size: 1.5em;
}
.work-amount .chart span {
    color: #999;
    font-weight: 300;
}
.work-amount li span {
    font-size: 0.85em;
    margin-bottom: 10px;
    color: #777;
    display: block;
}
.work-amount li span::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 7px;
    height: 7px;
    line-height: 7px;
    background: #85b4f2;
    border-radius: 50%;
}
.client .client-avatar {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: relative;
}
.client .client-avatar .status {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border: 3px solid #fff;
    border-radius: 50%;
    position: absolute;
    right: 4px;
    bottom: 4px;
}
.client .client-title {
    margin-top: 20px;
}
.client .client-title h3 {
    font-weight: 500;
    color: #555;
}
.client .client-title span {
    font-size: 0.9em;
    color: #aaa;
    display: block;
}
.client .client-title a {
    padding: 2px 30px;
    border-radius: 40px;
    background: #54e69d;
    color: #fff;
    margin-top: 5px;
    font-size: 0.9em;
    text-decoration: none;
}
.client .client-title a:hover {
    background: #85b4f2;
}
.client .client-info {
    margin-top: 20px;
}
.client .client-info strong {
    font-weight: 700;
}
.client .client-social {
    margin-top: 20px;
}
.client .client-social a {
    color: #aaa;
}
.overdue .chart canvas {
    width: 100% !important;
    z-index: 1;
}
.overdue .card {
    margin-bottom: 0;
}
.overdue .card-body {
    padding: 20px;
}
.overdue .card-body small {
    font-weight: 300;
    color: #aaa;
}
.overdue .card-body h3 {
    margin-bottom: 5px;
}
.overdue .number {
    font-size: 1.8em;
    font-weight: 400;
    color: #555;
    margin: 35px 0;
}

.checklist label {
    font-size: 0.8em;
    color: #999;
    line-height: 1.8em;
}
.checklist .item {
    padding: 20px;
}
.checklist .item:nth-of-type(even) {
    background: #fafafa;
}
.articles a {
    text-decoration: none !important;
    display: block;
    margin-bottom: 0;
    color: #555;
}
.articles .badge {
    font-size: 0.7em;
    padding: 5px 10px;
    line-height: 1;
    margin-left: 10px;
}
.articles .item {
    padding: 20px;
}
.articles .item:nth-of-type(even) {
    background: #fafafa;
}
.articles .item .image {
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    margin-right: 15px;
}
.articles .item img {
    padding: 3px;
    border: 1px solid #5cb85c;
}
.articles .item h3 {
    color: #555;
    font-weight: 400;
    margin-bottom: 0;
}
.articles .item small {
    color: #aaa;
    font-size: 0.75em;
}
.recent-updates .item {
    padding: 20px;
}
.recent-updates .item:nth-of-type(even) {
    background: #fafafa;
}
.recent-updates .icon {
    margin-right: 10px;
}
.recent-updates h5 {
    margin-bottom: 5px;
    color: #333;
    font-weight: 400;
}
.recent-updates p {
    font-size: 0.8em;
    color: #aaa;
    margin-bottom: 0;
}
.recent-updates .date {
    font-size: 0.9em;
    color: #adadad;
}
.recent-updates .date strong {
    font-size: 1.4em;
    line-height: 0.8em;
    display: block;
}
.recent-updates .date span {
    font-size: 0.9em;
    font-weight: 300;
}
.daily-feeds .item {
    padding: 20px;
    border-bottom: 1px solid #eee;
}
.daily-feeds .feed-profile {
    max-width: 50px;
    min-width: 50px;
    margin-right: 10px;
}
.daily-feeds h5 {
    margin-bottom: 0;
    color: #555;
}
.daily-feeds span {
    font-size: 0.8em;
    color: #999;
}
.daily-feeds .full-date {
    font-size: 0.85em;
    color: #aaa;
    font-weight: 300;
}
.daily-feeds .CTAs {
    margin-top: 5px;
}
.daily-feeds .CTAs a {
    font-size: 0.7em;
    padding: 3px 8px;
    margin-right: 5px;
}
.daily-feeds .CTAs a i {
    margin-right: 5px;
}
.daily-feeds .quote {
    background: #fafafa;
    margin-top: 5px;
    border-radius: 0;
    padding: 15px;
    margin-left: 60px;
}
.daily-feeds .quote small {
    font-size: 0.75em;
    color: #777;
}
.daily-feeds .date {
    font-size: 0.9em;
    color: #aaa;
}
.recent-activities .item {
    padding: 0 15px;
    border-bottom: 1px solid #eee;
}
.recent-activities .item div[class*='col-'] {
    padding: 15px;
}
.recent-activities h5 {
    font-weight: 400;
    color: #333;
}
.recent-activities p {
    font-size: 0.75em;
    color: #999;
}
.recent-activities .icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #f5f5f5;
    text-align: center;
    display: inline-block;
}
.recent-activities .date {
    font-size: 0.75em;
    color: #999;
    padding: 10px;
}
.recent-activities .date-holder {
    padding: 0 !important;
    border-right: 1px solid #eee;
}
.round-widget {
    border: 1px solid red;
    border-radius: 100px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px
}
.text-muted {
    color: #626E82 !important;
}
.display-4 {
    font-size: 3.5rem;
    font-weight: 400;
}
.dashboard-donut-chart {
    height: 400px;
}
.weather-wrapper {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.weather-card {
    margin: 5px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    width: 220px;
    height: 250px;
    border: 1px solid #eee;
    background-color: #FFFFFF;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
}
.weather-card h1 {
    position: absolute;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #B8B8B8;
    bottom: 0;
    left: 35px;
    opacity: 0;
    -webkit-transform: translateX(150px);
    transform: translateX(150px);
    -webkit-animation: title-appear 500ms ease-out 500ms forwards;
    animation: title-appear 500ms ease-out 500ms forwards;
}
.weather-card p {
    position: absolute;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #0073e5;
    bottom: 0;
    margin-bottom: 60px;
    left: 85px;
    -webkit-animation: title-appear 1s ease-out 500ms forwards;
    animation: title-appear 1s ease-out 500ms forwards;
}
.weather-icon {
    position: relative;
    width: 50px;
    height: 50px;
    top: 0;
    float: right;
    margin: 40px 40px 0 0;
    -webkit-animation: weather-icon-move 5s ease-in-out infinite;
    animation: weather-icon-move 5s ease-in-out infinite;
}
.sun {
    background: #FFCD41;
    border-radius: 50%;
    box-shadow: rgba(255, 255, 0, 0.1) 0 0 0 4px;
    -webkit-animation: light 800ms ease-in-out infinite alternate, weather-icon-move 5s ease-in-out infinite;
    animation: light 800ms ease-in-out infinite alternate, weather-icon-move 5s ease-in-out infinite;
}
@-webkit-keyframes light {
    from {
        box-shadow: rgba(255, 255, 0, 0.2) 0 0 0 10px;
    }
    to {
        box-shadow: rgba(255, 255, 0, 0.2) 0 0 0 17px;
    }
}
@keyframes light {
    from {
        box-shadow: rgba(255, 255, 0, 0.2) 0 0 0 10px;
    }
    to {
        box-shadow: rgba(255, 255, 0, 0.2) 0 0 0 17px;
    }
}
.cloud {
    margin-right: 60px;
    background: #b6cede;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    box-shadow: #b6cede 24px -6px 0 2px, #b6cede 10px 5px 0 5px, #b6cede 30px 5px 0 2px, #b6cede 11px -8px 0 -3px, #b6cede 25px 11px 0 -1px;
}
.cloud:after {
    content: "";
    position: absolute;
    border-radius: 10px;
    background-color: transparent;
    width: 4px;
    height: 12px;
    left: 0;
    top: 31px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation: rain 800ms ease-in-out infinite alternate;
    animation: rain 800ms ease-in-out infinite alternate;
}
@-webkit-keyframes rain {
    from {
        box-shadow: #2092A9 8px 0px, #2092A9 32px -6px, #2092A9 20px 0px;
    }
    to {
        box-shadow: #2092A9 8px 6px, #2092A9 32px 0px, #2092A9 20px 6px;
    }
}
@keyframes rain {
    from {
        box-shadow: #2092A9 8px 0px, #2092A9 32px -6px, #2092A9 20px 0px;
    }
    to {
        box-shadow: #2092A9 8px 6px, #2092A9 32px 0px, #2092A9 20px 6px;
    }
}
@-webkit-keyframes weather-icon-move {
    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}
@keyframes weather-icon-move {
    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}
.inspiration {
    margin-top: 80px;
    color: #709fbe;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 24px;
    text-align: center;
}
.inspiration a {
    color: #FF8F8F;
    font-weight: 400;
    -webkit-animation: all 300ms ease-in-out;
    animation: all 300ms ease-in-out;
}
@-webkit-keyframes appear {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    75% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes appear {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    75% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes title-appear {
    from {
        opacity: 0;
        -webkit-transform: translateX(150px);
        transform: translateX(150px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@keyframes title-appear {
    from {
        opacity: 0;
        -webkit-transform: translateX(150px);
        transform: translateX(150px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}
.white-box {
    
    background: #fff;
    padding: 20px;
    margin-bottom: 25px;
}
.white-box .box-title {
    margin: 0 0 12px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    box-shadow: 0 2px 4px rgba(33, 33, 33, .2);
    -webkit-box-shadow: 0 2px 4px rgba(33, 33, 33, .2);
    -moz-box-shadow: 0 2px 4px rgba(33, 33, 33, .2);
    -o-box-shadow: 0 2px 4px rgba(33, 33, 33, .2);
    -ms-box-shadow: 0 2px 4px rgba(33, 33, 33, .2);
}
.social-box {
    min-height: 158px;
    background: #FFFFFF;
    margin-bottom: 30px;
    text-align: center;
}
.social-box i {
    display: block;
    font-size: 40px;
    line-height: 90px;
    background: #f5f5f5;
}
.social-box ul {
    list-style: none;
    padding: 10px 0;
}
.social-box ul li {
    display: block;
    width: 50%;
    float: left;
}
.social-box ul li:first-child {
    border-right: 1px solid #f5f5f5;
}
.social-box ul li strong {
    display: block;
    font-size: 20px;
}
.social-box ul li span {
    color: #d4d4d4;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 10px;
}
.social-box.facebook i {
    background: #3b5998;
    color: #FFFFFF;
    margin: -1px -1px 1px -1px;
}
.social-box.twitter i {
    background: #00aced;
    color: #FFFFFF;
    margin: -1px -1px 1px -1px;
}
.social-box.linkedin i {
    background: #4875b4;
    color: #FFFFFF;
    margin: -1px -1px 1px -1px;
}
.social-box.google-plus i {
    background: #d34836;
    color: #FFFFFF;
    margin: -1px -1px 1px -1px;
}
.social-box.instagram i {
    background: -webkit-linear-gradient(-25deg, #7352ff, #ff2d68);
    background: -moz-linear-gradient(-25deg, #7352ff, #ff2d68);
    color: #FFFFFF;
    margin: -1px -1px 1px -1px;
}
small-box {
    position: relative;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 0px;
    margin-bottom: 15px;
}
.small-box>.inner {
    padding: 10px;
}
.small-box>.small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
.small-box>.small-box-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
}
.small-box h3 {
    font-size: 38px;
    font-weight: 700;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
}
.small-box p {
    font-size: 15px;
}
.small-box p>small {
    display: block;
    color: #f9f9f9;
    font-size: 13px;
    margin-top: 5px;
}
.small-box h3,
.small-box p {
    z-index: 5px;
}
.small-box .icon {
    position: absolute;
    top: auto;
    bottom: 5px;
    right: 5px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
    text-decoration: none;
    color: #f9f9f9;
}
.small-box:hover .icon {
    animation-name: #D2B48CsformAnimation;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    -webkit-animation-name: #D2B48CsformAnimation;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: #D2B48CsformAnimation;
    -moz-animation-duration: .5s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;
}
@keyframes tansformAnimation {
    from {
        font-size: 90px;
    }
    to {
        font-size: 100px;
    }
}
@-webkit-keyframes tansformAnimation {
    from {
        font-size: 90px;
    }
    to {
        font-size: 100px;
    }
}
@media screen and (max-width: 480px) {
    .small-box {
        text-align: center;
    }
    .small-box .icon {
        display: none;
    }
    .small-box p {
        font-size: 12px;
    }
}
/*  DASHBOARD HEADER  MEDIAQUERIES ------------------------*/

@media (max-width: 991px) {
    section.dashboard-header div[class*='col-'] {
        margin-bottom: 20px;
    }
}
/*================================
=         22   CAROUSEL            =
================================*/

.carousel-inner>.carousel-item>a>img,
.carousel-inner>.carousel-item>img {
    line-height: 1;
}
.carousel-inner>.carousel-item>a>img,
.carousel-inner>.carousel-item>img,
.img-fluid {
    display: block;
    max-width: 100%;
    height: auto;
}
/*carousel*/

.carousel-indicators li {
    background: rgba(0, 0, 0, 0.2);
    border: none;
    transition: background-color 0.25s ease 0s;
    -moz-transition: background-color 0.25s ease 0s;
    -webkit-transition: background-color 0.25s ease 0s;
}
.carousel-indicators .active {
    background: #00a0df;
    height: 10px;
    margin: 1px;
    width: 10px;
}
.carousel-indicators.out {
    bottom: -5px;
}
.carousel-indicators.out {
    bottom: -5px;
}
.carousel-control {
    color: #999999;
    text-shadow: none;
    width: 45px;
}
.carousel-control i {
    display: inline-block;
    height: 25px;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 20px;
    z-index: 5;
}
.carousel-control.left,
.carousel-control.right {
    background: none;
    filter: none;
}
.carousel-control:hover,
.carousel-control:focus {
    color: #CCCCCC;
    opacity: 0.9;
    text-decoration: none;
}
.carousel-inner h3 {
    font-weight: 300;
    font-size: 16px;
    margin: 0;
}
.carousel-inner {
    margin-bottom: 15px;
}
/*gritter*/

.gritter-close {
    left: auto !important;
    right: 3px !important;
}
.card-img-overlay {
    height: 200px;
}
/*=============================
=      17      ICONS            =
=============================*/

.icons-list {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 20px;
    display: block;
    float: left;
    width: 100%;
}
.icons-list li {
    float: left;
    display: block;
    width: 25%;
    height: 30px;
    padding: 5px;
    line-height: 20px;
    font-size: 11px;
    border: 1px solid #FFF;
}
.icons-list li:hover {
    color: #333;
    cursor: pointer;
    background: #F5F5F5;
    border: 1px solid #E5E5E5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.icons-list li span:first-child,
.icons-list li i {
    font-size: 18px;
    float: left;
    margin-right: 10px;
    color: #222;
    line-height: 20px;
}
.icon-preview {
    font-size: 88px;
    color: #222;
    text-align: center;
}
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: FontAwesome;
    src: url(../../../fonts/fontawesome-webfont.eot?v=4.5.0);
    src: url(../../../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'), url(../../../fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2'), url(../../../fonts/fontawesome-webfont.woff?v=4.5.0) format('woff'), url(../../../fonts/fontawesome-webfont.ttf?v=4.5.0) format('truetype'), url(../../../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.fa-fw {
    text-align: center
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}
.fa-ul>li {
    position: relative
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}
.fa-li.fa-lg {
    left: -1.85714286em
}
.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}
.fa-pull-left {
    float: left
}
.fa-pull-right {
    float: right
}
.fa.fa-pull-left {
    margin-right: .3em
}
.fa.fa-pull-right {
    margin-left: .3em
}
.pull-right {
    float: right
}
.pull-left {
    float: left
}
.fa.pull-left {
    margin-right: .3em
}
.fa.pull-right {
    margin-left: .3em
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}
.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
.fa-rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.fa-rotate-180 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.fa-rotate-270 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}
.fa-flip-horizontal {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}
.fa-flip-vertical {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    filter: none
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}
.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}
.fa-stack-1x {
    line-height: inherit
}
.fa-stack-2x {
    font-size: 2em
}
.fa-inverse {
    color: #fff
}
.fa-glass:before {
    content: "\f000"
}
.fa-music:before {
    content: "\f001"
}
.fa-search:before {
    content: "\f002"
}
.fa-envelope-o:before {
    content: "\f003"
}
.fa-heart:before {
    content: "\f004"
}
.fa-star:before {
    content: "\f005"
}
.fa-star-o:before {
    content: "\f006"
}
.fa-user:before {
    content: "\f007"
}
.fa-film:before {
    content: "\f008"
}
.fa-th-large:before {
    content: "\f009"
}
.fa-th:before {
    content: "\f00a"
}
.fa-th-list:before {
    content: "\f00b"
}
.fa-check:before {
    content: "\f00c"
}
.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\f00d"
}
.fa-search-plus:before {
    content: "\f00e"
}
.fa-search-minus:before {
    content: "\f010"
}
.fa-power-off:before {
    content: "\f011"
}
.fa-signal:before {
    content: "\f012"
}
.fa-cog:before,
.fa-gear:before {
    content: "\f013"
}
.fa-trash-o:before {
    content: "\f014"
}
.fa-home:before {
    content: "\f015"
}
.fa-file-o:before {
    content: "\f016"
}
.fa-clock-o:before {
    content: "\f017"
}
.fa-road:before {
    content: "\f018"
}
.fa-download:before {
    content: "\f019"
}
.fa-arrow-circle-o-down:before {
    content: "\f01a"
}
.fa-arrow-circle-o-up:before {
    content: "\f01b"
}
.fa-inbox:before {
    content: "\f01c"
}
.fa-play-circle-o:before {
    content: "\f01d"
}
.fa-repeat:before,
.fa-rotate-right:before {
    content: "\f01e"
}
.fa-refresh:before {
    content: "\f021"
}
.fa-list-alt:before {
    content: "\f022"
}
.fa-lock:before {
    content: "\f023"
}
.fa-flag:before {
    content: "\f024"
}
.fa-headphones:before {
    content: "\f025"
}
.fa-volume-off:before {
    content: "\f026"
}
.fa-volume-down:before {
    content: "\f027"
}
.fa-volume-up:before {
    content: "\f028"
}
.fa-qrcode:before {
    content: "\f029"
}
.fa-barcode:before {
    content: "\f02a"
}
.fa-tag:before {
    content: "\f02b"
}
.fa-tags:before {
    content: "\f02c"
}
.fa-book:before {
    content: "\f02d"
}
.fa-bookmark:before {
    content: "\f02e"
}
.fa-print:before {
    content: "\f02f"
}
.fa-camera:before {
    content: "\f030"
}
.fa-font:before {
    content: "\f031"
}
.fa-bold:before {
    content: "\f032"
}
.fa-italic:before {
    content: "\f033"
}
.fa-text-height:before {
    content: "\f034"
}
.fa-text-width:before {
    content: "\f035"
}
.fa-align-left:before {
    content: "\f036"
}
.fa-align-center:before {
    content: "\f037"
}
.fa-align-right:before {
    content: "\f038"
}
.fa-align-justify:before {
    content: "\f039"
}
.fa-list:before {
    content: "\f03a"
}
.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}
.fa-indent:before {
    content: "\f03c"
}
.fa-video-camera:before {
    content: "\f03d"
}
.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: "\f03e"
}
.fa-pencil:before {
    content: "\f040"
}
.fa-map-marker:before {
    content: "\f041"
}
.fa-adjust:before {
    content: "\f042"
}
.fa-tint:before {
    content: "\f043"
}
.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}
.fa-share-square-o:before {
    content: "\f045"
}
.fa-check-square-o:before {
    content: "\f046"
}
.fa-arrows:before {
    content: "\f047"
}
.fa-step-backward:before {
    content: "\f048"
}
.fa-fast-backward:before {
    content: "\f049"
}
.fa-backward:before {
    content: "\f04a"
}
.fa-play:before {
    content: "\f04b"
}
.fa-pause:before {
    content: "\f04c"
}
.fa-stop:before {
    content: "\f04d"
}
.fa-forward:before {
    content: "\f04e"
}
.fa-fast-forward:before {
    content: "\f050"
}
.fa-step-forward:before {
    content: "\f051"
}
.fa-eject:before {
    content: "\f052"
}
.fa-chevron-left:before {
    content: "\f053"
}
.fa-chevron-right:before {
    content: "\f054"
}
.fa-plus-circle:before {
    content: "\f055"
}
.fa-minus-circle:before {
    content: "\f056"
}
.fa-times-circle:before {
    content: "\f057"
}
.fa-check-circle:before {
    content: "\f058"
}
.fa-question-circle:before {
    content: "\f059"
}
.fa-info-circle:before {
    content: "\f05a"
}
.fa-crosshairs:before {
    content: "\f05b"
}
.fa-times-circle-o:before {
    content: "\f05c"
}
.fa-check-circle-o:before {
    content: "\f05d"
}
.fa-ban:before {
    content: "\f05e"
}
.fa-arrow-left:before {
    content: "\f060"
}
.fa-arrow-right:before {
    content: "\f061"
}
.fa-arrow-up:before {
    content: "\f062"
}
.fa-arrow-down:before {
    content: "\f063"
}
.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}
.fa-expand:before {
    content: "\f065"
}
.fa-compress:before {
    content: "\f066"
}
.fa-plus:before {
    content: "\f067"
}
.fa-minus:before {
    content: "\f068"
}
.fa-asterisk:before {
    content: "\f069"
}
.fa-exclamation-circle:before {
    content: "\f06a"
}
.fa-gift:before {
    content: "\f06b"
}
.fa-leaf:before {
    content: "\f06c"
}
.fa-fire:before {
    content: "\f06d"
}
.fa-eye:before {
    content: "\f06e"
}
.fa-eye-slash:before {
    content: "\f070"
}
.fa-exclamation-triangle:before,
.fa-warning:before {
    content: "\f071"
}
.fa-plane:before {
    content: "\f072"
}
.fa-calendar:before {
    content: "\f073"
}
.fa-random:before {
    content: "\f074"
}
.fa-comment:before {
    content: "\f075"
}
.fa-magnet:before {
    content: "\f076"
}
.fa-chevron-up:before {
    content: "\f077"
}
.fa-chevron-down:before {
    content: "\f078"
}
.fa-retweet:before {
    content: "\f079"
}
.fa-shopping-cart:before {
    content: "\f07a"
}
.fa-folder:before {
    content: "\f07b"
}
.fa-folder-open:before {
    content: "\f07c"
}
.fa-arrows-v:before {
    content: "\f07d"
}
.fa-arrows-h:before {
    content: "\f07e"
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080"
}
.fa-twitter-square:before {
    content: "\f081"
}
.fa-facebook-square:before {
    content: "\f082"
}
.fa-camera-retro:before {
    content: "\f083"
}
.fa-key:before {
    content: "\f084"
}
.fa-cogs:before,
.fa-gears:before {
    content: "\f085"
}
.fa-comments:before {
    content: "\f086"
}
.fa-thumbs-o-up:before {
    content: "\f087"
}
.fa-thumbs-o-down:before {
    content: "\f088"
}
.fa-star-half:before {
    content: "\f089"
}
.fa-heart-o:before {
    content: "\f08a"
}
.fa-sign-out:before {
    content: "\f08b"
}
.fa-linkedin-square:before {
    content: "\f08c"
}
.fa-thumb-tack:before {
    content: "\f08d"
}
.fa-external-link:before {
    content: "\f08e"
}
.fa-sign-in:before {
    content: "\f090"
}
.fa-trophy:before {
    content: "\f091"
}
.fa-github-square:before {
    content: "\f092"
}
.fa-upload:before {
    content: "\f093"
}
.fa-lemon-o:before {
    content: "\f094"
}
.fa-phone:before {
    content: "\f095"
}
.fa-square-o:before {
    content: "\f096"
}
.fa-bookmark-o:before {
    content: "\f097"
}
.fa-phone-square:before {
    content: "\f098"
}
.fa-twitter:before {
    content: "\f099"
}
.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}
.fa-github:before {
    content: "\f09b"
}
.fa-unlock:before {
    content: "\f09c"
}
.fa-credit-card:before {
    content: "\f09d"
}
.fa-feed:before,
.fa-rss:before {
    content: "\f09e"
}
.fa-hdd-o:before {
    content: "\f0a0"
}
.fa-bullhorn:before {
    content: "\f0a1"
}
.fa-bell:before {
    content: "\f0f3"
}
.fa-certificate:before {
    content: "\f0a3"
}
.fa-hand-o-right:before {
    content: "\f0a4"
}
.fa-hand-o-left:before {
    content: "\f0a5"
}
.fa-hand-o-up:before {
    content: "\f0a6"
}
.fa-hand-o-down:before {
    content: "\f0a7"
}
.fa-arrow-circle-left:before {
    content: "\f0a8"
}
.fa-arrow-circle-right:before {
    content: "\f0a9"
}
.fa-arrow-circle-up:before {
    content: "\f0aa"
}
.fa-arrow-circle-down:before {
    content: "\f0ab"
}
.fa-globe:before {
    content: "\f0ac"
}
.fa-wrench:before {
    content: "\f0ad"
}
.fa-tasks:before {
    content: "\f0ae"
}
.fa-filter:before {
    content: "\f0b0"
}
.fa-briefcase:before {
    content: "\f0b1"
}
.fa-arrows-alt:before {
    content: "\f0b2"
}
.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}
.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}
.fa-cloud:before {
    content: "\f0c2"
}
.fa-flask:before {
    content: "\f0c3"
}
.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}
.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}
.fa-paperclip:before {
    content: "\f0c6"
}
.fa-floppy-o:before,
.fa-save:before {
    content: "\f0c7"
}
.fa-square:before {
    content: "\f0c8"
}
.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: "\f0c9"
}
.fa-list-ul:before {
    content: "\f0ca"
}
.fa-list-ol:before {
    content: "\f0cb"
}
.fa-strikethrough:before {
    content: "\f0cc"
}
.fa-underline:before {
    content: "\f0cd"
}
.fa-table:before {
    content: "\f0ce"
}
.fa-magic:before {
    content: "\f0d0"
}
.fa-truck:before {
    content: "\f0d1"
}
.fa-pinterest:before {
    content: "\f0d2"
}
.fa-pinterest-square:before {
    content: "\f0d3"
}
.fa-google-plus-square:before {
    content: "\f0d4"
}
.fa-google-plus:before {
    content: "\f0d5"
}
.fa-money:before {
    content: "\f0d6"
}
.fa-caret-down:before {
    content: "\f0d7"
}
.fa-caret-up:before {
    content: "\f0d8"
}
.fa-caret-left:before {
    content: "\f0d9"
}
.fa-caret-right:before {
    content: "\f0da"
}
.fa-columns:before {
    content: "\f0db"
}
.fa-sort:before,
.fa-unsorted:before {
    content: "\f0dc"
}
.fa-sort-desc:before,
.fa-sort-down:before {
    content: "\f0dd"
}
.fa-sort-asc:before,
.fa-sort-up:before {
    content: "\f0de"
}
.fa-envelope:before {
    content: "\f0e0"
}
.fa-linkedin:before {
    content: "\f0e1"
}
.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}
.fa-gavel:before,
.fa-legal:before {
    content: "\f0e3"
}
.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}
.fa-comment-o:before {
    content: "\f0e5"
}
.fa-comments-o:before {
    content: "\f0e6"
}
.fa-bolt:before,
.fa-flash:before {
    content: "\f0e7"
}
.fa-sitemap:before {
    content: "\f0e8"
}
.fa-umbrella:before {
    content: "\f0e9"
}
.fa-clipboard:before,
.fa-paste:before {
    content: "\f0ea"
}
.fa-lightbulb-o:before {
    content: "\f0eb"
}
.fa-exchange:before {
    content: "\f0ec"
}
.fa-cloud-download:before {
    content: "\f0ed"
}
.fa-cloud-upload:before {
    content: "\f0ee"
}
.fa-user-md:before {
    content: "\f0f0"
}
.fa-stethoscope:before {
    content: "\f0f1"
}
.fa-suitcase:before {
    content: "\f0f2"
}
.fa-bell-o:before {
    content: "\f0a2"
}
.fa-coffee:before {
    content: "\f0f4"
}
.fa-cutlery:before {
    content: "\f0f5"
}
.fa-file-text-o:before {
    content: "\f0f6"
}
.fa-building-o:before {
    content: "\f0f7"
}
.fa-hospital-o:before {
    content: "\f0f8"
}
.fa-ambulance:before {
    content: "\f0f9"
}
.fa-medkit:before {
    content: "\f0fa"
}
.fa-fighter-jet:before {
    content: "\f0fb"
}
.fa-beer:before {
    content: "\f0fc"
}
.fa-h-square:before {
    content: "\f0fd"
}
.fa-plus-square:before {
    content: "\f0fe"
}
.fa-angle-double-left:before {
    content: "\f100"
}
.fa-angle-double-right:before {
    content: "\f101"
}
.fa-angle-double-up:before {
    content: "\f102"
}
.fa-angle-double-down:before {
    content: "\f103"
}
.fa-angle-left:before {
    content: "\f104"
}
.fa-angle-right:before {
    content: "\f105"
}
.fa-angle-up:before {
    content: "\f106"
}
.fa-angle-down:before {
    content: "\f107"
}
.fa-desktop:before {
    content: "\f108"
}
.fa-laptop:before {
    content: "\f109"
}
.fa-tablet:before {
    content: "\f10a"
}
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}
.fa-circle-o:before {
    content: "\f10c"
}
.fa-quote-left:before {
    content: "\f10d"
}
.fa-quote-right:before {
    content: "\f10e"
}
.fa-spinner:before {
    content: "\f110"
}
.fa-circle:before {
    content: "\f111"
}
.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}
.fa-github-alt:before {
    content: "\f113"
}
.fa-folder-o:before {
    content: "\f114"
}
.fa-folder-open-o:before {
    content: "\f115"
}
.fa-smile-o:before {
    content: "\f118"
}
.fa-frown-o:before {
    content: "\f119"
}
.fa-meh-o:before {
    content: "\f11a"
}
.fa-gamepad:before {
    content: "\f11b"
}
.fa-keyboard-o:before {
    content: "\f11c"
}
.fa-flag-o:before {
    content: "\f11d"
}
.fa-flag-checkered:before {
    content: "\f11e"
}
.fa-terminal:before {
    content: "\f120"
}
.fa-code:before {
    content: "\f121"
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}
.fa-location-arrow:before {
    content: "\f124"
}
.fa-crop:before {
    content: "\f125"
}
.fa-code-fork:before {
    content: "\f126"
}
.fa-chain-broken:before,
.fa-unlink:before {
    content: "\f127"
}
.fa-question:before {
    content: "\f128"
}
.fa-info:before {
    content: "\f129"
}
.fa-exclamation:before {
    content: "\f12a"
}
.fa-superscript:before {
    content: "\f12b"
}
.fa-subscript:before {
    content: "\f12c"
}
.fa-eraser:before {
    content: "\f12d"
}
.fa-puzzle-piece:before {
    content: "\f12e"
}
.fa-microphone:before {
    content: "\f130"
}
.fa-microphone-slash:before {
    content: "\f131"
}
.fa-shield:before {
    content: "\f132"
}
.fa-calendar-o:before {
    content: "\f133"
}
.fa-fire-extinguisher:before {
    content: "\f134"
}
.fa-rocket:before {
    content: "\f135"
}
.fa-maxcdn:before {
    content: "\f136"
}
.fa-chevron-circle-left:before {
    content: "\f137"
}
.fa-chevron-circle-right:before {
    content: "\f138"
}
.fa-chevron-circle-up:before {
    content: "\f139"
}
.fa-chevron-circle-down:before {
    content: "\f13a"
}
.fa-html5:before {
    content: "\f13b"
}
.fa-css3:before {
    content: "\f13c"
}
.fa-anchor:before {
    content: "\f13d"
}
.fa-unlock-alt:before {
    content: "\f13e"
}
.fa-bullseye:before {
    content: "\f140"
}
.fa-ellipsis-h:before {
    content: "\f141"
}
.fa-ellipsis-v:before {
    content: "\f142"
}
.fa-rss-square:before {
    content: "\f143"
}
.fa-play-circle:before {
    content: "\f144"
}
.fa-ticket:before {
    content: "\f145"
}
.fa-minus-square:before {
    content: "\f146"
}
.fa-minus-square-o:before {
    content: "\f147"
}
.fa-level-up:before {
    content: "\f148"
}
.fa-level-down:before {
    content: "\f149"
}
.fa-check-square:before {
    content: "\f14a"
}
.fa-pencil-square:before {
    content: "\f14b"
}
.fa-external-link-square:before {
    content: "\f14c"
}
.fa-share-square:before {
    content: "\f14d"
}
.fa-compass:before {
    content: "\f14e"
}
.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: "\f150"
}
.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: "\f151"
}
.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: "\f152"
}
.fa-eur:before,
.fa-euro:before {
    content: "\f153"
}
.fa-gbp:before {
    content: "\f154"
}
.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}
.fa-inr:before,
.fa-rupee:before {
    content: "\f156"
}
.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: "\f157"
}
.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: "\f158"
}
.fa-krw:before,
.fa-won:before {
    content: "\f159"
}
.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a"
}
.fa-file:before {
    content: "\f15b"
}
.fa-file-text:before {
    content: "\f15c"
}
.fa-sort-alpha-asc:before {
    content: "\f15d"
}
.fa-sort-alpha-desc:before {
    content: "\f15e"
}
.fa-sort-amount-asc:before {
    content: "\f160"
}
.fa-sort-amount-desc:before {
    content: "\f161"
}
.fa-sort-numeric-asc:before {
    content: "\f162"
}
.fa-sort-numeric-desc:before {
    content: "\f163"
}
.fa-thumbs-up:before {
    content: "\f164"
}
.fa-thumbs-down:before {
    content: "\f165"
}
.fa-youtube-square:before {
    content: "\f166"
}
.fa-youtube:before {
    content: "\f167"
}
.fa-xing:before {
    content: "\f168"
}
.fa-xing-square:before {
    content: "\f169"
}
.fa-youtube-play:before {
    content: "\f16a"
}
.fa-dropbox:before {
    content: "\f16b"
}
.fa-stack-overflow:before {
    content: "\f16c"
}
.fa-instagram:before {
    content: "\f16d"
}
.fa-flickr:before {
    content: "\f16e"
}
.fa-adn:before {
    content: "\f170"
}
.fa-bitbucket:before {
    content: "\f171"
}
.fa-bitbucket-square:before {
    content: "\f172"
}
.fa-tumblr:before {
    content: "\f173"
}
.fa-tumblr-square:before {
    content: "\f174"
}
.fa-long-arrow-down:before {
    content: "\f175"
}
.fa-long-arrow-up:before {
    content: "\f176"
}
.fa-long-arrow-left:before {
    content: "\f177"
}
.fa-long-arrow-right:before {
    content: "\f178"
}
.fa-apple:before {
    content: "\f179"
}
.fa-windows:before {
    content: "\f17a"
}
.fa-android:before {
    content: "\f17b"
}
.fa-linux:before {
    content: "\f17c"
}
.fa-dribbble:before {
    content: "\f17d"
}
.fa-skype:before {
    content: "\f17e"
}
.fa-foursquare:before {
    content: "\f180"
}
.fa-trello:before {
    content: "\f181"
}
.fa-female:before {
    content: "\f182"
}
.fa-male:before {
    content: "\f183"
}
.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184"
}
.fa-sun-o:before {
    content: "\f185"
}
.fa-moon-o:before {
    content: "\f186"
}
.fa-archive:before {
    content: "\f187"
}
.fa-bug:before {
    content: "\f188"
}
.fa-vk:before {
    content: "\f189"
}
.fa-weibo:before {
    content: "\f18a"
}
.fa-renren:before {
    content: "\f18b"
}
.fa-pagelines:before {
    content: "\f18c"
}
.fa-stack-exchange:before {
    content: "\f18d"
}
.fa-arrow-circle-o-right:before {
    content: "\f18e"
}
.fa-arrow-circle-o-left:before {
    content: "\f190"
}
.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: "\f191"
}
.fa-dot-circle-o:before {
    content: "\f192"
}
.fa-wheelchair:before {
    content: "\f193"
}
.fa-vimeo-square:before {
    content: "\f194"
}
.fa-try:before,
.fa-turkish-lira:before {
    content: "\f195"
}
.fa-plus-square-o:before {
    content: "\f196"
}
.fa-space-shuttle:before {
    content: "\f197"
}
.fa-slack:before {
    content: "\f198"
}
.fa-envelope-square:before {
    content: "\f199"
}
.fa-wordpress:before {
    content: "\f19a"
}
.fa-openid:before {
    content: "\f19b"
}
.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: "\f19c"
}
.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "\f19d"
}
.fa-yahoo:before {
    content: "\f19e"
}
.fa-google:before {
    content: "\f1a0"
}
.fa-reddit:before {
    content: "\f1a1"
}
.fa-reddit-square:before {
    content: "\f1a2"
}
.fa-stumbleupon-circle:before {
    content: "\f1a3"
}
.fa-stumbleupon:before {
    content: "\f1a4"
}
.fa-delicious:before {
    content: "\f1a5"
}
.fa-digg:before {
    content: "\f1a6"
}
.fa-pied-piper:before {
    content: "\f1a7"
}
.fa-pied-piper-alt:before {
    content: "\f1a8"
}
.fa-drupal:before {
    content: "\f1a9"
}
.fa-joomla:before {
    content: "\f1aa"
}
.fa-language:before {
    content: "\f1ab"
}
.fa-fax:before {
    content: "\f1ac"
}
.fa-building:before {
    content: "\f1ad"
}
.fa-child:before {
    content: "\f1ae"
}
.fa-paw:before {
    content: "\f1b0"
}
.fa-spoon:before {
    content: "\f1b1"
}
.fa-cube:before {
    content: "\f1b2"
}
.fa-cubes:before {
    content: "\f1b3"
}
.fa-behance:before {
    content: "\f1b4"
}
.fa-behance-square:before {
    content: "\f1b5"
}
.fa-steam:before {
    content: "\f1b6"
}
.fa-steam-square:before {
    content: "\f1b7"
}
.fa-recycle:before {
    content: "\f1b8"
}
.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}
.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}
.fa-tree:before {
    content: "\f1bb"
}
.fa-spotify:before {
    content: "\f1bc"
}
.fa-deviantart:before {
    content: "\f1bd"
}
.fa-soundcloud:before {
    content: "\f1be"
}
.fa-database:before {
    content: "\f1c0"
}
.fa-file-pdf-o:before {
    content: "\f1c1"
}
.fa-file-word-o:before {
    content: "\f1c2"
}
.fa-file-excel-o:before {
    content: "\f1c3"
}
.fa-file-powerpoint-o:before {
    content: "\f1c4"
}
.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: "\f1c5"
}
.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: "\f1c6"
}
.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: "\f1c7"
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8"
}
.fa-file-code-o:before {
    content: "\f1c9"
}
.fa-vine:before {
    content: "\f1ca"
}
.fa-codepen:before {
    content: "\f1cb"
}
.fa-jsfiddle:before {
    content: "\f1cc"
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: "\f1cd"
}
.fa-circle-o-notch:before {
    content: "\f1ce"
}
.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0"
}
.fa-empire:before,
.fa-ge:before {
    content: "\f1d1"
}
.fa-git-square:before {
    content: "\f1d2"
}
.fa-git:before {
    content: "\f1d3"
}
.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
    content: "\f1d4"
}
.fa-tencent-weibo:before {
    content: "\f1d5"
}
.fa-qq:before {
    content: "\f1d6"
}
.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7"
}
.fa-paper-plane:before,
.fa-send:before {
    content: "\f1d8"
}
.fa-paper-plane-o:before,
.fa-send-o:before {
    content: "\f1d9"
}
.fa-history:before {
    content: "\f1da"
}
.fa-circle-thin:before {
    content: "\f1db"
}
.fa-header:before {
    content: "\f1dc"
}
.fa-paragraph:before {
    content: "\f1dd"
}
.fa-sliders:before {
    content: "\f1de"
}
.fa-share-alt:before {
    content: "\f1e0"
}
.fa-share-alt-square:before {
    content: "\f1e1"
}
.fa-bomb:before {
    content: "\f1e2"
}
.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: "\f1e3"
}
.fa-tty:before {
    content: "\f1e4"
}
.fa-binoculars:before {
    content: "\f1e5"
}
.fa-plug:before {
    content: "\f1e6"
}
.fa-slideshare:before {
    content: "\f1e7"
}
.fa-twitch:before {
    content: "\f1e8"
}
.fa-yelp:before {
    content: "\f1e9"
}
.fa-newspaper-o:before {
    content: "\f1ea"
}
.fa-wifi:before {
    content: "\f1eb"
}
.fa-calculator:before {
    content: "\f1ec"
}
.fa-paypal:before {
    content: "\f1ed"
}
.fa-google-wallet:before {
    content: "\f1ee"
}
.fa-cc-visa:before {
    content: "\f1f0"
}
.fa-cc-mastercard:before {
    content: "\f1f1"
}
.fa-cc-discover:before {
    content: "\f1f2"
}
.fa-cc-amex:before {
    content: "\f1f3"
}
.fa-cc-paypal:before {
    content: "\f1f4"
}
.fa-cc-stripe:before {
    content: "\f1f5"
}
.fa-bell-slash:before {
    content: "\f1f6"
}
.fa-bell-slash-o:before {
    content: "\f1f7"
}
.fa-trash:before {
    content: "\f1f8"
}
.fa-copyright:before {
    content: "\f1f9"
}
.fa-at:before {
    content: "\f1fa"
}
.fa-eyedropper:before {
    content: "\f1fb"
}
.fa-paint-brush:before {
    content: "\f1fc"
}
.fa-birthday-cake:before {
    content: "\f1fd"
}
.fa-area-chart:before {
    content: "\f1fe"
}
.fa-pie-chart:before {
    content: "\f200"
}
.fa-line-chart:before {
    content: "\f201"
}
.fa-lastfm:before {
    content: "\f202"
}
.fa-lastfm-square:before {
    content: "\f203"
}
.fa-toggle-off:before {
    content: "\f204"
}
.fa-toggle-on:before {
    content: "\f205"
}
.fa-bicycle:before {
    content: "\f206"
}
.fa-bus:before {
    content: "\f207"
}
.fa-ioxhost:before {
    content: "\f208"
}
.fa-angellist:before {
    content: "\f209"
}
.fa-cc:before {
    content: "\f20a"
}
.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: "\f20b"
}
.fa-meanpath:before {
    content: "\f20c"
}
.fa-buysellads:before {
    content: "\f20d"
}
.fa-connectdevelop:before {
    content: "\f20e"
}
.fa-dashcube:before {
    content: "\f210"
}
.fa-forumbee:before {
    content: "\f211"
}
.fa-leanpub:before {
    content: "\f212"
}
.fa-sellsy:before {
    content: "\f213"
}
.fa-shirtsinbulk:before {
    content: "\f214"
}
.fa-simplybuilt:before {
    content: "\f215"
}
.fa-skyatlas:before {
    content: "\f216"
}
.fa-cart-plus:before {
    content: "\f217"
}
.fa-cart-arrow-down:before {
    content: "\f218"
}
.fa-diamond:before {
    content: "\f219"
}
.fa-ship:before {
    content: "\f21a"
}
.fa-user-secret:before {
    content: "\f21b"
}
.fa-motorcycle:before {
    content: "\f21c"
}
.fa-street-view:before {
    content: "\f21d"
}
.fa-heartbeat:before {
    content: "\f21e"
}
.fa-venus:before {
    content: "\f221"
}
.fa-mars:before {
    content: "\f222"
}
.fa-mercury:before {
    content: "\f223"
}
.fa-intersex:before,
.fa-transgender:before {
    content: "\f224"
}
.fa-transgender-alt:before {
    content: "\f225"
}
.fa-venus-double:before {
    content: "\f226"
}
.fa-mars-double:before {
    content: "\f227"
}
.fa-venus-mars:before {
    content: "\f228"
}
.fa-mars-stroke:before {
    content: "\f229"
}
.fa-mars-stroke-v:before {
    content: "\f22a"
}
.fa-mars-stroke-h:before {
    content: "\f22b"
}
.fa-neuter:before {
    content: "\f22c"
}
.fa-genderless:before {
    content: "\f22d"
}
.fa-facebook-official:before {
    content: "\f230"
}
.fa-pinterest-p:before {
    content: "\f231"
}
.fa-whatsapp:before {
    content: "\f232"
}
.fa-server:before {
    content: "\f233"
}
.fa-user-plus:before {
    content: "\f234"
}
.fa-user-times:before {
    content: "\f235"
}
.fa-bed:before,
.fa-hotel:before {
    content: "\f236"
}
.fa-viacoin:before {
    content: "\f237"
}
.fa-train:before {
    content: "\f238"
}
.fa-subway:before {
    content: "\f239"
}
.fa-medium:before {
    content: "\f23a"
}
.fa-y-combinator:before,
.fa-yc:before {
    content: "\f23b"
}
.fa-optin-monster:before {
    content: "\f23c"
}
.fa-opencart:before {
    content: "\f23d"
}
.fa-expeditedssl:before {
    content: "\f23e"
}
.fa-battery-4:before,
.fa-battery-full:before {
    content: "\f240"
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241"
}
.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242"
}
.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243"
}
.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244"
}
.fa-mouse-pointer:before {
    content: "\f245"
}
.fa-i-cursor:before {
    content: "\f246"
}
.fa-object-group:before {
    content: "\f247"
}
.fa-object-ungroup:before {
    content: "\f248"
}
.fa-sticky-note:before {
    content: "\f249"
}
.fa-sticky-note-o:before {
    content: "\f24a"
}
.fa-cc-jcb:before {
    content: "\f24b"
}
.fa-cc-diners-club:before {
    content: "\f24c"
}
.fa-clone:before {
    content: "\f24d"
}
.fa-balance-scale:before {
    content: "\f24e"
}
.fa-hourglass-o:before {
    content: "\f250"
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251"
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252"
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253"
}
.fa-hourglass:before {
    content: "\f254"
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255"
}
.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
    content: "\f256"
}
.fa-hand-scissors-o:before {
    content: "\f257"
}
.fa-hand-lizard-o:before {
    content: "\f258"
}
.fa-hand-spock-o:before {
    content: "\f259"
}
.fa-hand-pointer-o:before {
    content: "\f25a"
}
.fa-hand-peace-o:before {
    content: "\f25b"
}
.fa-trademark:before {
    content: "\f25c"
}
.fa-registered:before {
    content: "\f25d"
}
.fa-creative-commons:before {
    content: "\f25e"
}
.fa-gg:before {
    content: "\f260"
}
.fa-gg-circle:before {
    content: "\f261"
}
.fa-tripadvisor:before {
    content: "\f262"
}
.fa-odnoklassniki:before {
    content: "\f263"
}
.fa-odnoklassniki-square:before {
    content: "\f264"
}
.fa-get-pocket:before {
    content: "\f265"
}
.fa-wikipedia-w:before {
    content: "\f266"
}
.fa-safari:before {
    content: "\f267"
}
.fa-chrome:before {
    content: "\f268"
}
.fa-firefox:before {
    content: "\f269"
}
.fa-opera:before {
    content: "\f26a"
}
.fa-internet-explorer:before {
    content: "\f26b"
}
.fa-television:before,
.fa-tv:before {
    content: "\f26c"
}
.fa-contao:before {
    content: "\f26d"
}
.fa-500px:before {
    content: "\f26e"
}
.fa-amazon:before {
    content: "\f270"
}
.fa-calendar-plus-o:before {
    content: "\f271"
}
.fa-calendar-minus-o:before {
    content: "\f272"
}
.fa-calendar-times-o:before {
    content: "\f273"
}
.fa-calendar-check-o:before {
    content: "\f274"
}
.fa-industry:before {
    content: "\f275"
}
.fa-map-pin:before {
    content: "\f276"
}
.fa-map-signs:before {
    content: "\f277"
}
.fa-map-o:before {
    content: "\f278"
}
.fa-map:before {
    content: "\f279"
}
.fa-commenting:before {
    content: "\f27a"
}
.fa-commenting-o:before {
    content: "\f27b"
}
.fa-houzz:before {
    content: "\f27c"
}
.fa-vimeo:before {
    content: "\f27d"
}
.fa-black-tie:before {
    content: "\f27e"
}
.fa-fonticons:before {
    content: "\f280"
}
.fa-reddit-alien:before {
    content: "\f281"
}
.fa-edge:before {
    content: "\f282"
}
.fa-credit-card-alt:before {
    content: "\f283"
}
.fa-codiepie:before {
    content: "\f284"
}
.fa-modx:before {
    content: "\f285"
}
.fa-fort-awesome:before {
    content: "\f286"
}
.fa-usb:before {
    content: "\f287"
}
.fa-product-hunt:before {
    content: "\f288"
}
.fa-mixcloud:before {
    content: "\f289"
}
.fa-scribd:before {
    content: "\f28a"
}
.fa-pause-circle:before {
    content: "\f28b"
}
.fa-pause-circle-o:before {
    content: "\f28c"
}
.fa-stop-circle:before {
    content: "\f28d"
}
.fa-stop-circle-o:before {
    content: "\f28e"
}
.fa-shopping-bag:before {
    content: "\f290"
}
.fa-shopping-basket:before {
    content: "\f291"
}
.fa-hashtag:before {
    content: "\f292"
}
.fa-bluetooth:before {
    content: "\f293"
}
.fa-bluetooth-b:before {
    content: "\f294"
}
.fa-percent:before {
    content: "\f295"
}
/*===============================
=    24      MAILBOX            =
===============================*/

.mail-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%
}
.mail-box aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top
}
.mail-box .sm-side {
    background: #fff;
    border-radius: 4px 0 0 4px;
    width: 25%
}
.mail-box .sm-side .user-head {
    background: #fff;
    border-radius: 4px 0 0;
    color: #252525;
    min-height: 80px;
    padding: 10px
}
.mail-box .lg-side {
    background: #fff;
    border-radius: 0 4px 4px 0;
    width: 75%
}
.user-head .inbox-avatar {
    float: left;
    width: 65px
}
.user-head .inbox-avatar img {
    border-radius: 100px;
    height: 65px;
    width: 65px
}
.user-head .user-name {
    display: inline-block;
    margin: 0 0 0 10px
}
.user-head .user-name h5 {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 15px
}
.user-head .user-name h5 a {
    color: #252525
}
.user-head .user-name span a {
    color: #252525;
    font-size: 12px
}
a.mail-dropdown {
    background: #80d3d9;
    border-radius: 2px;
    color: #01a7b3;
    font-size: 10px;
    margin-top: 20px;
    padding: 3px 5px
}
.inbox-body {
    padding: 20px 0
}
.inbox-body .modal .modal-body input,
.inbox-body .modal .modal-body textarea {
    border: 1px solid #e6e6e6;
    box-shadow: none
}
.btn-compose {
    background: #03a9f5;
    color: #fff;
    padding: 12px 0;
    text-align: center;
    width: 70%
}
.btn-compose.active,
.btn-compose:focus,
.btn-compose:hover {
    background: #03a9f5;
    color: #fff
}
ul.inbox-nav {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%
}
ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    width: 100%
}
ul.inbox-nav li a {
    color: #6a6a6a;
    display: inline-block;
    line-height: 45px;
    padding: 0 20px;
    width: 100%;
    font-family: MontserratLight, sans-serif
}
ul.inbox-nav li a:focus,
ul.inbox-nav li a:hover {
    background: #eef1f6;
    color: #6a6a6a
}
ul.inbox-nav li a i {
    color: #6a6a6a;
    font-size: 16px;
    padding-right: 10px
}
ul.inbox-nav li a span.label {
    margin-top: 13px
}
ul.inbox-nav li.active a {
    background: #eef1f6;
    color: #6a6a6a
}
.inbox-divider {
    border-bottom: 1px solid #e7e7e7
}
ul.labels-info li {
    margin: 0
}
ul.labels-info li h4 {
    color: #5c5c5e;
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    text-transform: uppercase
}
ul.labels-info li a {
    border-radius: 0;
    color: #6a6a6a;
    font-family: MontserratLight, sans-serif
}
ul.labels-info li a:focus,
ul.labels-info li a:hover {
    background: #eef1f6;
    color: #6a6a6a
}
ul.labels-info li a i {
    padding-right: 10px
}
.nav.nav-pills.nav-stacked.labels-info p {
    color: #9d9f9e;
    font-size: 11px;
    margin-bottom: 0;
    padding: 0 22px
}
.inbox-head {
    background: #eef1f6;
    border-radius: 4px 4px 0 0;
    color: #252525;
    min-height: 80px;
    padding: 20px
}
.inbox-head h3 {
    display: inline-block;
    font-weight: 300;
    margin: 0;
    padding-top: 6px
}
.inbox-head .sr-input {
    border: none;
    border-radius: 4px 0 0 4px;
    box-shadow: none;
    color: #8a8a8a;
    float: left;
    height: 40px;
    padding: 0 10px
}
.inbox-head .sr-btn {
    background: #fff;
    border: none;
    border-radius: 0 4px 4px 0;
    color: #252525;
    height: 40px;
    padding: 0 20px
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: visible;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-inbox {
    border: 1px solid #e7e7e7;
    margin-bottom: 0
}
.table-inbox tr td {
    padding: 12px!important
}
.table-inbox tr td:hover {
    cursor: pointer
}
.table-inbox tr td .ti-star.inbox-started {
    color: #f39c12
}
.table-inbox tr td .ti-star {
    color: #d5d5d5
}
.table-inbox tr td .ti-star:hover {
    color: #f39c12
}
.table-inbox tr.unread td {
    background: #eef1f6
}
ul.inbox-pagination {
    float: right
}
ul.inbox-pagination li {
    float: left
}
.mail-option {
    display: inline-block;
    margin: 26px 0;
    width: 100%;
    font-size: 12px
}
.mail-option .chk-all {
    margin-right: 5px;
    background: #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px!important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 16px
}
.mail-option .chk-all input[type=checkbox] {
    margin-top: 0
}
.mail-option .btn-group {
    margin-right: 5px
}
.mail-option .btn-group a.btn {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 3px!important;
    font-family: MontserratLight, sans-serif;
    color: #252525;
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px
}
.mail-option .btn-group a.all {
    border: none;
    padding: 0;
    margin-left: 5px
}
.mail-option .btn-group i {
    margin-left: 5px
}
.mail-option .card-option-dropdown {
    left: 0;
    right: auto
}
.inbox-pagination a.np-btn {
    background: #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px!important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 15px;
    margin-left: 5px
}
.inbox-pagination li span {
    display: inline-block;
    margin-right: 5px;
    margin-top: 7px
}
.fileinput-button {
    background: #eee;
    border: 1px solid #e6e6e6;
    float: left;
    margin-right: 4px;
    overflow: hidden;
    position: relative
}
.fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0) scale(4)
}
.modal-header h4.modal-title {
    font-weight: 300
}
.modal-body label {
    font-weight: 400
}
.heading-inbox h4 {
    border-bottom: 1px solid #ddd;
    color: #444;
    font-size: 18px;
    margin-top: 20px;
    padding-bottom: 10px
}
.sender-info {
    margin-bottom: 20px
}
.sender-info img {
    height: 30px;
    width: 30px
}
.sender-dropdown {
    background: #eaeaea;
    color: #777;
    font-size: 10px;
    padding: 0 3px
}
.view-mail a {
    color: #e74c3c
}
.attachment-mail {
    margin-top: 30px
}
.attachment-mail ul {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%
}
.attachment-mail ul li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 150px
}
.attachment-mail ul li img {
    width: 100%
}
.attachment-mail ul li span {
    float: right
}
.attachment-mail .file-name {
    float: left
}
.attachment-mail .links {
    display: inline-block;
    width: 100%
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
    margin-bottom: 5px
}
.files .progress {
    width: 200px
}
.fileupload-processing .fileupload-loading {
    display: block
}
.mail-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%
}
.mail-box aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top
}
.mail-box .sm-side {
    background: #fff;
    border-radius: 4px 0 0 4px;
    width: 25%
}
.mail-box .sm-side .user-head {
    background: #fff;
    border-radius: 4px 0 0;
    color: #252525;
    min-height: 80px;
    padding: 10px
}
.mail-box .lg-side {
    background: #fff;
    border-radius: 0 4px 4px 0;
    width: 75%
}
.user-head .inbox-avatar {
    float: left;
    width: 65px
}
.user-head .inbox-avatar img {
    border-radius: 100px;
    height: 65px;
    width: 65px;
}
.user-head .user-name {
    display: inline-block;
    margin: 0 0 0 10px
}
.user-head .user-name h5 {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 15px
}
.user-head .user-name h5 a {
    color: #252525
}
.user-head .user-name span a {
    color: #252525;
    font-size: 12px
}
a.mail-dropdown {
    background: #80d3d9;
    border-radius: 2px;
    color: #01a7b3;
    font-size: 10px;
    margin-top: 20px;
    padding: 3px 5px
}
.inbox-body {
    padding: 20px 0
}
.inbox-body .modal .modal-body input,
.inbox-body .modal .modal-body textarea {
    border: 1px solid #e6e6e6;
    box-shadow: none
}
.btn-compose {
    background: #03a9f5;
    color: #fff;
    padding: 12px 0;
    text-align: center;
    width: 70%
}
.btn-compose.active,
.btn-compose:focus,
.btn-compose:hover {
    background: #03a9f5;
    color: #fff
}
ul.inbox-nav {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%
}
ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    width: 100%
}
ul.inbox-nav li a {
    color: #6a6a6a;
    display: inline-block;
    line-height: 45px;
    padding: 0 20px;
    width: 100%;
    font-family: MontserratLight, sans-serif
}
ul.inbox-nav li a:focus,
ul.inbox-nav li a:hover {
    background: #eef1f6;
    color: #6a6a6a
}
ul.inbox-nav li a i {
    color: #6a6a6a;
    font-size: 16px;
    padding-right: 10px
}
ul.inbox-nav li a span.label {
    margin-top: 13px
}
ul.inbox-nav li.active a {
    background: #eef1f6;
    color: #6a6a6a
}
.inbox-divider {
    border-bottom: 1px solid #e7e7e7
}
ul.labels-info li {
    margin: 0
}
ul.labels-info li h4 {
    color: #5c5c5e;
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    text-transform: uppercase
}
ul.labels-info li a {
    border-radius: 0;
    color: #6a6a6a;
    font-family: MontserratLight, sans-serif
}
ul.labels-info li a:focus,
ul.labels-info li a:hover {
    background: #eef1f6;
    color: #6a6a6a
}
ul.labels-info li a i {
    padding-right: 10px
}
.nav.nav-pills.nav-stacked.labels-info p {
    color: #9d9f9e;
    font-size: 11px;
    margin-bottom: 0;
    padding: 0 22px
}
.inbox-head {
    background: #eef1f6;
    border-radius: 4px 4px 0 0;
    color: #252525;
    min-height: 80px;
    padding: 20px
}
.inbox-head h3 {
    display: inline-block;
    font-weight: 300;
    margin: 0;
    padding-top: 6px
}
.inbox-head .sr-input {
    border: none;
    border-radius: 4px 0 0 4px;
    box-shadow: none;
    color: #8a8a8a;
    float: left;
    height: 40px;
    padding: 0 10px
}
.inbox-head .sr-btn {
    background: #fff;
    border: none;
    border-radius: 0 4px 4px 0;
    color: #252525;
    height: 40px;
    padding: 0 20px
}
/*=============================================
=      25-  MAILINVOICE           =
=============================================*/

#invoice {
    position: relative;
    margin-bottom: 120px;
    background: #fff;
    padding: 30px;
    box-shadow: -3px 4px 5px rgba(0, 0, 0, 0.25);
}
#invoice-table {
    border-bottom: 1px solid #e7e7e7;
    padding: 30px 0
}
#invoice-mid,
#invoice-top {
    min-height: 120px
}
#invoice-bot {
    min-height: 250px
}
.invoice-logo {
    float: left;
    height: 80px;
    width: 80px;
    background: url(../../../assets/logo.png) no-repeat;
    background-size: 60px 60px
}
.clientlogo {
    float: left;
    height: 60px;
    width: 60px;
    background: url(../../../assets/avatar.jpg) no-repeat;
    background-size: 60px 60px;
    border-radius: 50px
}
.invoice-info {
    display: block;
    float: left;
}
.invoice-info h2 {
    color: #252525;
    font-size: 16px;
    font-weight: 700;
}
.invoice-info p {
    font-size: 12px
}
.title {
    float: right
}
.title h4 {
    color: #252525;
    text-align: right
}
.title p {
    text-align: right;
    font-size: 12px
}
#project {
    margin-left: 52%
}
#project p {
    font-size: 12px
}
#invoice-table h2 {
    font-size: 18px
}
.tabletitle {
    padding: 5px;
    background: #e7e7e7
}
.service {
    border: 1px solid #e7e7e7
}
.table-item {
    width: 50%
}
.itemtext {
    font-size: .9em
}
#legalcopy {
    margin-top: 30px
}
#legalcopy p {
    font-size: 12px
}
.effect2 {
    position: relative
}
.effect2:after,
.effect2:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}
.effect2:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto
}
.legal {
    width: 70%
}
@media (max-width: 480px) {
    .control-bar {
        padding: 15px 15px 40px
    }
}
@media (max-width: 360px) {
    .notaxrelated {
        margin-top: 15px
    }
}
/*invoice*/

.invoice-list {
    margin-bottom: 30px;
}
.invoice-list h4 {
    font-weight: 300;
    font-size: 16px;
}
.invoice-block {
    text-align: right;
}
.invoice-paid {
    color: #4cd964;
}
ul.amounts li {
    background: #f5f5f5;
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: 300;
}
.invoice-btn a {
    font-weight: 300;
    margin: 0 5px;
    font-size: 16px;
}
.company-logo {
    margin: 30px;
}
/*==============================
=       26     BADGET            =
==============================*/

.badge {
    padding: 5px 10px;
    font-weight: 400;
    border-radius: 4px
}
.badge-primary {
    background: #03a9f5;
    color: #fff
}
.badge-success {
    background: #1de9b6;
    color: #fff
}
.badge-info {
    background: #03a9f4;
    color: #fff
}
.badge-warning {
    background: #f39c12;
    color: #fff
}
.badge-danger {
    background: #e74c3c;
    color: #fff
}
.badge-pink {
    background: #e6a1f2;
    color: #fff
}
.badge-dark {
    background: #545454;
    color: #fff
}
.badge {
    padding: 5px 10px;
    font-weight: 400;
    border-radius: 4px
}
.badge-primary {
    background: #03a9f5;
    color: #fff
}
.badge-success {
    background: #1de9b6;
    color: #fff
}
.badge-info {
    background: #03a9f4;
    color: #fff
}
.badge-warning {
    background: #f39c12;
    color: #fff
}
.badge-danger {
    background: #e74c3c;
    color: #fff
}
.badge-pink {
    background: #e6a1f2;
    color: #fff
}
.badge-dark {
    background: #545454;
    color: #fff
}
/*=============================
=      27      PANEL            =
=============================*/

.panel-content {
    padding: 10px;
}
.panel {
    border: 1px solid #eee;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 30px;
}
.panel .panel-heading {
    line-height: 34px;
    padding: 0 15px;
    min-height: 34px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
}
.panel .panel-heading .panel-title {
    line-height: 40px;
}
.panel .panel-heading i {
    width: 30px;
    display: inline-block;
    font-size: 14px;
    border-right: 1px solid #e6e6e6;
}
.panel .panel-heading ul li {
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.panel .panel-heading h2 {
    height: 100%;
    width: auto;
    display: inline-block;
    font-size: 14px;
    position: relative;
    margin: 0;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 0;
}
.panel .panel-heading .panel-actions {
    float: right;
    margin-right: -15px;
    height: 40px;
    font-size: 0;
}
.panel .panel-heading .panel-actions i {
    display: inline-block;
    text-align: center;
    width: 34px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    text-decoration: none;
    font-size: 14px;
}
.panel .panel-heading .panel-actions a {
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    line-height: 32px;
    padding: 0;
    margin: 0;
    color: #333;
    border-left: 1px solid rgba(0, 0, 0, .09);
}
.panel-actions .btn-setting:hover,
.panel-actions .btn-minimize:hover,
.panel-actions .btn-close:hover {
    background-color: rgba(0, 0, 0, .05);
}
.panel .panel-heading .switch {
    margin: 10px;
}
.panel .panel-body {
    border-width: 1px 1px 2px;
    border-style: solid;
    border-top: none;
    border-right-color: #ccc!important;
    border-bottom-color: #ccc!important;
    border-left-color: #ccc!important;
}
.panel .panel-body-map {
    border-width: 1px 1px 2px;
    border-style: solid;
    background: #eef3f7;
    height: 380px;
    border-top: none;
    border-right-color: #ccc!important;
    border-bottom-color: #ccc!important;
    border-left-color: #ccc!important;
}
.panel .panel-body.no-padding {
    padding: 0;
}
.panel .panel-body.padding-horizontal {
    padding: 0 15px;
}
.panel .panel-body.no-padding-bottom {
    padding-bottom: 0;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.panel .panel-footer {
    border-width: 0 1px 2px 1px;
    border-style: solid;
    border-top: none;
    border-right-color: #ccc!important;
    border-bottom-color: #ccc!important;
    border-left-color: #ccc!important;
    position: relative;
}
.panel.panel-default {
    border-radius: 0px;
    border-top: 1px solid #d4d4d4;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
}
.panel.panel-default.panel-heading {
    background: #97d3c5;
}
.panel.panel-default .panel-footer {
    background: #f5f5f5;
}
.panel.panel-primary {
    border-color: #20a8d8;
}
.panel.panel-primary .panel-heading,
.panel.panel-primary .panel-footer {
    background: #5dc3e7;
    color: #092f3d;
    border-color: #20a8d8;
}
.panel.panel-success {
    border-color: #79c447;
}
.panel.panel-success .panel-heading,
.panel.panel-success .panel-footer {
    background: #a3d781;
    color: #284315;
    border-color: #79c447;
}
.panel.panel-info {
    border-color: #67c2ef;
}
.panel.panel-info .panel-heading,
.panel.panel-info .panel-footer {
    background: #acdef6;
    color: #106894;
    border-color: #67c2ef;
}
.panel.panel-warning {
    border-color: #fabb3d;
}
.panel.panel-warning .panel-heading,
.panel.panel-warning .panel-footer {
    background: #fcd588;
    color: #815703;
    border-color: #fabb3d;
}
.panel.panel-danger {
    border-color: #ff5454;
}
.panel.panel-danger .panel-heading,
.panel.panel-danger .panel-footer {
    background: #ffa1a1;
    color: #a10000;
    border-color: #ff5454;
    margin-left: 20px
}
/*====================================
=       28     MAIL PROFILE            =
====================================*/

.img-responsive-profile {
    border-radius: 100px;
    height: 65px;
    width: 65px;
}
.user-skill h4,
.user-work h4 {
    font-size: 14px;
    position: relative;
    margin-bottom: 15px;
    padding: 5px 0;
    border-bottom: 1px solid #e7e7e7;
    font-family: MontserratLight, sans-serif
}
.work-content {
    margin-bottom: 15px
}
.work-content h3 {
    font-size: 15px;
    margin-bottom: 5px
}
.user-skill li a {
    line-height: 25px
}
.user-profile-name {
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    padding: 0 15px
}
.user-Location {
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    font-family: MontserratLight, sans-serif
}
.user-Location i {
    font-size: 14px
}
.user-job-title {
    font-size: 14px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: #03a9f5
}
.ratings h4 {
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 15px
}
.ratings span {
    margin-right: 10px
}
.rating-star {
    margin-bottom: 10px;
    padding-left: 15px
}
.user-send-message {
    margin-top: 15px;
    padding-left: 15px
}
.user-profile-tab {
    margin-top: 15px;
    padding: 0 15px
}
.user-profile-tab li a {
    padding: 7px 40px 7px 0
}
.basic-information,
.contact-information {
    margin: 10px 0
}
.basic-information h4,
.contact-information h4 {
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 15px;
    font-family: MontserratLight, sans-serif
}
.contact-title {
    display: inline-block;
    padding-bottom: 15px;
    width: 170px;
    font-size: 16px;
    color: #252525
}
.birth-date,
.contact-email,
.contact-skype,
.contact-website,
.gender,
.mail-address,
.phone-number {
    font-family: MontserratLight, sans-serif;
    font-size: 16px;
    color: #252525
}
.profile-widget {
    margin: 8px 0;
    text-align: center
}
.profile-widget .stat-text {
    padding-bottom: 6px
}


/*=============================
=            PANEL            =
=============================*/

.panel-content {
    padding: 10px;
}
.panel {
    border:1px solid #eee;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 30px;
}
.panel .panel-heading {
    line-height: 34px;
    padding: 0 15px;
    min-height: 34px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
}
.panel .panel-heading .panel-title {
    line-height: 40px;
}
.panel .panel-heading i {
    width: 30px;
    display: inline-block;
    font-size: 14px;
    border-right: 1px solid #e6e6e6;
}
.panel .panel-heading ul li {
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.panel .panel-heading h2 {
    height: 100%;
    width: auto;
    display: inline-block;
    font-size: 14px;
    position: relative;
    margin: 0;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 0;
}
.panel .panel-heading .panel-actions {
    float: right;
    margin-right: -15px;
    height: 40px;
    font-size: 0;
}
.panel .panel-heading .panel-actions i {
    display: inline-block;
    text-align: center;
    width: 34px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    text-decoration: none;
    font-size: 14px;
}
.panel .panel-heading .panel-actions a {
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    line-height: 32px;
    padding: 0;
    margin: 0;
    color: #333;
    border-left: 1px solid rgba(0, 0, 0, .09);
}
.panel-actions .btn-setting:hover,
.panel-actions .btn-minimize:hover,
.panel-actions .btn-close:hover {
    background-color: rgba(0, 0, 0, .05);
}
.panel .panel-heading .switch {
    margin: 10px;
}
.panel .panel-body {
    border-width: 1px 1px 2px;
    border-style: solid;
    border-top: none;
    border-right-color: #ccc!important;
    border-bottom-color: #ccc!important;
    border-left-color: #ccc!important;
}
.panel .panel-body-map {
    border-width: 1px 1px 2px;
    border-style: solid;
    background: #eef3f7;
    height: 380px;
    border-top: none;
    border-right-color: #ccc!important;
    border-bottom-color: #ccc!important;
    border-left-color: #ccc!important;
}
.panel .panel-body.no-padding {
    padding: 0;
}
.panel .panel-body.padding-horizontal {
    padding: 0 15px;
}
.panel .panel-body.no-padding-bottom {
    padding-bottom: 0;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.panel .panel-footer {
    border-width: 0 1px 2px 1px;
    border-style: solid;
    border-top: none;
    border-right-color: #ccc!important;
    border-bottom-color: #ccc!important;
    border-left-color: #ccc!important;
    position: relative;
}
.panel.panel-default {
    border-radius: 0px;

    border-top: 1px solid #d4d4d4;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
}

}
.panel.panel-default.panel-heading {
    background: #97d3c5;
}
.panel.panel-default .panel-footer {
    background: #f5f5f5;
}
.panel.panel-primary {
    border-color: #20a8d8;
}
.panel.panel-primary .panel-heading,
.panel.panel-primary .panel-footer {
    background: #5dc3e7;
    color: #092f3d;
    border-color: #20a8d8;
}
.panel.panel-success {
    border-color: #79c447;
}
.panel.panel-success .panel-heading,
.panel.panel-success .panel-footer {
    background: #a3d781;
    color: #284315;
    border-color: #79c447;
}
.panel.panel-info {
    border-color: #67c2ef;
}
.panel.panel-info .panel-heading,
.panel.panel-info .panel-footer {
    background: #acdef6;
    color: #106894;
    border-color: #67c2ef;
}
.panel.panel-warning {
    border-color: #fabb3d;
}
.panel.panel-warning .panel-heading,
.panel.panel-warning .panel-footer {
    background: #fcd588;
    color: #815703;
    border-color: #fabb3d;
}
.panel.panel-danger {
    border-color: #ff5454;
}
.panel.panel-danger .panel-heading,
.panel.panel-danger .panel-footer {
    background: #ffa1a1;
    color: #a10000;
    border-color: #ff5454;
}
    margin-left: 20px
}
.invoice-info h2 {
    color: #252525;
    font-size: 16px;
    font-weight:700;
}
.invoice-info p {
    font-size: 12px
}
.title {
    float: right
}
.title h4 {
    color: #252525;
    text-align: right
}
.title p {
    text-align: right;
    font-size: 12px
}
#project {
    margin-left: 52%
}
#project p {
    font-size: 12px
}
#invoice-table h2 {
    font-size: 18px
}
.tabletitle {
    padding: 5px;
    background: #e7e7e7
}
.service {
    border: 1px solid #e7e7e7
}
.table-item {
    width: 50%
}
.itemtext {
    font-size: .9em
}
#legalcopy {
    margin-top: 30px
}
#legalcopy p {
    font-size: 12px
}
.effect2 {
    position: relative
}
.effect2:after, .effect2:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}
.effect2:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto
}
.legal {
    width: 70%
}
@media (max-width:480px) {
    .control-bar {
        padding: 15px 15px 40px
    }
}
@media (max-width:360px) {
    .notaxrelated {
        margin-top: 15px
    }
}

/*invoice*/
.invoice-list {
    margin-bottom: 30px;
}
.invoice-list h4 {
    font-weight: 300;
    font-size: 16px;
}
.invoice-block {
    text-align: right;
}
.invoice-paid {
    color: #4cd964;
}
ul.amounts li {
    background: #f5f5f5;
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: 300;
}
.invoice-btn a {
    font-weight: 300;
    margin: 0 5px;
    font-size: 16px;
}
.company-logo {
    margin: 30px;
}/*----------  MAILPROFILE  ----------*/
.img-responsive-profile{
    border-radius: 100px;
    height: 65px;
    width: 65px;
}
.user-skill h4, .user-work h4 {
    font-size: 14px;
    position: relative;
    margin-bottom: 15px;
    padding: 5px 0;
    border-bottom: 1px solid #e7e7e7;
    font-family: MontserratLight, sans-serif
}
.work-content {
    margin-bottom: 15px
}
.work-content h3 {
    font-size: 15px;
    margin-bottom: 5px
}
.user-skill li a {
    line-height: 25px
}
.user-profile-name {
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    padding: 0 15px
}
.user-Location {
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    font-family: MontserratLight, sans-serif
}
.user-Location i {
    font-size: 14px
}
.user-job-title {
    font-size: 14px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: #03a9f5
}
.ratings h4 {
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 15px
}
.ratings span {
    margin-right: 10px
}
.rating-star {
    margin-bottom: 10px;
    padding-left: 15px
}
.user-send-message {
    margin-top: 15px;
    padding-left: 15px
}
.user-profile-tab {
    margin-top: 15px;
    padding: 0 15px
}
.user-profile-tab li a {
    padding: 7px 40px 7px 0
}
.basic-information, .contact-information {
    margin: 10px 0
}
.basic-information h4, .contact-information h4 {
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 15px;
    font-family: MontserratLight, sans-serif
}
.contact-title {
    display: inline-block;
    padding-bottom: 15px;
    width: 170px;
    font-size: 16px;
    color: #252525
}
.birth-date, .contact-email, .contact-skype, .contact-website, .gender, .mail-address, .phone-number {
    font-family: MontserratLight, sans-serif;
    font-size: 16px;
    color: #252525
}
.profile-widget {
    margin: 8px 0;
    text-align: center
}
.profile-widget .stat-text {
    padding-bottom: 6px
}
.timeline {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

.timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 31px;
    margin: 0;
    border-radius: 2px;
}

.timeline > li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li > .timeline-item {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left: 60px;
    margin-right: 15px;
    padding: 0;
    position: relative;
}

.timeline > li > .timeline-item > .time {
    color: #999;
    float: right;
    padding: 10px;
    font-size: 12px;
}

.timeline > li > .timeline-item > .timeline-header {
    margin: 0;
    color: #555;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    font-size: 16px;
    line-height: 1.1;
}

.timeline > li > .timeline-item > .timeline-header > a {
    font-weight: 600;
}

.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {
    padding: 10px;
}

.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0;
}

.timeline > .time-label > span {
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
}

.timeline-inverse > li > .timeline-item {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.timeline-inverse > li > .timeline-item > .timeline-header {
    border-bottom-color: #ddd;
}


/* .social-box

=================================================================== */

.social-box {

  min-height: 158px;

  background: white;

  margin-bottom: 30px;

  text-align: center;

}

.social-box i {

  display: block;

  font-size: 40px;

  line-height: 90px;

  background: #f5f5f5;

}

.social-box ul {

  list-style: none;

  padding: 10px 0;

}

.social-box ul li {

  display: block;

  width: 50%;

  float: left;

}

.social-box ul li:first-child {

  border-right: 1px solid #f5f5f5;

}

.social-box ul li strong {

  display: block;

  font-size: 20px;

}

.social-box ul li span {

  color: #d4d4d4;

  font-weight: 500;

  text-transform: uppercase;

  font-size: 10px;

}

.social-box.facebook i {

  background: #3b5998;

  color: white;

  margin: -1px -1px 1px -1px;

}

.social-box.twitter i {

  background: #00aced;

  color: white;

  margin: -1px -1px 1px -1px;

}

.social-box.linkedin i {

  background: #4875b4;

  color: white;

  margin: -1px -1px 1px -1px;

}

.social-box.google-plus i {

  background: #d34836;

  color: white;

  margin: -1px -1px 1px -1px;

}
.social-box.instagram i {

 background: -webkit-linear-gradient(-25deg, #7352ff, #ff2d68);
  background: -moz-linear-gradient(-25deg, #7352ff, #ff2d68);

  color: white;

  margin: -1px -1px 1px -1px;

}
/*================================
=          29  TIMELINE            =


/*=============================
=            PANEL            =
=============================*/

.panel-content {
    padding: 10px;
}
.panel {
    border:1px solid #eee;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 30px;
}
.panel .panel-heading {
    line-height: 34px;
    padding: 0 15px;
    min-height: 34px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
}
.panel .panel-heading .panel-title {
    line-height: 40px;
}
.panel .panel-heading i {
    width: 30px;
    display: inline-block;
    font-size: 14px;
    border-right: 1px solid #e6e6e6;
}
.panel .panel-heading ul li {
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.panel .panel-heading h2 {
    height: 100%;
    width: auto;
    display: inline-block;
    font-size: 14px;
    position: relative;
    margin: 0;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 0;
}
.panel .panel-heading .panel-actions {
    float: right;
    margin-right: -15px;
    height: 40px;
    font-size: 0;
}
.panel .panel-heading .panel-actions i {
    display: inline-block;
    text-align: center;
    width: 34px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    text-decoration: none;
    font-size: 14px;
}
.panel .panel-heading .panel-actions a {
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    line-height: 32px;
    padding: 0;
    margin: 0;
    color: #333;
    border-left: 1px solid rgba(0, 0, 0, .09);
}
.panel-actions .btn-setting:hover,
.panel-actions .btn-minimize:hover,
.panel-actions .btn-close:hover {
    background-color: rgba(0, 0, 0, .05);
}
.panel .panel-heading .switch {
    margin: 10px;
}
.panel .panel-body {
    border-width: 1px 1px 2px;
    border-style: solid;
    border-top: none;
    border-right-color: #ccc!important;
    border-bottom-color: #ccc!important;
    border-left-color: #ccc!important;
}
.panel .panel-body-map {
    border-width: 1px 1px 2px;
    border-style: solid;
    background: #eef3f7;
    height: 380px;
    border-top: none;
    border-right-color: #ccc!important;
    border-bottom-color: #ccc!important;
    border-left-color: #ccc!important;
}
.panel .panel-body.no-padding {
    padding: 0;
}
.panel .panel-body.padding-horizontal {
    padding: 0 15px;
}
.panel .panel-body.no-padding-bottom {
    padding-bottom: 0;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.panel .panel-footer {
    border-width: 0 1px 2px 1px;
    border-style: solid;
    border-top: none;
    border-right-color: #ccc!important;
    border-bottom-color: #ccc!important;
    border-left-color: #ccc!important;
    position: relative;
}
.panel.panel-default {
    border-radius: 0px;

    border-top: 1px solid #d4d4d4;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
}

}
.panel.panel-default.panel-heading {
    background: #97d3c5;
}
.panel.panel-default .panel-footer {
    background: #f5f5f5;
}
.panel.panel-primary {
    border-color: #20a8d8;
}
.panel.panel-primary .panel-heading,
.panel.panel-primary .panel-footer {
    background: #5dc3e7;
    color: #092f3d;
    border-color: #20a8d8;
}
.panel.panel-success {
    border-color: #79c447;
}
.panel.panel-success .panel-heading,
.panel.panel-success .panel-footer {
    background: #a3d781;
    color: #284315;
    border-color: #79c447;
}
.panel.panel-info {
    border-color: #67c2ef;
}
.panel.panel-info .panel-heading,
.panel.panel-info .panel-footer {
    background: #acdef6;
    color: #106894;
    border-color: #67c2ef;
}
.panel.panel-warning {
    border-color: #fabb3d;
}
.panel.panel-warning .panel-heading,
.panel.panel-warning .panel-footer {
    background: #fcd588;
    color: #815703;
    border-color: #fabb3d;
}
.panel.panel-danger {
    border-color: #ff5454;
}
.panel.panel-danger .panel-heading,
.panel.panel-danger .panel-footer {
    background: #ffa1a1;
    color: #a10000;
    border-color: #ff5454;
}
    margin-left: 20px
}
.invoice-info h2 {
    color: #252525;
    font-size: 16px;
    font-weight:700;
}
.invoice-info p {
    font-size: 12px
}
.title {
    float: right
}
.title h4 {
    color: #252525;
    text-align: right
}
.title p {
    text-align: right;
    font-size: 12px
}
#project {
    margin-left: 52%
}
#project p {
    font-size: 12px
}
#invoice-table h2 {
    font-size: 18px
}
.tabletitle {
    padding: 5px;
    background: #e7e7e7
}
.service {
    border: 1px solid #e7e7e7
}
.table-item {
    width: 50%
}
.itemtext {
    font-size: .9em
}
#legalcopy {
    margin-top: 30px
}
#legalcopy p {
    font-size: 12px
}
.effect2 {
    position: relative
}
.effect2:after, .effect2:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}
.effect2:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto
}
.legal {
    width: 70%
}
@media (max-width:480px) {
    .control-bar {
        padding: 15px 15px 40px
    }
}
@media (max-width:360px) {
    .notaxrelated {
        margin-top: 15px
    }
}

/*invoice*/
.invoice-list {
    margin-bottom: 30px;
}
.invoice-list h4 {
    font-weight: 300;
    font-size: 16px;
}
.invoice-block {
    text-align: right;
}
.invoice-paid {
    color: #4cd964;
}
ul.amounts li {
    background: #f5f5f5;
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: 300;
}
.invoice-btn a {
    font-weight: 300;
    margin: 0 5px;
    font-size: 16px;
}
.company-logo {
    margin: 30px;
}/*----------  MAILPROFILE  ----------*/
.img-responsive-profile{
    border-radius: 100px;
    height: 65px;
    width: 65px;
}
.user-skill h4, .user-work h4 {
    font-size: 14px;
    position: relative;
    margin-bottom: 15px;
    padding: 5px 0;
    border-bottom: 1px solid #e7e7e7;
    font-family: MontserratLight, sans-serif
}
.work-content {
    margin-bottom: 15px
}
.work-content h3 {
    font-size: 15px;
    margin-bottom: 5px
}
.user-skill li a {
    line-height: 25px
}
.user-profile-name {
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    padding: 0 15px
}
.user-Location {
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    font-family: MontserratLight, sans-serif
}
.user-Location i {
    font-size: 14px
}
.user-job-title {
    font-size: 14px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: #03a9f5
}
.ratings h4 {
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 15px
}
.ratings span {
    margin-right: 10px
}
.rating-star {
    margin-bottom: 10px;
    padding-left: 15px
}
.user-send-message {
    margin-top: 15px;
    padding-left: 15px
}
.user-profile-tab {
    margin-top: 15px;
    padding: 0 15px
}
.user-profile-tab li a {
    padding: 7px 40px 7px 0
}
.basic-information, .contact-information {
    margin: 10px 0
}
.basic-information h4, .contact-information h4 {
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 15px;
    font-family: MontserratLight, sans-serif
}
.contact-title {
    display: inline-block;
    padding-bottom: 15px;
    width: 170px;
    font-size: 16px;
    color: #252525
}
.birth-date, .contact-email, .contact-skype, .contact-website, .gender, .mail-address, .phone-number {
    font-family: MontserratLight, sans-serif;
    font-size: 16px;
    color: #252525
}
.profile-widget {
    margin: 8px 0;
    text-align: center
}
.profile-widget .stat-text {
    padding-bottom: 6px
}
.timeline {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

.timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 31px;
    margin: 0;
    border-radius: 2px;
}

.timeline > li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li > .timeline-item {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left: 60px;
    margin-right: 15px;
    padding: 0;
    position: relative;
}

.timeline > li > .timeline-item > .time {
    color: #999;
    float: right;
    padding: 10px;
    font-size: 12px;
}

.timeline > li > .timeline-item > .timeline-header {
    margin: 0;
    color: #555;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    font-size: 16px;
    line-height: 1.1;
}

.timeline > li > .timeline-item > .timeline-header > a {
    font-weight: 600;
}

.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {
    padding: 10px;
}

.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0;
}

.timeline > .time-label > span {
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
}

.timeline-inverse > li > .timeline-item {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.timeline-inverse > li > .timeline-item > .timeline-header {
    border-bottom-color: #ddd;
}


/* .social-box

=================================================================== */

.social-box {

  min-height: 158px;

  background: white;

  margin-bottom: 30px;

  text-align: center;

}

.social-box i {

  display: block;

  font-size: 40px;

  line-height: 90px;

  background: #f5f5f5;

}

.social-box ul {

  list-style: none;

  padding: 10px 0;

}

.social-box ul li {

  display: block;

  width: 50%;

  float: left;

}

.social-box ul li:first-child {

  border-right: 1px solid #f5f5f5;

}

.social-box ul li strong {

  display: block;

  font-size: 20px;

}

.social-box ul li span {

  color: #d4d4d4;

  font-weight: 500;

  text-transform: uppercase;

  font-size: 10px;

}

.social-box.facebook i {

  background: #3b5998;

  color: white;

  margin: -1px -1px 1px -1px;

}

.social-box.twitter i {

  background: #00aced;

  color: white;

  margin: -1px -1px 1px -1px;

}

.social-box.linkedin i {

  background: #4875b4;

  color: white;

  margin: -1px -1px 1px -1px;

}

.social-box.google-plus i {

  background: #d34836;

  color: white;

  margin: -1px -1px 1px -1px;

}
.social-box.instagram i {

 background: -webkit-linear-gradient(-25deg, #7352ff, #ff2d68);
  background: -moz-linear-gradient(-25deg, #7352ff, #ff2d68);

  color: white;

  margin: -1px -1px 1px -1px;

}================================*/

.timeline {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}
.timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 31px;
    margin: 0;
    border-radius: 2px;
}
.timeline>li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px;
}
.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}
.timeline>li:after {
    clear: both;
}
.timeline>li>.timeline-item {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left: 60px;
    margin-right: 15px;
    padding: 0;
    position: relative;
}
.timeline>li>.timeline-item>.time {
    color: #999;
    float: right;
    padding: 10px;
    font-size: 12px;
}
.timeline>li>.timeline-item>.timeline-header {
    margin: 0;
    color: #555;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    font-size: 16px;
    line-height: 1.1;
}
.timeline>li>.timeline-item>.timeline-header>a {
    font-weight: 600;
}
.timeline>li>.timeline-item>.timeline-body,
.timeline>li>.timeline-item>.timeline-footer {
    padding: 10px;
}
.timeline>li>.fa,
.timeline>li>.glyphicon,
.timeline>li>.ion {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0;
}
.timeline>.time-label>span {
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
}
.timeline-inverse>li>.timeline-item {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.timeline-inverse>li>.timeline-item>.timeline-header {
    border-bottom-color: #ddd;
}
.timeline {
    list-style: none;
    padding: 20px 0 8px;
    position: relative
}
.timeline:before {
    top: 20px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #e7e7e7;
    left: 25px;
    margin-right: -1.5px
}
.timeline-title {
    margin: 10px 0!important
}
.timeline>li {
    margin-bottom: 5px;
    position: relative
}
.timeline>li:after,
.timeline>li:before {
    content: " ";
    display: table
}
.timeline>li:after {
    clear: both
}
.timeline>li>.timeline-panel {
    width: calc(100% - 70px);
    float: right;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    padding: 5px 20px;
    position: relative
}
.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    left: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-right: 15px solid #e7e7e7;
    border-left: 0 solid #e7e7e7;
    border-bottom: 15px solid transparent;
    content: " "
}
.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    left: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-right: 14px solid #fff;
    border-left: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " "
}
.timeline>li>.timeline-badge {
    color: #fff;
    width: 55px;
    height: 55px;
    line-height: 35px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 15px;
    left: 8px;
    padding-top: 5px;
    margin-right: -25px;
    background-color: #ffffff;
    z-index: 100;
    border-radius: 50%
}
.timeline>li>.timeline-badge img {
    width: 35px;
    height: 35px;
}
.timeline-body>p {
    font-size: 12px;
    margin-bottom: 10px
}
.timeline-badge.primary {
    background-color: #ffffff;
    border: 3px solid #03a9f5!important;
}
.timeline-badge.success {
    background-color: #ffffff;
    border: 3px solid #1de9b6!important
}
.timeline-badge.warning {
    background-color: #ffffff;
    border: 3px solid #f39c12!important
}
.timeline-badge.danger {
    background-color: #ffffff;
    border: 3px solid #e74c3c!important
}
.timeline-badge.info {
    background-color: #ffffff;
    border: 3px solid #03a9f4!important
}
/*================================
=           30 CALENDAR            =
================================*/

.fc-button {
    background: #f4f4f4;
    background-image: none;
    color: #444;
    border-color: #ddd;
    border-bottom-color: #ddd;
}
.fc-button:hover,
.fc-button:active,
.fc-button.hover {
    background-color: #e9e9e9;
}
.fc-header-title h2 {
    font-size: 15px;
    line-height: 1.6em;
    color: #666;
    margin-left: 10px;
}
.fc-header-right {
    padding-right: 10px;
}
.fc-header-left {
    padding-left: 10px;
}
.fc-widget-header {
    background: #fafafa;
}
.fc-grid {
    width: 100%;
    border: 0;
}
.fc-widget-header:first-of-type,
.fc-widget-content:first-of-type {
    border-left: 0;
    border-right: 0;
}
.fc-widget-header:last-of-type,
.fc-widget-content:last-of-type {
    border-right: 0;
}
.fc-toolbar {
    padding: 10px;
    margin: 0;
}
.fc-day-number {
    font-size: 20px;
    font-weight: 300;
    padding-right: 10px;
}
.fc-color-picker {
    list-style: none;
    margin: 0;
    padding: 0;
}
.fc-color-picker>li {
    float: left;
    font-size: 30px;
    margin-right: 5px;
    line-height: 30px;
}
.fc-color-picker>li .fa {
    -webkit-transition: -webkit-transform linear 0.3s;
    -moz-transition: -moz-transform linear 0.3s;
    -o-transition: -o-transform linear 0.3s;
    transition: transform linear 0.3s;
}
.fc-color-picker>li .fa:hover {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}
#add-new-event {
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}
.external-event {
    padding: 5px 10px;
    font-weight: 700;
    margin-bottom: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    cursor: move;
}
.external-event:hover {
    box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
}
/*=================================
=            31. ERROR 404            =
=================================*/
.page-content{
    min-height: calc(100vh - 110px)
}
.page-error404 {
    width: 100%;
    height: 700px;
    background: linear-gradient(135deg, #723362, #9d223c);
}
.error-container404 {
    width: 500px;
    margin-top: 10%;
    margin-left: 30%;
}
.error-code404 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 12em;
    line-height: 130px;
    text-align: center;
    font-weight: 700;
    font-family: Helvetica;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}
.error-text404 {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 26px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-weight: 400;
}
.error-subtext404 {
    float: left;
    width: 100%;
    margin: 30px 0px 10px;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    font-weight: 400;
}
.error-container404 .error-actions404 {
    float: left;
    width: 100%;
    margin-top: 10px;
}
/*=================================
=       32     ERROR 505            =
=================================*/

.page-error505 {
    width: 100%;
    height: 700px;
    background: linear-gradient(45deg, rgb(135, 28, 10) 20%, rgb(252, 124, 15) 61%, rgb(253, 121, 20) 100%);
}
.error-container505 {
    width: 500px;
    margin-top: 10%;
    margin-left: 30%;
}
.error-container505 .error-code505 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 12em;
    line-height: 130px;
    text-align: center;
    font-weight: 700;
    font-family: Helvetica;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}
.error-container505 .error-text505 {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 26px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-weight: 400;
}
.error-container505 .error-subtext505 {
    float: left;
    width: 100%;
    margin: 30px 0px 10px;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    font-weight: 400;
}
.error-container505 .error-actions505 {
    float: left;
    width: 100%;
    margin-top: 10px;
}
/*=================================
=       33     DATATABLE            =
=================================*/

.bootstrap-data-table-panel .dataTables_filter {
    text-align: right
}
.bootstrap-data-table-panel .dataTables_filter .form-control {
    margin-left: 10px
}
.bootstrap-data-table-panel .dataTables_filter .form-control:focus,
.bootstrap-data-table-panel .dataTables_filter .form-control:hover {
    background: 0 0
}
.dataTables_length {
    display: inline-block;
    float: left;
    margin-right: 30px
}
.dt-buttons {
    margin-bottom: 15px
}
.dt-buttons .dt-button {
    background: #fff;
    color: #252525;
    border-color: #e7e7e7;
    margin-right: 10px;
    padding: 7px 20px;
    border-radius: 0
}
.dt-buttons .dt-button.active,
.dt-buttons .dt-button:focus,
.dt-buttons .dt-button:hover:not(.disabled) {
    background: #03a9f5;
    color: #fff
}
a.dt-button:hover:not(.disabled),
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled) {
    background-color: #03a9f5;
    background-image: none;
    border: 1px solid #03a9f5;
    box-shadow: none;
    color: #fff
}
a.dt-button:focus:not(.disabled),
button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled) {
    background-color: #03a9f5;
    background-image: none;
    border: 1px solid #03a9f5;
    box-shadow: none;
    color: #fff
}
a.dt-button.active:hover:not(.disabled):not(.disabled),
a.dt-button:active:hover:not(.disabled):not(.disabled),
button.dt-button.active:hover:not(.disabled):not(.disabled),
button.dt-button:active:hover:not(.disabled):not(.disabled),
div.dt-button.active:hover:not(.disabled):not(.disabled),
div.dt-button:active:hover:not(.disabled):not(.disabled) {
    background-color: #03a9f5;
    background-image: none;
    border: 1px solid #03a9f5;
    box-shadow: none;
    color: #fff
}
a.dt-button.active:not(.disabled),
a.dt-button:active:not(.disabled),
button.dt-button.active:not(.disabled),
button.dt-button:active:not(.disabled),
div.dt-button.active:not(.disabled),
div.dt-button:active:not(.disabled) {
    background-color: #03a9f5;
    background-image: none;
    border: 1px solid #03a9f5;
    box-shadow: none;
    color: #fff
}
@media (max-width: 767px) {
    .dataTables_length {
        margin-left: 10px
    }
    select.input-sm {
        width: 167px
    }
    .bootstrap-data-table-panel .dataTables_filter {
        margin-left: 12px;
        text-align: left;
        padding-right: 10px
    }
    .bootstrap-data-table-panel .dataTables_filter .form-control {
        margin-left: 0
    }
}
/*================================
=     34     PROGRESS            =
================================*/

.progress {
    margin-top: 10px;
}
/* size variation */

.progress.sm {
    height: 10px;
    margin-bottom: 5px;
}
.progress.xs {
    height: 7px;
    margin-bottom: 5px;
}
/* Vertical bars */

.progress.vertical {
    position: relative;
    width: 30px;
    height: 200px;
    display: inline-block;
    margin-right: 10px;
}
.progress.vertical>.progress-bar {
    width: 100%!important;
    position: absolute;
    bottom: 0;
}
.progress.vertical.sm {
    width: 20px;
}
.progress.vertical.xs {
    width: 10px;
}
/* Remove margins from progress bars when put in a table */

.table tr>td .progress {
    margin: 0;
    width: 100%;
}
.progress-bar-light-blue,
.progress-bar-primary {
    background-color: #00c4ff;
}
.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-green,
.progress-bar-success {
    background-color: #74d600;
}
.progress-striped .progress-bar-green,
.progress-striped .progress-bar-success {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-aqua,
.progress-bar-info {
    background-color: #26e3ff;
}
.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-yellow,
.progress-bar-warning {
    background-color: #f37735;
}
.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-red,
.progress-bar-danger {
    background-color: #d11141;
}
.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/*===========================
=      35-      TAB            =
===========================*/

.nav {
    border-radius: 0.25rem;
}
.nav.wrap-border {
    border: 1px solid #ddd;
}
.nav.wrap-border li.nav-header {
    margin: 0 0.5rem;
}
.nav.wrap-border li.nav-item,
.nav.wrap-border div {
    padding: 2px 10px;
}
.nav.no-hover-bg .nav-item:hover {
    background-color: transparent;
}
.nav .dropdown .dropdown-item.active {
    background-color: transparent;
    color: #55595c;
}
.nav .dropdown .dropdown-item.active:focus {
    background-color: transparent;
    color: #55595c;
}
.nav.square-border {
    border-radius: 0;
}
.nav.square-border .nav-item .nav-link.active {
    border-radius: 0;
}
.nav .nav-item .nav-link {
    display: block;
}
.nav .dropdown-divider {
    margin: 0.5rem 0;
}
.nav .modern-nav-toggle {
    padding: 20px 0px;
}
.nav.nav-pills .nav-item .nav-link i.float-xs-right:before {
    position: relative;
    top: 7px;
    left: 7px;
}
.nav.nav-pills .nav-item .nav-link .tag.float-xs-right {
    position: relative;
    top: 1px;
    left: 3px;
}
.nav.nav-pills .nav-item .nav-link.dropdown-toggle::after {
    top: -15px;
}
.nav.nav-pills.nav-justified {
    width: 100%;
}
.nav.nav-pills.nav-justified .nav-item {
    float: none;
}
.nav.nav-pills.nav-justified .nav-link {
    text-align: center;
    margin-bottom: 5px;
}
.nav.nav-pills.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}
@media (min-width: 544px) {
    .nav.nav-pills.nav-justified .nav-item {
        display: table-cell;
        width: 1%;
    }
    .nav.nav-pills.nav-justified .nav-link {
        margin-bottom: 0;
    }
}
.nav.nav-pills.nav-justified .nav-link {
    margin-right: 0;
    border-radius: 0.25rem;
}
@media (min-width: 544px) {
    .nav.nav-pills.nav-justified .nav-link.active,
    .nav.nav-pills.nav-justified .nav-link.active:hover,
    .nav.nav-pills.nav-justified .nav-link.active:focus {
        border-bottom-color: transparent;
    }
}
.nav.nav-pills.nav-justified .nav-link.active {
    border: none;
}
.nav.nav-pills.nav-justified .nav-link.active:hover,
.nav.nav-pills.nav-justified .nav-link.active:focus {
    border: none;
}
.nav.nav-pills.nav-pill-bordered .nav-item {
    border: 1px solid #d3d3d3;
    border-radius: 0.25rem;
}
.nav.nav-pills.nav-pill-with-active-bordered .nav-item a.nav-link {
    border: 1px solid #d3d3d3;
    border-radius: 0.25rem;
    background-color: #ffffff;
    color: #55595c;
}
.nav.nav-pills.nav-pill-with-active-bordered .nav-item a.nav-link.active {
    border: 1px solid #00B5B8;
    color: #00B5B8;
}
.nav.nav-pills.nav-active-bordered-pill .nav-item a.nav-link {
    color: #55595c;
}
.nav.nav-pills.nav-active-bordered-pill .nav-item a.nav-link.active {
    border: 1px solid #00B5B8;
    border-radius: 0.25rem;
    color: #00B5B8;
    background-color: #ffffff;
}
.nav.nav-pills.nav-pill-toolbar.nav-stacked .nav-item~.nav-item a.nav-link {
    border-left: 1px solid #d3d3d3;
    border-top: 0;
}
.nav.nav-pills.nav-pill-toolbar.nav-stacked .nav-item:first-child a.nav-link {
    border-radius: 0.25rem 0.25rem 0 0;
}
.nav.nav-pills.nav-pill-toolbar.nav-stacked .nav-item:last-child a.nav-link {
    border-radius: 0 0 0.25rem 0.25rem;
}
.nav.nav-pills.nav-pill-toolbar .nav-item {
    margin-top: 0;
    margin-left: 0;
}
.nav.nav-pills.nav-pill-toolbar .nav-item~.nav-item a.nav-link {
    border-left: 0;
}
.nav.nav-pills.nav-pill-toolbar .nav-item:first-child a.nav-link {
    border-radius: 0.25rem 0 0 0.25rem;
}
.nav.nav-pills.nav-pill-toolbar .nav-item:last-child a.nav-link {
    border-radius: 0 0.25rem 0.25rem 0;
}
.nav.nav-pills.nav-pill-toolbar .nav-item a.nav-link {
    border: 1px solid #d3d3d3;
    border-radius: 0;
}
.nav.nav-tabs .nav-item .nav-link {
    padding: 0.5rem 0.7rem;
    display: block;
}
.nav.nav-tabs .nav-item .nav-link.active {
    background-color: #fff;
    border-radius: 0.25rem 0.25rem 0 0;
}
.nav.nav-tabs .nav-item .nav-link i.float-xs-right {
    margin-left: 0.5rem;
}
.nav.nav-tabs .nav-item .nav-link.dropdown-toggle::after {
    top: -15px;
}
.nav.nav-tabs .nav-item:hover {
    color: #333;
}
.nav.nav-tabs.wrap-border {
    border: 1px solid #ddd;
}
.nav.nav-tabs.no-hover-bg .nav-item:hover {
    background-color: transparent;
}
.nav.nav-tabs .dropdown .dropdown-item.active {
    background-color: transparent;
    color: #55595c;
}
.nav.nav-tabs .dropdown .dropdown-item.active:focus {
    background-color: transparent;
    color: #55595c;
}
.nav.nav-tabs.square-border {
    border-radius: 0;
}
.nav.nav-tabs.square-border .nav-item .nav-link.active {
    border-radius: 0;
}
.nav.nav-tabs.nav-justified {
    width: 100%;
}
.nav.nav-tabs.nav-justified .nav-item {
    float: none;
}
.nav.nav-tabs.nav-justified .nav-link {
    text-align: center;
    margin-bottom: 5px;
}
.nav.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}
@media (min-width: 544px) {
    .nav.nav-tabs.nav-justified .nav-item {
        display: table-cell;
        width: 1%;
    }
    .nav.nav-tabs.nav-justified .nav-link {
        margin-bottom: 0;
    }
}
.nav.nav-tabs.nav-justified .nav-link {
    margin-right: 0;
    border-radius: 0.25rem;
}
@media (min-width: 544px) {
    .nav.nav-tabs.nav-justified .nav-link.active,
    .nav.nav-tabs.nav-justified .nav-link.active:hover,
    .nav.nav-tabs.nav-justified .nav-link.active:focus {
        border-bottom-color: transparent;
    }
}
.nav.nav-tabs.nav-justified .nav-item a.nav-link.active {
    background-color: #fff;
}
.nav.nav-tabs.nav-top-border .nav-item a {
    color: #16D39A;
}
.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active {
    border-top: 3px solid #16D39A;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #555;
}
.nav.nav-tabs.nav-top-border .nav-item a:hover {
    color: #084835;
}
.nav.nav-tabs.nav-topline {
    border-bottom: none;
}
.nav.nav-tabs.nav-topline .nav-item:hover {
    background-color: transparent;
}
.nav.nav-tabs.nav-topline .nav-item:not(:last-child) {
    border-right: none;
}
.nav.nav-tabs.nav-topline .nav-item a {
    border: 1px solid rgba(40, 44, 42, 0.1);
    border-bottom: none;
}
.nav.nav-tabs.nav-topline .nav-item a.nav-link {
    padding: 0.8rem 0.5rem;
    background: rgba(40, 44, 42, 0.05);
    color: #74777b;
    line-height: 1;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
.nav.nav-tabs.nav-topline .nav-item a.nav-link.active {
    background: none;
    box-shadow: inset 0 3px 0 #FF7588;
    color: #FF7588;
    border-radius: 0;
    border-top-color: #FF7588;
    border-bottom: none;
}
.nav.nav-tabs.nav-topline .nav-item a.nav-link:hover,
.nav.nav-tabs.nav-topline .nav-item a.nav-link:focus {
    color: #FF7588;
}
.nav.nav-tabs.nav-topline .nav-item a.nav-link.dropdown-toggle::after {
    top: -10px;
}
.nav.nav-tabs.nav-underline {
    background: #fff;
    position: relative;
    border-bottom: 1px solid #2DCEE3;
}
.nav.nav-tabs.nav-underline .nav-item {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0;
}
.nav.nav-tabs.nav-underline .nav-item.open a .nav-link {
    background-color: transparent;
}
.nav.nav-tabs.nav-underline .nav-item.open a .nav-link:focus,
.nav.nav-tabs.nav-underline .nav-item.open a .nav-link:hover {
    background-color: transparent;
    color: #2DCEE3;
}
.nav.nav-tabs.nav-underline .nav-item a.nav-link {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.5;
    padding: 0.5rem 1rem;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    color: #2DCEE3;
    border: none;
}
.nav.nav-tabs.nav-underline .nav-item a.nav-link.dropdown-toggle::after {
    margin-top: -1rem;
}
.nav.nav-tabs.nav-underline .nav-item a.nav-link.active {
    border: none;
    background-color: transparent;
}
.nav.nav-tabs.nav-underline .nav-item a.nav-link.active:focus,
.nav.nav-tabs.nav-underline .nav-item a.nav-link.active:hover {
    color: #55595c;
    background-color: transparent;
}
.nav.nav-tabs.nav-underline .nav-item a.nav-link.active:before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.nav.nav-tabs.nav-underline .nav-item a.nav-link:hover,
.nav.nav-tabs.nav-underline .nav-item a.nav-link:focus {
    color: #2DCEE3;
}
.nav.nav-tabs.nav-underline .nav-item a.nav-link:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #2DCEE3;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
}
.nav.nav-tabs.nav-linetriangle {
    border-bottom-color: #FFA87D;
}
.nav.nav-tabs.nav-linetriangle .nav-item {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.nav.nav-tabs.nav-linetriangle .nav-item a.nav-link {
    position: relative;
    display: block;
    overflow: visible;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.5;
    border: none;
    color: #55595c;
}
.nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-color: #FFA87D;
    color: #FFA87D;
}
.nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active:after,
.nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active:before {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: '';
    pointer-events: none;
}
.nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active:before {
    margin-left: -11px;
    border-width: 12px;
    border-top-color: #FFA87D;
}
.nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active:after {
    margin-left: -10px;
    border-width: 10px;
    border-top-color: #fff;
}
.nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active:focus {
    color: #FFA87D;
}
.nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.dropdown-toggle:after {
    margin-top: -1rem;
}
.nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.dropdown-toggle.active:after {
    margin-top: 0;
}
.nav.nav-tabs.nav-linetriangle.nav-justified {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-color: #FFA87D;
}
.nav.nav-tabs.nav-linetriangle.nav-justified .nav-item a.nav-link.active {
    top: 0px;
}
.nav.nav-tabs.nav-iconfall {
    overflow: visible;
    border-bottom: none;
}
.nav.nav-tabs.nav-iconfall .nav-item {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0.5rem 0.7rem 0;
}
.nav.nav-tabs.nav-iconfall .nav-item:hover,
.nav.nav-tabs.nav-iconfall .nav-item:focus {
    background-color: transparent;
}
.nav.nav-tabs.nav-iconfall .nav-item a.nav-link {
    display: inline-block;
    padding: 1em 0 2em;
    color: #74777b;
    position: relative;
    line-height: 2.5;
    width: 100%;
    border: none;
    -webkit-transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}
.nav.nav-tabs.nav-iconfall .nav-item a:hover,
.nav.nav-tabs.nav-iconfall .nav-item a:focus {
    color: #2CC185;
    border: none;
}
.nav.nav-tabs.nav-iconfall .nav-item a.active {
    color: #2CC185;
    border: none;
    background-color: transparent;
}
.nav.nav-tabs.nav-iconfall .nav-item a.active i:after {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.nav.nav-tabs.nav-iconfall .nav-item a.active i:before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.nav.nav-tabs.nav-iconfall .nav-item a i {
    display: block;
    margin-right: 0;
}
.nav.nav-tabs.nav-iconfall .nav-item a i:after {
    position: absolute;
    bottom: 1em;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 4px;
    background: #2CC185;
    content: '';
    opacity: 0;
    -webkit-transition: -webkit-transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
}
.nav.nav-tabs.nav-iconfall .nav-item a i:before {
    display: block;
    margin: 0 0 0.35em;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    pointer-events: none;
}
.nav.nav-tabs.nav-iconfall .nav-item a.dropdown-toggle:after {
    margin-top: -1rem;
}
.nav .nav-item .nav-link {
    display: block;
}
.nav .dropdown-divider {
    margin: 0.5rem 0;
}
@media (min-width: 544px) {
    .nav.nav-tabs.nav-linetriangle.nav-justified .nav-item,
    .nav.nav-tabs.nav-iconfall.nav-justified .nav-item,
    .nav.nav-tabs.nav-underline.nav-justified .nav-item {
        display: table-cell !important;
    }
}
.nav-vertical .nav-left.nav-tabs {
    float: left;
    border-bottom: 0;
    border-right: 1px solid #ddd;
    border-radius: 0;
    display: table;
}
.nav-vertical .nav-left.nav-tabs li.nav-item {
    float: none;
    margin: 0;
    margin-right: -1px;
}
.nav-vertical .nav-left.nav-tabs li.nav-item a.nav-link.active {
    border: 1px solid #ddd;
    border-right: 0;
    border-radius: 0.25rem 0 0 0.25rem;
}
.nav-vertical .nav-left.nav-tabs.nav-border-left li.nav-item a.nav-link {
    color: #FF7588;
}
.nav-vertical .nav-left.nav-tabs.nav-border-left li.nav-item a.nav-link.active {
    border-left: 3px solid #FF7588;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #555;
}
.nav-vertical .nav-left~.tab-content {
    margin-left: 45px;
}
.nav-vertical .nav-left~.tab-content .tab-pane {
    display: none;
    background-color: #fff;
    padding: 0 0 0.6rem 1rem;
    overflow-y: auto;
}
.nav-vertical .nav-left~.tab-content .tab-pane.active {
    display: block;
}
.nav-vertical .nav-right.nav-tabs {
    float: right;
    border-bottom: 0;
    border-left: 1px solid #ddd;
    border-radius: 0;
    display: table;
}
.nav-vertical .nav-right.nav-tabs li.nav-item {
    float: none;
    margin: 0;
    margin-left: -1px;
}
.nav-vertical .nav-right.nav-tabs li.nav-item a.nav-link.active {
    border: 1px solid #ddd;
    border-left: 0;
    border-radius: 0 0.25rem 0.25rem 0;
}
.nav-vertical .nav-right.nav-tabs.nav-border-right li.nav-item a.nav-link {
    color: #FF7588;
}
.nav-vertical .nav-right.nav-tabs.nav-border-right li.nav-item a.nav-link.active {
    border-right: 3px solid #FF7588;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #555;
}
.nav-vertical .nav-right~.tab-content .tab-pane {
    display: none;
    background-color: #fff;
    padding: 0 0 0.6rem 1rem;
    overflow-y: auto;
}
.nav-vertical .nav-right~.tab-content .tab-pane.active {
    display: block;
}
.nav.nav-tabs.nav-only-icon .nav-item .nav-link {
    font-size: 1.25rem;
}
.nav.nav-tabs.nav-only-icon .nav-item .nav-link i {
    margin-left: 0.5rem;
}
.nav.nav-tabs .nav-item.open .nav-link,
.nav.nav-tabs .nav-item.open .nav-link:focus {
    background-color: transparent;
}
/*===================================
=       36    VUE TOASTER            =
===================================*/

.vue-toast_container {
    position: absolute;
    padding-bottom: 10px;
    transform: translateY(0);
    transition: transform .2s ease-out;
    backface-visibility: hidden;
    &._default .vue-toast_message {
        background-color: rgba(#000, .9);
    }
    &._info .vue-toast_message {
        background-color: rgba(#31708f, .9);
    }
    &._success .vue-toast_message {
        background-color: rgba(#3c763d, .9);
    }
    &._warning .vue-toast_message {
        background-color: rgba(#8a6d3b, .9);
    }
    &._error .vue-toast_message {
        background-color: rgba(#a94442, .9);
    }
}
.vue-toast-manager_container {
    &.__top .vue-toast_container {
        top: 0;
    }
    &.__bottom .vue-toast_container {
        bottom: 0;
    }
    &.__left .vue-toast_container {
        left: 0;
    }
    &.__right .vue-toast_container {
        right: 0;
    }
}
.vue-toast_message {
    padding: 15px 22px 15px 10px;
    color: #FFFFFF;
    font-family: arial, sans-serif;
}
.vue-toast_close-btn {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 14px;
    height: 14px;
    opacity: .7;
    transition: opacity .15s ease-in-out;
    backface-visibility: hidden;
    &:hover {
        opacity: .9;
    }
    &::before,
    &::after {
        content: '';
        position: absolute;
        top: 6px;
        width: 14px;
        height: 2px;
        background-color: #FFFFFF;
    }
    &::before {
        transform: rotate(45deg);
    }
    &::after {
        transform: rotate(-45deg);
    }
}
.vue-toast-enter-active {
    opacity: 0;
    transition: all .2s ease-out;
}
.vue-toast-enter-to {
    opacity: 1;
}
.vue-toast-leave-active {
    opacity: 1;
    transition: all .1s ease-out;
}
.vue-toast-leave-to {
    opacity: 0;
}
/* ========================================= */
/* THEMING OF BOOTSTRAP COMPONENTS           */
/* ========================================= */
/*
 * 1. NAVBAR
 */

.navbar {
    padding: 0.5rem 1rem;
}
.navbar-brand {
    display: inline-block;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-right: 1rem;
    font-size: 1.25rem;
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.navbar-toggler-left {
    left: 1rem;
}
.navbar-toggler-right {
    right: 1rem;
}
.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:hover {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .open > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-toggler {
    color: white;
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-toggler:focus,
.navbar-inverse .navbar-toggler:hover {
    color: white;
}
.navbar-inverse .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}
.navbar-inverse .navbar-nav .nav-link:focus,
.navbar-inverse .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75);
}
.navbar-inverse .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}
.navbar-inverse .navbar-nav .open > .nav-link,
.navbar-inverse .navbar-nav .active > .nav-link,
.navbar-inverse .navbar-nav .nav-link.open,
.navbar-inverse .navbar-nav .nav-link.active {
    color: black;
}
.navbar-inverse .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.1);
}
.navbar-inverse .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-inverse .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}
/*
 * 2. BUTTONS
 */

.btn {
    font-weight: 400;
    line-height: 1.25;
    border: 1px solid transparent;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: all 0.2s ease-in-out;
}
.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(121, 106, 238, 0.25);
}
.btn:active,
.btn.active {
    background-image: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}
.btn-primary {
    color: #fff;
    background-color: #3399ff;
    border-color: #3399ff;
}
.btn-primary:hover {
    color: #fff;
    background-color: #503ce9;
    border-color: #4833e8;
}
.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 2px rgba(121, 106, 238, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #3399ff;
    border-color: #3399ff;
}
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #503ce9;
    background-image: none;
    border-color: #4833e8;
}
.btn-secondary {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc;
}
.btn-secondary:hover {
    color: #292b2c;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #fff;
    border-color: #ccc;
}
.btn-secondary:active,
.btn-secondary.active,
.show>.btn-secondary.dropdown-toggle {
    color: #292b2c;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad;
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2;
}
.btn-info:focus,
.btn-info.focus {
    box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.btn-info:active,
.btn-info.active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #2aabd2;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #419641;
}
.btn-success:focus,
.btn-success.focus {
    box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.btn-success:active,
.btn-success.active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #419641;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316;
}
.btn-warning:focus,
.btn-warning.focus {
    box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.btn-warning:active,
.btn-warning.active,
.show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #eb9316;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}
.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a;
}
.btn-danger:focus,
.btn-danger.focus {
    box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
    background-color: #d9534f;
    border-color: #d9534f;
}
.btn-danger:active,
.btn-danger.active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #c12e2a;
}
.btn-outline-primary {
    color: #3399ff;
    background-image: none;
    background-color: transparent;
    border-color: #3399ff;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #3399ff;
    border-color: #3399ff;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 2px rgba(121, 106, 238, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #3399ff;
    background-color: transparent;
}
.btn-outline-primary:active,
.btn-outline-primary.active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #3399ff;
    border-color: #3399ff;
}
.btn-outline-secondary {
    color: #ccc;
    background-image: none;
    background-color: transparent;
    border-color: #ccc;
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #ccc;
    background-color: transparent;
}
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}
.btn-outline-info {
    color: #5bc0de;
    background-image: none;
    background-color: transparent;
    border-color: #5bc0de;
}
.btn-outline-info:hover {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #5bc0de;
    background-color: transparent;
}
.btn-outline-info:active,
.btn-outline-info.active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.btn-outline-success {
    color: #5cb85c;
    background-image: none;
    background-color: transparent;
    border-color: #5cb85c;
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #5cb85c;
    background-color: transparent;
}
.btn-outline-success:active,
.btn-outline-success.active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.btn-outline-warning {
    color: #f0ad4e;
    background-image: none;
    background-color: transparent;
    border-color: #f0ad4e;
}
.btn-outline-warning:hover {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
    box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #f0ad4e;
    background-color: transparent;
}
.btn-outline-warning:active,
.btn-outline-warning.active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.btn-outline-danger {
    color: #d9534f;
    background-image: none;
    background-color: transparent;
    border-color: #d9534f;
}
.btn-outline-danger:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #d9534f;
    background-color: transparent;
}
.btn-outline-danger:active,
.btn-outline-danger.active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}
.btn-lg {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
}
.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}
.btn-default {
    background: #878787;
    border-color: #878787;
    color: #fff
}
.btn-default.active,
.btn-default:focus,
.btn-default:hover {
    background: #6e6e6e;
    border-color: #878787;
    color: #fff;
    box-shadow: none
}
.btn-primary {
    background: #03a9f5;
    border-color: #03a9f5;
    color: #fff
}
.btn-primary.active,
.btn-primary:focus,
.btn-primary:hover {
    background: #0286c3;
    border-color: #03a9f5;
    color: #fff;
    box-shadow: none
}
.btn-success {
    background: #1de9b6;
    border-color: #1de9b6;
    color: #fff
}
.btn-success.active,
.btn-success:focus,
.btn-success:hover {
    background: #13c095;
    border-color: #1de9b6;
    color: #fff;
    box-shadow: none
}
.btn-info {
    background: #03a9f4;
    border-color: #03a9f4;
    color: #fff
}
.btn-info.active,
.btn-info:focus,
.btn-info:hover {
    background: #0286c2;
    border-color: #03a9f4;
    color: #fff;
    box-shadow: none
}
.btn-warning {
    background: #f39c12;
    border-color: #f39c12;
    color: #fff
}
.btn-warning.active,
.btn-warning:focus,
.btn-warning:hover {
    background: #c87f0a;
    border-color: #f39c12;
    color: #fff;
    box-shadow: none
}
.btn-danger {
    background: #e74c3c;
    border-color: #e74c3c;
    color: #fff
}
.btn-danger.active,
.btn-danger:focus,
.btn-danger:hover {
    background: #d62c1a;
    border-color: #e74c3c;
    color: #fff;
    box-shadow: none
}
.btn-pink {
    background: #e6a1f2;
    border-color: #e6a1f2;
    color: #fff
}
.btn-pink.active,
.btn-pink:focus,
.btn-pink:hover {
    background: #da74ec;
    border-color: #e6a1f2;
    color: #fff;
    box-shadow: none
}
.btn-dark {
    background: #545454;
    border-color: #545454;
    color: #fff
}
.btn-dark.active,
.btn-dark:focus,
.btn-dark:hover {
    background: #3b3b3b;
    border-color: #545454;
    color: #fff;
    box-shadow: none
}
.btn-addon {
    position: relative;
    padding-left: 40px
}
.btn-addon i {
    background: rgba(0, 0, 0, .1);
    left: -1px;
    margin-right: 20px;
    padding: 10px;
    position: absolute;
    top: -1px
}
.btn-addon.btn-lg {
    padding-left: 60px
}
.btn-addon.btn-lg i {
    padding: 14px
}
.btn-addon.btn-md {
    padding-left: 45px
}
.btn-addon.btn-md i {
    padding: 10px
}
.btn-addon.btn-sm {
    padding-left: 40px
}
.btn-addon.btn-sm i {
    padding: 9px
}
.btn-addon.btn-xs {
    padding-left: 25px
}
.btn-addon.btn-xs i {
    padding: 5px
}
.btn-rounded {
    border-radius: 100px
}
.btn-outline {
    background: 0 0;
    color: #252525
}
.btn-flat {
    border-radius: 0
}
.btn-default {
    background: #878787;
    border-color: #878787;
    color: #fff
}
.btn-default.active, .btn-default:focus, .btn-default:hover {
    background: #6e6e6e;
    border-color: #878787;
    color: #fff;
    box-shadow: none
}
.btn-primary {
    background: #03a9f5;
    border-color: #03a9f5;
    color: #fff
}
.btn-primary.active, .btn-primary:focus, .btn-primary:hover {
    background: #0286c3;
    border-color: #03a9f5;
    color: #fff;
    box-shadow: none
}
.btn-success {
    background: #1de9b6;
    border-color: #1de9b6;
    color: #fff
}
.btn-success.active, .btn-success:focus, .btn-success:hover {
    background: #13c095;
    border-color: #1de9b6;
    color: #fff;
    box-shadow: none
}
.btn-info {
    background: #03a9f4;
    border-color: #03a9f4;
    color: #fff
}
.btn-info.active, .btn-info:focus, .btn-info:hover {
    background: #0286c2;
    border-color: #03a9f4;
    color: #fff;
    box-shadow: none
}
.btn-warning {
    background: #f39c12;
    border-color: #f39c12;
    color: #fff
}
.btn-warning.active, .btn-warning:focus, .btn-warning:hover {
    background: #c87f0a;
    border-color: #f39c12;
    color: #fff;
    box-shadow: none
}
.btn-danger {
    background: #e74c3c;
    border-color: #e74c3c;
    color: #fff
}
.btn-danger.active, .btn-danger:focus, .btn-danger:hover {
    background: #d62c1a;
    border-color: #e74c3c;
    color: #fff;
    box-shadow: none
}
.btn-pink {
    background: #e6a1f2;
    border-color: #e6a1f2;
    color: #fff
}
.btn-pink.active, .btn-pink:focus, .btn-pink:hover {
    background: #da74ec;
    border-color: #e6a1f2;
    color: #fff;
    box-shadow: none
}
.btn-dark {
    background: #545454;
    border-color: #545454;
    color: #fff
}
.btn-dark.active, .btn-dark:focus, .btn-dark:hover {
    background: #3b3b3b;
    border-color: #545454;
    color: #fff;
    box-shadow: none
}
.btn-addon {
    position: relative;
    padding-left: 40px
}
.btn-addon i {
    background: rgba(0, 0, 0, .1);
    left: -1px;
    margin-right: 20px;
    padding: 10px;
    position: absolute;
    top: -1px
}
.btn-addon.btn-lg {
    padding-left: 60px
}
.btn-addon.btn-lg i {
    padding: 14px
}
.btn-addon.btn-md {
    padding-left: 45px
}
.btn-addon.btn-md i {
    padding: 10px
}
.btn-addon.btn-sm {
    padding-left: 40px
}
.btn-addon.btn-sm i {
    padding: 9px
}
.btn-addon.btn-xs {
    padding-left: 25px
}
.btn-addon.btn-xs i {
    padding: 5px
}
.btn-rounded {
    border-radius: 100px
}
.btn-outline {
    background: 0 0;
    color: #252525
}
.btn-flat {
    border-radius: 0
}
/*
 * 3. TYPE
 */

body {
    font-family: "Raleway", sans-serif;
    overflow-x: hidden;
    background: #eee;
}
a {
    color: #3399ff;
    text-decoration: none;
}
a:focus,
a:hover {
    color: #3b25e6;
    text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    line-height: 1.1;
    color: inherit;
}
h1,
.h1 {
    font-size: 1.5rem;
}
h2,
.h2 {
    font-size: 1.3rem;
}
h3,
.h3 {
    font-size: 1.2rem;
}
h4,
.h4 {
    font-size: 1.1rem;
}
h5,
.h5 {
    font-size: 0.9rem;
}
h6,
.h6 {
    font-size: 0.8rem;
}
.lead {
    font-size: 1.25rem;
    font-weight: 300;
}
.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.1;
}
.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.1;
}
.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.1;
}
.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.1;
}
.blockquote {
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: 0.25rem solid #eceeef;
}
.blockquote-footer {
    color: #636c72;
}
.blockquote-footer::before {
    content: "\2014 \00A0";
}
.blockquote-reverse {
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: 0.25rem solid #eceeef;
    border-left: 0;
}
.text-primary {
    color: #3399ff !important;
}
a.text-primary:focus,
a.text-primary:hover {
    color: #503ce9 !important;
}
/*
 * 4. PAGINATION
 */

.page-item:first-child .page-link {
    margin-left: 0;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #3399ff;
    border-color: #3399ff;
}
.page-item.disabled .page-link {
    color: #636c72;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.page-link {
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
    color: #3399ff;
    background-color: #fff;
    border: 1px solid #ddd;
}
.page-link:focus,
.page-link:hover {
    color: #3b25e6;
    text-decoration: none;
    background-color: #eceeef;
    border-color: #ddd;
}
.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
}
.pagination-lg .page-item:first-child .page-link {
    border-bottom-left-radius: 0.3rem;
    border-top-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
    border-bottom-right-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}
.pagination-sm .page-item:first-child .page-link {
    border-bottom-left-radius: 0.2rem;
    border-top-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
    border-bottom-right-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
}



.col input.input-material ~ label{
    left:15px;
}

.profile-page  .form-group{
    position:relative;
}

/* CSS for Credit Card Payment form */
.input-group-addon {
    background-color: transparent;
    border-left: 0;
}

.cc-number.identified {
    background-repeat: no-repeat;
    background-position-y: 3px;
    background-position-x: 99%;
}

.cc-number.visa {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAYAAABqpJ3BAAAABHNCSVQICAgIfAhkiAAABLhJREFUWIXtmGtMFGcUhp9vdhaWBceyuCjFCwouIBhQ0agYMYKphraoMbZVY9T+0NQ/pbZpE2uTpknTJk1JWnszsdVqrVbTRpNeTDCtqRULoiAW2S1euClQdhfXZYHdYac/djtgtMVWE6Dx/TVzvnO+ed9z+WYyAsDhcCQCJZqm5WuaZmEYQwjhEkKcAIptNluLqKqqSjSbzTVxcXExiqIYZVkeao7/CFVV8Xg8AafT6fX5fNNls9lcEhcXN8pisQxv5mHIsozFYjECMUCJFAwGCxRFGRHkB0JRFGMwGCyQgNjh3jZ3Q5hzrDTURO4XDwUMNR4KGGrc9fhR/6hFddUj0EIGYcAwJh3Zkqz7+Lr9HC+9CEBUVARLCzL59vgF/H6VmOhIlizOACAY1Cgrv0xVTRNt7TcxGCTiraNY/8x8os2R+n7XGju48FszfWoQRYkiPy/9vwuQrdMwRMfT6zhG17ldEPAhRcQQu+EUiFDRDn1dwVsl3wGweeMi5s1J5oXthwBYON/GksUZ3PL2sH7Lbmrrrt/xjFVFOboAd6ePFWs/wNftByDCKFN5cgcREYMf73/rIcxjMGVv4tV9PWzOKsPSXU2f+woGS0pYQDkARtnAuqfm4qhv02OTJ1sBeOf94zr5x/IzKVg0Db9f5Vx1A6OVKN1/38EynTyAP6BSU9vCrOxJgwoYdAamZmZQtHMCbcaZqB2XADhz9gpXGzoAKFyaRfyYUTjqW/tjkscCUHWhUbctL5zBk8uyWFU0izdfW6lnt6cnwIEjZwCYN7u/Rc8PiL0vAXm5NvqCgqd3JdJwtRmAg0fK9fWNa+YDYB9QgalT4gGYmdWfwee27eelHYdpvu6+bf8jRytxd/oAeKV4mV6Zc9UND0ZAmi2BsVaFXhVKjgbocHop/akWCGUszZYAoFdACEFyWMDLzy9j9YrZCCHQNI1j31fx+Or3OP3rZSA04HsO/AJAVuYE0mwJZE+fCMD56gdUAYC83FQAfqxo59P9pwiofQBsWrdA9/n9cqgCiQmP6MNpMhl5Y/tyDu/ZQk52EgDdPX5ef/sYAD+cuEhTiwuAuTlTqHPcYGy8AoCrs4trjc4HJGCBDQBN09j75WkAkpOsLMwN2d2dXXi7egGwpYwLEw3o8dMzxvPhu+sQQgDg84UGdvfnP+s+n+w5SdGanXz1TYVuu5c2uqfP0HlzUjDKBgJqH2o4+xvW5urrN1pv6te2lNAAb9r6GQAZ6Y9ilA2UV15F00LvlcV5aZw5e4WLl1oAiImOJDLSqO/hcnehaRrnqxtZ+cTM+xcQbY4gZ0YSZRWh3rXERrO8cIa+3treLyA1XAFHfSvert47sliwaBrbtxWy9cUvdNvej58lMz1Rv1+1/iNqapuprG7A6fJiMhlve+kNhKirq9NSU1MHFdHh9OJyewFQFDPjwr0K4LnVQ2tbJwATx8dhMhlpanHT0NSB19uLpmmMHh3FlKR4Pe6voTfIBpKTrLc9q7Xdg8fjQwjB5ElWJEkgSeIOTna7/d4FDEfY7faR/zH3UMBQ438hwK2q6lDz+NcIc3ZLkiSVejyeEafA4/EEJEkqlX0+XzFQAIy4X4tAsYCR/XP3T6N8y7XxxywcAAAAAElFTkSuQmCC);
}
.cc-number.mastercard {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAYAAABqpJ3BAAAABHNCSVQICAgIfAhkiAAABOFJREFUWIXVmF1MU2cYx3/ncA4t/dRWPhRECU07DKhoYIuZJFomQXAsuzHZsi3Ri+GyZHGZyZxuu+BCb4xemDi3ZDeDRU0Mm86wRYmZeuEEHImT0VKCfPnBV7GlhdLS7uLoxoXA230J/+RcnPR53vf3vH3e532fIwF4vd5s4HgikXAnEgkbi1iSJI1JktQM7Hc6nYNSe3t7tsFguGO3200Wi0VVFOV5M86rWCxGIBCIjo6OToTD4SLFYDAct9vtZpvNtrjJn0hRFGw2mwqYgONyPB4vt1gsSwJ+tiwWixqPx8tlYPliT5tn6Qnzcvl5g/xT/e2lj42M4G9sJHj5MpHeXuLBIEp6OmmFhVh37sRSWYkkz1qf+AwM/AR9P4C/AyaHQDWDeQ1kvwJrX4O09KQ5pM7OzoTL5RJ2iEciPKirY+jECeKh0Jx2OqeTnGPHWFZdDb0X4eYBeOyZe2DFCIUfwObPIEUnxOLxeJILIPrwIb6aGsK3bgnZI0m4vngDEw1i9gDpJVDxPRhWLmjq8XgQ3gMzoRC+qipxeCDFomfoqwYeNQu7wHALNFVBdO5/d7aEAxg8eJDw7dvCHMaS9eS9NYn9JdBnQiIu7Aqjv8Ktj4VMhVIo0tPDb04nxGLCDKkZOlRj5M93XQbk7RF2B0mB3V6w5M1p4vF4xKrQ2JkzyHo9OoeDKY+H1NxcmJkh4vM9G35tLo53+p49WKoVbBtg/HeYGp570uUF0H0Gig/OyyYUQPDqVZbV1JBXX493xw4cFy4w3tiI//x5FJuNsbNnSSsoIK24GOJxrNXVdL//NtZdrzPZ3kZ8IoiavZoMdwrm2gYIdMO9Rgg/AFmnldYVm2CiX1vxmWnYehquv/vvBBAdGMDidjPd349t925iw8NMeb3onU5MZWWYt23DWl3Ng7o6dA4Hkiyz+lQDU11dZHz0KWP19azYu5eZ/lboqodfDoB+Bbj2wJoaWLMLVlfA/Z/BmK1N6r8LoYEF2YQ3cVphIaHWVsxuNxGfjxSTCWtVFXqXi6muLibv3sVYUoIuP5+hkycxl5dj2LCB6P376NetY/DwYe0wG2nTBszaqoGb14IpF7rPgmKAts+hv0kLQEBCAag5OaQVFRFuayPQ1IQuP58Uu53Y6Kj2e2YmweZmDKWlqKtWYdi4kemeHkKtrfjPnUNfUEC4pYVY549QegS2fgk5FTDRBymp2jPcoqVW0Yfwwl7ttDbmLMgmlEKW7dvpra1lqqODRCzG46YmJm7cwLRlC7HxcSRZRl25Em9ZGUpmJgATTV9jfNlNtKeL4aM+CHaiDt6B6/dAVmCoRcv7jtPau78DfN9C5hbtDBjv0IJZQP9ZGc19z4Fe/1eVUq2gzxJ2Fy6jQimky8sjfd++JGaHvlPdPLoMj65oT2wiKXdYVzsv/FMJb+LsI0cwbNokDpBIoOZvxroect8Ek0PcFXsxlB4VMhUOIMVoxHHpEobSUmGOke/aiPAiqcuEXbTLXOUlUI1C5kk1NGpWFq5r18g6dAjZOP8EOqeT/IsXyfnmJlRcAOsCN17FCBs/gVevC91EnyrpfuCpZjc00319zAQC/3tDk3Q/sNiUVD+wWCUD/lgS9X2x6AmzX5Zl+UogEFhyEQQCgagsy1eUcDi8HygHltynRWC/BEv74+4fAxroUkHf2nEAAAAASUVORK5CYII=);
}
.cc-number.amex {
    background-image: url(data:image/png;base64,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);
}
.cc-number.discover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAYAAABqpJ3BAAAABHNCSVQICAgIfAhkiAAABMNJREFUWIXVWF1oU2cYfnJ6WrTYbE2oBEpko9JQaosQsChjggqhiobdWC+qd2V/udCOXUmkdlUYvciuKsxhV3B0qx1tJrgJrZqua1eKmmKWpkbr2lg12BobNSfJ+c55djEX7FrFn2KTB76L877v937PA8/Hd3gNAHD9+vVSAB6S20makMUwGAwPDAZDP4BD5eXlMwa/319aWFh4zWw2rzEajfmyLK80xxdCCIF4PK7Ozc09TiQSVXJhYaHHbDYXmUym7Gb+FLIsw2Qy5QNYA8Aj6bq+w2g05gT5Z2E0GvN1Xd8hASjOdtsshaeci6WVJvKmyHkBi7xz9OhRRCIRrFq1Cna7Hfv374csy3C73XC5XFAUBS0tLYhGo6ivr0ddXR1mZ2fR2tqKYDCIyspKHD58GEVFRdBu/QF1+FsgEYNU9iHyP3Dh+9OdMJlMcDqdAIBTp05h3bp1GBgYwJ07dwAAJSUlOH78OBoaGgAAxcXFOHDgAKqqqhYrCIVCfBbV1dU8efIke3t76XQ6uWfPHpKkzWbjxMQEHQ4HW1tbOTw8zNHRUSqKQpvNxubmZgYCAXo8HobDYYrpUT5pfp9Pmt/LrOSZz3j27Flu3LiRJJlOp2mxWDg9Pc2Kigq2t7ezv7+fQ0NDFEJQkiSOjIywvb2dFouF/0coFOKSt3fTpk2orq7Grl27YLFYEIlEMrnS0lJ4vV6sX78eu3fvRl9fH8xmM9xuNwCgsrISAJD65UsAXNBXGz+H2sYWfP7gAcbGxnDjxg1s3rwZVqsVADA5OYlEIgGr1QqDwQAAiEQimJ6eRklJyctZaEFSllFQUABVVTOxEydOoKurC8eOHYPX64XT6cTq1asXb5byluwp5eWhoaEBHR0dmJiYQGNjYyaXTCahKApSqRQAgCR8Ph86OzsRCoWWJrmUhS5evMhgMEiXy8WtW7cusJDP52MsFmNPTw/tdjvn5uZosVjY3d1NIQS7u7sZCAQoZvx88lXZQgv1HCJJ3r17l2vXruWGDRsy51ZUVHBwcJDRaJTRaJRCCObl5ZEkHQ4H29ralrTQIgH19fWsqanhtm3b2NTUxPn5eZLk3r17OTU1xSNHjrC8vJx2u52XLl0iSfr9fu7cuZNlZWWsra1lOBwmSYrIFSbPfEqlo47pwTbqIpU55+DBg+zo6Mh879u3jzU1NZmlqiq3bNlCkgwEAnQ4HFQUJVOvhs4vLSAXIG4NMdG2naFQiDn3DujRcaTOfALoGoAce8j0e0EkT9cDyXgmljM/Qdrfw0h1fQykHi2I54QA9fIPUH9rAnSxKJfVAph6jPSvbmjXep9bk7UCtKkRpL1fgPMzL6zLOgFMxJC+8DW0qz+9VH3WCKCWhrjSCdX3DaA8fOl9Ky6AugYt4IXq84APb7/y/hUTQFWB8HdB/PndaxH/D29dgD57E+LqjxBj3a9klefhrQig8hBa6DzE2M/QI6PL01T6l7oMICaEWPbJBB/fhxa+ABE8B/3WHwC1Ze2Pd60AEJMlSeqLx+Mfvelgi2oS+u3L0G4OQJv8HYyOLw/R5yBlcwpJkvpee7RITYV+7y/ot69An7kKPToOaIuf+mWFXAC8Y0XK5hT3iyoeAagyALk93P0HjHXGXp92US0AAAAASUVORK5CYII=);
}

.one-card > div {
    height: 150px;
    background-position: center center;
    background-repeat: no-repeat;
}

.two-card > div {
    height: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 48%;
}

.two-card div.amex-cvc-preview {
    float: right;
}


.amex-cvc-preview {
    background-image:url(data:image/png;base64,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);
}

.visa-mc-cvc-preview {
    background-image:url(data:image/png;base64,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);

}

/*
nav.side-navbar {
    display: none;
}*/
nav.navbar .menu-btn {
    display: none;
}

@media (max-width: 1200px){
    nav.navbar .menu-btn {
        display: block;
    }
}


nav.side-navbar.opened {
   /* display: block; */
    background: #fff;
    min-width: 250px;
    max-width: 250px;
    color: #011338;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    z-index: 999;
    margin-left: 0px;
    text-align: left;
    opacity: 1;
}


/** login input */

.form-holder label{
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

.form-holder input:focus ~ label, .form-holder input.noreq:not(:placeholder-shown) ~ label, .form-holder input:not(.noreq):valid ~ label, .form-holder input:disabled ~ label
{
  top:-20px;
  font-size:11px;
  color:#5264AE;
}

input:disabled {
    background: #f9f9f9;
}

.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #ced4da !important;
}


/* Shared */
.loginBtn {
    box-sizing: border-box;
    position: relative;
    margin: 0.2em;
    padding: 0 15px 0 46px;
    border: none;
    text-align: left;
    line-height: 36px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    color: #FFF;
    /* margin-top: -30px; */
    top: -9px;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}

 

/* Google */
.loginBtn--google {
  /*font-family: "Roboto", Roboto, arial, sans-serif;*/
  background: #DD4B39;
}
.loginBtn--google:before {
  border-right: #BB3F30 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
  background: #E74B37;
}