html, body {
    /*font-family: 'Montserrat', sans-serif;*/



    font-family: 'Quicksand', sans-serif;
    height: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    background: #EAEAEA;
}
.tg-calculator-cost #datepicker {
    width: 100%;
    margin: 0;
}
.row {
    margin: 0;
    padding: 0;
}
.page-loader-animation {
    height: 100%;
    width: 100%;
    position: fixed;
    background: #f7f7f7;
    z-index: 9999;
}
.page-loader-animation .wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.page-loader-animation .wrapper .first, .page-loader-animation .wrapper .second, .page-loader-animation .wrapper .third {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    float: left;
    margin: 0 1px;
}
.page-loader-animation .wrapper .first {
    background: #a389D4;
    animation: first-bl 1s infinite;
}
.page-loader-animation .wrapper .second {
    background: #1dc5e9;
    animation: second-bl 1s infinite;
}
.page-loader-animation .wrapper .third {
    background: #f5c22b;
    animation: third-bl 1s infinite;
}
@keyframes first-bl {
    0% {
        margin-top: 0px;
    }
    50% {
        margin-top: -8px;
    }
    100% {
        margin-top: 0px;
    }
}
@keyframes second-bl {
    0% {
        margin-top: -4px;
    }
    50% {
        margin-top: 0px;
    }
    100% {
        margin-top: -4px;
    }
}
@keyframes third-bl {
    0% {
        margin-top: -8px;
    }
    50% {
        margin-top: 4px;
    }
    100% {
        margin-top: -8px;
    }
}
@-webkit-keyframes first-bl {
    0% {
        margin-top: 0px;
    }
    50% {
        margin-top: -8px;
    }
    100% {
        margin-top: 0px;
    }
}
@-webkit-keyframes second-bl {
    0% {
        margin-top: -4px;
    }
    50% {
        margin-top: 0px;
    }
    100% {
        margin-top: -4px;
    }
}
@-webkit-keyframes third-bl {
    0% {
        margin-top: -8px;
    }
    50% {
        margin-top: 4px;
    }
    100% {
        margin-top: -8px;
    }
}
.main-content-wrapper {
    position: relative;
}
.clear-padding {
    padding: 0;
}
.footer-wrapper {
    padding: 10px 15px;
    margin: 30px 15px 0;
    font-size: 14px;
}
.color-switcher {
    width: 38px;
    position: absolute;
    top: 10%;
    right: 0;
}
.expand-swithcher {
    width: 388px;
}
.color-switcher .colors>div {
    height: 30px;
    width: 30px;
    background: #111;
    float: left;
    margin: 5px;
    border-radius: 50%;
    cursor: pointer;
}
.color-switcher .cogs {
    float: left;
}
.color-switcher .cogs i {
    padding: 10px;
    background: #fff;
    margin-top: 17px;
    color: #fff;
    background: #404E67;
    cursor: pointer;
}
.color-switcher .colors {
    padding: 15px;
    background: #fff;
    float: left;
    box-shadow: 0 0 5px #eee;
}
.color-switcher .hide-colors {
    display: none;
}
.color-switcher .colors .yellow {
    background: #f5c22b;
}
.color-switcher .colors .green {
    background: #1de986;
}
.color-switcher .colors .purple {
    background: #a389D4;
}
.color-switcher .colors .blue {
    background: #1dc5e9;
}
.color-switcher .colors .black {
    background: #404E67;
}
.color-switcher .colors .orange {
    background: #ffcd4d;
}
.color-switcher .colors .light-green {
    background: #bbc673;
}
.color-switcher .colors .main {
    background: #404E67;
}
/*********************** 2. Top Nav & Side Nav *****************************/

.brand {
    float: left;
    padding: 15px;
    width: 350px;
    line-height: 1;
    position: fixed;
}
.brand .brand-logo {
    font-size: 22px;
    margin-right: 15px;
}
.brand .brand-text {
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 22px;
}
.content {
    float: left;
    position: relative;
    /*margin-left: 350px !important;*/
    margin-left:0px !important;
    width: 100%;
}
.top-nav {
    padding: 0px 30px;
    height: 100px;
}
.top-nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.top-nav ul li {
    display: inline;
}
.top-nav ul li img {
    height: 22px;
    border-radius: 50%;
}
.top-nav .nav-left-link {
    padding: 14px 0;
}
.nav-left-link .bars {
    margin-right: 15px;
    cursor: pointer;
}
.nav-left-link .search {
    margin-right: 10px;
}
.top-nav .nav-left-link input {
    border: none;
    font-size: 14px;
}
.top-nav .nav-right-link li {
    position: relative;
}
.top-nav .nav-right-link li .item {
    border-left: 1px solid #eee;
    display: inline-block;
    padding-top: 14px;
    padding-bottom: 14px;
}
.top-nav .nav-right-link .user {
    padding-left: 10px;
    padding-right: 10px;
}
.top-nav .nav-right-link .setting {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}
.top-nav .nav-right-link .logout {
    padding-left: 30px;
    cursor: pointer;
}
.top-nav .nav-right-link .setting a {
    margin: 0 10px;
    cursor: pointer;
    position: relative;
    text-decoration: none;
}
.top-nav .nav-right-link .setting span {
    position: absolute;
    right: -2px;
    font-size: 10px;
    line-height: 1;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    text-align: center;
    top: -6px;
}
.top-nav .dropdown-toggle::after {
    display: none;
}
.top-nav .dropdown-menu {
    border-radius: 0;
    right: 0;
    left: auto;
    top: 170%;
    width: 300px;
    border: 1px solid #eee;
}
.top-nav .setting-dropdown {
    width: 170px;
}
.top-nav .setting-dropdown li {
    display: block;
    font-size: 14px;
    padding: 0 15px;
    margin: 15px 0;
}
.top-nav .setting-dropdown li i {
    width: 20px;
}
.top-nav .setting-dropdown .last-setting {
    border-top: 1px solid #eee;
    padding-top: 15px;
}
.assay-perfect-scroll {
    position: relative;
}
.message-container {
    height: 250px;
    position: relative;
    overflow: auto;
}
.message-container .message-item {
    margin: 20px 0;
}
.message-container .message-item p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1;
}
.message-container .message-item .msg-desc {
    font-size: 13px;
}
.message-container .message-item .notification-desc {
    line-height: 1.6;
}
.message-container .message-item .count {
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    width: 20px;
    height: 19px;
    font-size: 12px;
    padding-top: 4px;
}
.message-container .message-item .time {
    font-size: 10px;
}
.message-container .message-item .time i {
    margin-right: 5px;
}
.success-icon, .error-icon, .warning-icon {
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    padding: 7px 0;
}
.top-nav .message-item img {
    height: 35px;
}
.top-nav .dropdown-menu {
    padding: 0;
}
.top-nav .dropdown-menu h5 {
    padding: 15px;
    margin: 0;
    line-height: 1;
    border-bottom: 1px solid #eee;
    font-size: 16px;
}
.top-nav .dropdown-menu h5 i {
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 11px;
    margin-top: -3px;
}
.view-all-msg {
    text-align: center;
    padding: 10px 0;
}
.view-all-msg a {
    font-size: 12px;
    font-weight: 700;
}
.sm-brand {
    width: 50px;
}
.sm-brand .brand-text {
    display: none;
}
.sm-content {
    margin-left: 50px;
}
/****************************  3. Vertical Side Menu *****************************/

.side-menu {
    float: left;
    /*padding: 15px 0;*/

    width: 350px;
    line-height: 1;
    position: fixed;
    box-shadow: 1px 0 20px rgba(0,0,0,.1);
    z-index: 2;
}
.side-menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.side-menu ul li {
    font-size: 15px;
}
.side-menu ul li span {
    display: flex;
}
.side-menu ul .side-menu-header {
    font-weight: 600;
    padding: 15px;
}
.side-menu ul li a {
    text-decoration: none;
    display: block;
    padding: 15px;
    font-size: 14px;
}
.side-menu ul li i {
    width: 35px;
    margin-top: 3px;
}
.side-menu .dropdown-toggle {
    position: relative;
}
.side-menu .dropdown-toggle::after {
    position: absolute;
    top: 48%;
    right: 15px;
}
.side-menu .dropdown-menu {
    position: relative;
    border: none;
    width: 100%;
    clear: both;
    border-radius: 0;
}
.side-menu .menu-level-1 {
    padding-left: 15px;
    border-left: 4px solid #c6cacf;
}
.side-menu .nav-link-info {
    display: inline-block;
    font-size: 10px;
    font-weight: 800;
    padding: 5px;
    margin-top: -4px;
    border-radius: 10px;
    margin-right: 15px;
}
.sm-side-menu {
    width: 50px;
}
.sm-side-menu span, .sm-side-menu .side-menu-header, .sm-side-menu .nav-link-info, .sm-side-menu ul li .menu-expand-icon {
    display: none;
}
.sm-side-menu .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
}
.sm-side-menu .dropdown:hover > .dropdown-menu {
    display: block;
}
.side-menu ul li .menu-expand-icon {
    margin-left: 0;
    width: auto;
    margin-right: 15px;
    font-size: 10px;
    transform: rotate(90deg);
}
.side-menu ul li .collapsed .menu-expand-icon {
    transform: rotate(0deg);
}
@media only screen and (max-width:767px) {
    .brand {
        width: 50px;
    }
    .brand-text {
        display: none;
    }
    .top-nav {
        padding: 0 15px;
        margin-left: 50px;
    }
    .top-nav ul .assay-hidden-sm {
        display: none;
    }
    .top-nav .nav-right-link .setting {
        padding: 0 15px;
    }
    .top-nav .nav-right-link .logout {
        padding-left: 15px;
    }
    .top-nav .dropdown-menu {
        left: -450%;
    }
}
/**************** 4. Right Side Option Panel ********************/

.side-option-wrapper {
    position: absolute;
    right: 0;
    width: 304px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fff;
    z-index: 10;
}
.nav-tabs .nav-item {
    margin-bottom: 0;
}
.nav-tabs .nav-link {
    font-size: 14px;
    position: relative;
    padding: 15px 0;
    margin: 0 15px;
    line-height: 1;
}
.nav-tabs .nav-link.active {
    border: 1px solid transparent;
    position: relative;
}
.nav-tabs .nav-link.active:after {
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: -3px;
    left: 0;
}
.nav-tabs {
    border-bottom: 1px solid #eee;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border: 1px solid transparent;
}
.tab-content {
    padding: 0 15px;
}
.deadline-item {
    margin-bottom: 15px;
}
.deadline-title {
    font-size: 14px;
    margin: 0;
}
.deadline-time {
    font-size: 12px;
    margin: 0;
}
.deadline-time i {
    margin-right: 5px;
}
.deadline-project-logo {
    margin: 0;
    line-height: 1;
    text-align: center;
}
.deadline-project-logo img {
    max-width: 100%;
    border-radius: 50%;
}
.right-side-panel-item {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}
.latest-activity-item .wrapper {
    padding-left: 15px;
    margin: 25px 0;
}
.latest-activity-item .title {
    font-size: 14px;
    margin: 0;
}
.latest-activity-item .time {
    font-size: 12px;
    margin: 0;
}
.latest-activity-item .time i {
    margin-right: 5px;
}
.user-name-circle-icon {
    border-radius: 50%;
    margin: 15px 0;
}
.user-name-circle-icon img {
    max-width: 100%;
    border-radius: 50%;
}
.no-img-user-icon {
    width: 38px;
    height: 38px;
}
.no-img-user-icon p {
    line-height: 1;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    padding: 11px;
}
.circular-progress-item {
    margin: 20px 0 0;
}
.circular-progress-item p {
    margin: 0 0 5px;
}
.circular-progress-item p i {
    margin-right: 5px;
}
.total-projects {
    font-size: 15px;
    color: #7e869d;
}
.done-projects, .rem-projects {
    font-size: 12px;
}
.task-todo-wrapper {
    padding-left: 25px;
    border-left: 1px solid #eee;
    margin-left: 10px;
}
.task-todo-wrapper p {
    font-size: 14px;
    margin: 0;
}
.task-todo-item {
    position: relative;
    margin: 15px 0;
}
.task-todo-item span {
    position: absolute;
    left: -33px;
    background: #fff;
    color: #eee;
    line-height: 1;
    top: 10px;
}
.task-completed p {
    text-decoration: line-through;
}
/************************* 5. Widget *********************************/

.widget-title {
    font-size: 17px;
    line-height: 1;
    margin: 0 0 15px;
}
.dashboard-widget-item {
    margin-top: 30px;
}
.dashboard-content {
    padding: 0 15px;
}
.top-statastics .stat-item {
    padding: 15px;
    position: relative;
}
.top-statastics .stat-item .stat-item-title {
    line-height: 1;
    margin-bottom: 25px;
}
.top-statastics .social-media-stats .stat-item-title {
    margin-bottom: 20px;
}
.top-statastics .weekly-sale-stats .stat-item-title {
    margin-bottom: 15px;
}
.top-statastics .stat-item .stat-item-count {
    line-height: 1;
    font-size: 26px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.top-statastics .stat-item .stat-item-count i {
    margin-right: 15px;
}
.top-statastics .stat-item h6 {
    margin: 0;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 5px;
    border-radius: 10px;
    text-align: center;
}
.top-statastics .stat-item .traffic {
    line-height: 1;
    font-size: 13px;
    margin: 15px 0;
}
.top-statastics .stat-item .traffic i {
    margin-right: 10px;
}
.top-statastics .stat-item .traffic-padding {
    padding: 0 0 0 15px;
}
.top-statastics .stat-item .social-media {
    margin-bottom: 10px;
    text-align: center;
    font-size: 26px;
    line-height: 1;
}
.top-statastics .stat-item .social-media i {
    margin-right: 5px;
}
.top-statastics .stat-item .like-count {
    line-height: 1;
    margin: 5px 0 0;
    font-size: 18px;
}
.top-statastics .stat-item .like-count i {
    margin: 0 5px;
}
.top-statastics .stat-item .las-week-count {
    margin: 0;
    font-size: 12px;
    margin-bottom: 10px;
}
.top-statastics .stat-item .weekly-stat-count {
    line-height: 1;
    font-size: 14px;
}
.top-statastics .stat-item .weekly-stat-count i {
    width: 20px;
}
.statistics-widget .tab-pane {
    padding: 15px 0;
}
.statistics-widget .widget-item-title {
    margin: 0;
    line-height: 1;
    padding: 15px 15px 0
}
.top-statastics .analytics-stat-item {
    padding: 30px 15px;
    position: relative;
    overflow: hidden;
}
.top-statastics .analytics-stat-item .count {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1;
    color: #404E67;
}
.top-statastics .analytics-stat-item .desc {
    font-size: 14px;
    margin: 0;
    line-height: 1;
}
.top-statastics .analytics-stat-item .desc i {
    margin-left: 5px;
}
.top-statastics .analytics-stat-item:after {
    position: absolute;
    font-family: FontAwesome;
    opacity: 0.3;
    font-size: 100px;
    top: -6%;
    line-height: 1;
    right: -10%;
}
.top-statastics .analytics-stat-view:after {
    content: "\f06e";
}
.top-statastics .analytics-stat-sale:after {
    content: "\f291";
}
.top-statastics .analytics-stat-user:after {
    content: "\f0c0";
}
.top-statastics .analytics-stat-orders:after {
    content: "\f1b3";
}
.analytics-stat-icon {
    position: absolute;
    top: 25%;
    right: 10%;
}
.live-stats-wrapper {
    padding: 15px;
}
.social-activities-widget {
    padding: 15px;
}
.latest-feed-widget {
    padding: 15px 0 30px;
}
.latest-feed-widget .message-container {
    height: 350px;
}
.latest-feed-widget .widget-item-title {
    padding: 0 15px;
    margin: 0;
}
.analytics-stat-icon i {
    font-size: 36px;
}
.graph-lenegds {
    line-height: 1;
    margin: 15px 0 30px;
    font-size: 12px;
}
.graph-lenegds span {
    display: inline-block;
    margin-right: 15px;
}
.graph-lenegds span i {
    margin-right: 10px;
}
.graph-stat-overview p {
    margin: 0;
}
.graph-stat-overview .count {
    font-size: 14px;
    font-weight: 600;
}
.graph-stat-overview .count i {
    margin: 0 10px;
}
.graph-stat-overview .desc {
    font-size: 12px;
}
.mixed-chart-widget {
    padding: 15px;
}
.task-widget .progress-bar {
    width: 80%;
    background: #1de986;
}
.task-widget .progress {
    margin-top: 25px;
}
.widget-default {
    padding: 15px;
}
.task-widget p {
    line-height: 1;
}
.task-widget .completed-task, .task-widget .progress-task, .task-widget .total-task {
    font-size: 14px;
}
.task-widget i {
    width: 25px;
}
.task-widget span {
    border: 1px solid transparent;
    padding: 5px 0;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    width: 22px;
}
.summary-widget .widget-item-title {
    line-height: 1;
    padding: 15px;
}
.sales-stats p {
    margin-bottom: 15px;
    line-height: 1;
}
.sales-stats .count {
    font-size: 20px;
}
.sales-stats .count .lg-icon {
    font-size: 36px;
}
.sales-stats .desc {
    font-size: 14px;
}
.sales-stats .count i {
    margin: 0 10px;
}
.jqvmap-zoomin, .jqvmap-zoomout {
    padding: 0;
}
.world-map {
    height: 400px;
}
.region-wise-views-widget .widget-item-title {
    padding: 15px;
    line-height: 1;
    margin-bottom: 5px;
}
.region-wise-view-wrapper {
    padding: 0 15px;
}
.region-wise-views ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.region-wise-views ul li {
    font-size: 14px;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}
.region-wise-views ul li .sr-no {
    margin-right: 15px;
}
.region-wise-views .title {
    line-height: 1;
    font-size: 18px;
}
.region-wise-views-widget {
    padding-bottom: 15px;
}
.social-widget {
    padding-top: 30px;
    padding-bottom: 30px;
}
.social-widget i {
    font-size: 28px;
    height: 50px;
    width: 50px;
    padding-top: 11px;
    border-radius: 50%;
    margin-bottom: 10px;
}
.social-widget p {
    margin: 0;
}
.social-widget .count {
    font-size: 18px;
    font-weight: 800;
}
.social-widget .desc {
    font-size: 14px;
}
.email-widget-title {
    position: relative;
}
.email-search {
    position: absolute;
    top: 42px;
    right: 20px;
    line-height: 1;
}
.email-search input {
    border: none;
}
.email-search i {
    margin-right: 10px;
}
.email-widget-title ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.email-widget-title ul li {
    display: inline-block;
    padding: 10px 15px;
    border-right: 1px solid #c6cacf;
    ;
}
.email-widget-title ul li a {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
.email-widget-title ul li i {
    margin-right: 10px;
}
.email-list-wrapper {
    padding: 0
}
.email-item p {
    line-height: 1;
    margin: 0 0 15px;
}
.email-item .from {
    font-weight: 600;
}
.email-item .subject {
    font-size: 14px;
    margin-bottom: 0;
}
.email-item span {
    font-size: 12px;
    margin-right: 15px;
}
.email-item {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}
.email-detailed-box {
    padding: 15px;
}
.email-detailed-box .user-img img {
    width: 50px;
    border-radius: 50%;
}
.email-detailed-box .subject {
    font-size: 20px;
}
.email-detailed-box p {
    margin: 0;
}
.email-detailed-box .time, .email-detailed-box .sent-to {
    font-size: 13px;
}
.email-from-box {
    margin: 30px 0;
}
.email-action-dropdown .email-action-link {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 15px;
    border-radius: 10px;
}
.email-action-dropdown .dropdown-menu a {
    font-size: 14px;
}
.email-action-dropdown .dropdown-menu a i {
    margin-right: 10px;
}
.email-attatchement-box .attatchement-item {
    padding: 15px;
    margin-right: 15px;
}
.email-attatchement-box .attatchement-item p {
    margin: 0;
}
.email-attatchement-box .attatchement-item p i {
    margin-right: 10px;
}
.email-attatchement-box .attatchement-item .file-name {
    font-size: 14px;
}
.email-attatchement-box .attatchement-item .size {
    font-size: 12px;
}
.email-body {
    margin: 30px 0;
}
.email-body p {
    font-size: 14px;
    line-height: 2;
}
.chat-detailed-box .single-chat-header {
    padding: 11px 15px;
}
.chat-box-wrapper {
    position: relative;
    max-height: 400px;
}
.chat-box-wrapper .chat-item .self-msg, .chat-box-wrapper .chat-item .others-msg {
    max-width: 350px;
    padding: 15px;
    margin: 30px 15px 0;
    border-radius: 10px;
}
.chat-box-wrapper .chat-item {
    position: relative;
}
.chat-box-wrapper .self-msg-time {
    position: absolute;
    top: 100%;
    right: 20px;
    font-size: 14px;
}
.chat-box-wrapper .others-msg-time {
    position: absolute;
    top: 100%;
    left: 20px;
    font-size: 14px;
}
.chat-box-wrapper .chat-item .attatchement {
    border-top: 1px solid #eee;
    margin-top: 10px;
}
.chat-box-wrapper .chat-item .attatchement span {
    margin-right: 10px;
    font-size: 12px;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
}
.chat-box-wrapper .chat-item .attatchement span i {
    margin-right: 10px;
}
.chat-box-wrapper .chat-item .self-msg p, .chat-box-wrapper .chat-item .others-msg p {
    line-height: 2;
    margin: 0;
    font-size: 14px;
}
.chat-detailed-box .single-chat-header p {
    margin: 0;
    line-height: 1;
    font-weight: 600;
}
.chat-detailed-box .single-chat-header i {
    cursor: pointer;
    margin: 0 5px;
}
.chat-list-wrapper .message-container {
    height: auto;
}
.chat-list-wrapper .message-container .message-item img {
    width: 40px;
    border-radius: 50%;
    position: relative;
}
.chat-list-wrapper .message-container .message-item .available-status {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 40%;
}
.chat-list-wrapper {
    padding: 0;
}
.chat-list-wrapper .message-container .message-item {
    border-bottom: 1px solid #eee;
    padding: 20px 0 10px;
    margin: 0;
}
.chat-search {
    padding: 20px 15px;
}
.chat-search i {
    margin-right: 10px;
}
.chat-search input {
    border: none;
}
.type-message-box {
    padding: 15px;
    border-top: 1px solid #eee;
}
.type-message-box textarea {
    width: 100%;
    border: none;
}
.page-title h4 {
    margin: 0;
    line-height: 1;
    font-weight: normal;
}
.new-chat-btn {
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    padding: 0 0 10px;
    line-height: 1;
}
.new-chat-btn i {
    margin-right: 5px;
}
.resource-wrapper {
    padding: 15px 0 25px;
    position: relative;
}
.total-views-count {
    position: absolute;
    text-align: center;
    top: 38%;
    z-index: 0;
    left: 39%;
}
.total-views-count p {
    margin: 0;
    line-height: 1;
}
.total-views-count .count {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
}
.traffic-wrapper {
    padding-bottom: 15px;
}
.resource-state-widget {
    padding: 15px;
}
.traffic-progress .google {
    width: 40%;
}
.traffic-progress .bing {
    width: 20%;
}
.traffic-progress .yahoo {
    width: 30%;
}
.traffic-progress .others {
    width: 10%;
}
.traffic-progress .food-it-app {
    width: 80%;
}
.traffic-progress .progress-bar {
    height: 4px;
}
.traffic-status p {
    margin: 20px 0 5px;
    font-size: 14px;
    font-weight: 600;
}
.traffic-status .first-child {
    margin-top: 0 !important;
}
.leads-stat-widget .stat-item {
}
.leads-stat-widget .leads {
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}
.leads-stat-widget .leads span {
    font-size: 24px;
    font-weight: 600;
    margin-right: 10px;
}
.recent-activities-widget {
    height: 450px;
}
.recent-activities-widget .widget-item-title {
    margin: 0 !important;
}
.project-progress-widget {
    padding: 15px;
}
.taks-pane .tab-pane {
    padding: 0;
}
.task-item {
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}
.task-item .title {
    font-size: 18px;
    margin-bottom: 5px;
}
.task-item .desc {
    line-height: 2;
    font-size: 14px;
    margin: 0;
}
.task-item-icon i {
    font-size: 20px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    padding: 9px 0px;
}
.task-item .time, .task-item .deadline {
    line-height: 1;
    margin: 0;
}
.task-item .deadline {
    padding: 10px 5px;
}
.task-item .time {
    font-size: 14px;
    border: 1px solid #eee;
    padding: 10px 5px;
}
.twitter-activities-widget {
    height: 410px;
    padding: 5px 15px 15px;
}
.country-wise-traffic-widget {
    padding: 0;
    overflow: hidden;
}
.country-wise-traffic-widget .widget-item-title {
    padding: 15px 15px;
    margin: 0;
}
.country-wise-traffic-header p {
    margin: 0;
    line-height: 1;
    font-weight: 600;
}
.country-wise-traffic-header, .country-wise-traffic-item {
    padding: 20px 0;
    text-align: center;
}
.country-wise-traffic-item {
    font-size: 15px;
}
.country-wise-traffic-item .traffic-status p {
    margin-top: 0 !important;
}
.stat-item .traffic-status p {
    margin-top: 15px;
}
.stat-item .traffic-progress .progress-bar {
    height: 10px;
}
.total-task-donut {
    position: absolute;
    top: 39%;
    left: 39%;
    text-align: center;
}
.total-task-donut h5 {
    font-weight: 700;
    margin-bottom: 5px;
}
.total-task-donut p {
    margin: 0;
    font-size: 14px;
}
.user-list-widget {
    padding: 15px;
}
.user-list-widget .user-item {
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}
.user-list-widget .user-item:first-child {
    padding-top: 5px;
}
.user-list-widget .user-item img {
    max-width: 30px;
    border-radius: 50%;
}
.user-list-widget .user-item button {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
}
.view-all-user-link {
    display: inline-block;
    margin: 20px 0 5px;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 600;
}
.view-all-user-link:hover {
    text-decoration: none;
}
.user-list-widget .user-item .username {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 2;
}
.user-list-widget .user-item .dropdown-menu {
    left: auto;
    right: 0;
    border-radius: 0;
}
.user-list-widget .user-item .dropdown-menu .dropdown-item {
    font-size: 14px;
}
.tab-pane table {
    width: 100%;
}
.dashboard-top-filter {
    padding: 20px 15px 30px;
}
.dashboard-top-filter label {
    display: block;
    margin-bottom: 10px;
}
.dashboard-top-filter input {
    border: 1px solid #eee;
    line-height: 1;
    padding: 15px;
    font-size: 14px;
    width: 100%;
}
.dashboard-top-filter select {
    width: 100%;
    border: 1px solid #eee;
    line-height: 1;
    padding: 12px 15px;
    font-size: 14px;
}
.dashboard-top-filter .date input {
    float: left;
    width: 50%;
}
.dashboard-top-filter .filter-link {
    display: inline-block;
    padding: 15px 0px;
    line-height: 1;
    width: 100%;
    font-weight: 600;
    margin-top: 34px;
}
table {
    width: 100%;
}
.order-status-stats {
    padding: 25px 0 30px;
}
.order-status-stats p {
    margin: 0;
}
.order-status-stats .count {
    font-size: 34px;
}
.order-status-stats .desc {
    font-size: 14px;
}
.pricing-widget {
    padding: 30px;
}
.pricing-widget .pricing-box {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.pricing-widget p {
    margin: 0;
}
.pricing-widget .plan-title {
    font-weight: 600;
}
.pricing-widget .plan-icon i {
    display: inline-block;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    font-size: 36px;
    padding: 20px 0;
    margin: 15px 0;
}
.pricing-widget .pricing-box .pricing {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}
.pricing-widget .pricing-box .desc {
    font-size: 14px;
}
.pricing-widget .plan-feature-item p {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    margin: 30px 0 0;
}
.pricing-widget .plan-feature-item p i {
    width: 25px;
}
.activate-plan-box {
    margin-top: 30px;
    padding: 15px 0;
}
.activate-plan-box a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.activate-plan-box i {
    margin-right: 10px;
}
.chart-widget {
    padding: 15px;
}
.traffic-status .progress {
    height: auto;
}
.popover {
    border: 1px solid #eee;
    border-radius: 0
}
.tour-assay-tour .popover-header {
    border-radius: 0;
    background: #fff;
    padding: 15px;
}
.tour-assay-tour .popover-body {
    padding: 15px;
}
.tour-assay-tour .popover-navigation {
    padding: 0 15px 15px;
}
@media only screen and (max-width:767px) {
    .order-summary-tab {
        overflow-x: scroll;
    }
    .email-widget-title ul li a span, .email-search, .email-detailed-box, .chat-detailed-box {
        display: none;
    }
    .country-traffic-wrapper {
        overflow-x: scroll;
    }
    .country-wise-traffic-item, .country-wise-traffic-header {
        min-width: 430px;
    }
    .margin-sm-top {
        margin-top: 15px;
    }
}
/******************** Datatable styles *****************************/

table.dataTable thead th {
    position: relative;
    background-image: none !important;
    font-weight: 600;
    padding: 20px 0;
}
table.dataTable tbody tr, table.dataTable thead tr {
    border-top: 1px solid #eee;
}
table.dataTable tbody tr td {
    padding: 20px 0;
    font-size: 14px;
}
table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 24px;
    right: 20px;
    display: block;
    font-family: FontAwesome;
    cursor: pointer;
}
table.dataTable thead th.sorting:after {
    content: "\f0dc";
    color: #ddd;
    font-size: 0.8em;
    padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
    content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
    content: "\f0dd";
}
table.dataTable > tbody > tr.child span.dtr-title {
    font-size: 12px;
    font-weight: 700;
}
table.dataTable > tbody > tr.child span.dtr-title i {
    margin-right: 5px;
}
table.dataTable > tbody .product-desc img {
    max-width: 40px;
    border-radius: 50%;
    margin-right: 15px;
}
.payment span {
    font-size: 12px;
    padding: 5px 15px;
    border-radius: 10px;
    font-weight: 600;
}
table.dataTable > tbody .actions .dropdown-menu {
    left: auto;
    right: 51%;
    border-radius: 0;
    border: 1px solid #eee;
    width: auto;
}
table.dataTable > tbody .actions .dropdown-menu .dropdown-item {
    font-size: 14px;
    color: #7e869d;
}
table.dataTable > tbody .actions .action-link {
    cursor: pointer;
    padding: 5px 15px;
    border: 1px solid #eee;
    position: relative;
}
table.dataTable > tbody .actions .action-link i {
    margin-left: 15px;
}
table.dataTable > tbody .actions .download-link {
    margin-left: 15px;
}
table.dataTable > tbody .actions .dropdown-menu .dropdown-item i {
    margin-right: 15px;
}
.dataTables_filter {
    position: relative;
}
.dataTables_filter:before {
    font-family: FontAwesome;
    position: absolute;
    top: 11px;
    left: 15px;
    display: block;
    content: "\f002";
    color: #7e869d;
}
.dataTables_filter label {
    width: 100%;
    margin-bottom: 30px;
}
.dataTables_filter input {
    padding: 15px 15px 15px 45px;
    line-height: 1;
    border: 1px solid #eee;
    width: 100%;
    color: #7e869d;
}
.dataTables_wrapper select {
    border: 1px solid #eee;
    color: #7e869d;
}
.dataTables_paginate a {
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    padding: 5px 10px;
    color: #7e869d;
}
.dataTables_paginate {
    float: right;
}
.table-footer-info {
    padding: 30px 0;
    border-top: 1px solid #eee;
}
.dataTables_paginate a:last-child {
    border-right: 1px solid #eee;
}
.order-summary-tab, .invoice-summary-tab {
    padding: 30px 0 0;
}
@media only screen and (max-width:767px) {
    .dataTables_wrapper {
        min-width: 800px;
    }
}
/******************** datepicker style *******************************/

.ui-datepicker {
    border: 1px solid #eee;
    background: #fff;
    padding: 15px;
    display: none;
}
.ui-datepicker-title {
    text-align: center;
    color: #81878C;
}
.ui-datepicker-prev {
    float: left;
}
.ui-datepicker-next {
    float: right;
}
.ui-datepicker-next, .ui-datepicker-prev {
    color: #81878C;
    cursor: pointer;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
    text-decoration: none;
    color: #07253F;
}
.ui-datepicker-calendar th {
    color: #81878C;
    font-weight: 600;
    padding: 8px;
}
.ui-datepicker-calendar td {
    padding: 8px;
    text-align: center;
}
.ui-datepicker-calendar td a {
    color: #81878C;
}
.ui-datepicker-calendar td a:hover {
    text-decoration: none;
    color: #07253F;
}
.ui-datepicker-current-day {
    border: 1px solid #eee;
}
/********************* 7. Login, Forgot, Registration *********************/

.dark-background {
    background: #f7f7f7;
    position: relative;
}
.form-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 30px;
    width: 350px;
    border: 1px solid #eee;
    box-shadow: 0 0 5px #eee;
}
.form-wrapper .icon-input {
    border: 1px solid #eee;
    line-height: 1;
    margin-bottom: 15px;
    padding: 1px 15px;
}
.form-wrapper .icon-input i {
    margin-right: 15px;
}
.form-wrapper .icon-input input {
    border: none;
    line-height: 1;
    padding: 15px 0;
    display: inline-block;
    width: 85%;
}
.form-wrapper h5 {
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px;
}
.form-wrapper h5 i {
    margin-right: 5px;
}
.login-btn-wrapper {
    margin-top: 25px;
}
.login-btn {
    border: none;
    font-size: 14px;
    padding: 15px 60px;
    font-weight: 600;
    cursor: pointer;
}
.reset-password-link {
    font-size: 14px;
    margin: 20px 0 0;
    line-height: 1;
}
.reset-password-link a {
    font-weight: 600;
}
/**************************** 8. Full Calendar ************************/

.fc-state-default {
    border: 1px solid #eee;
    background: transparent !important;
    color: #7e869d;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
}
.fc-state-active {
    background: #a389D4 !important;
    color: #fff;
}
.fc-toolbar h2 {
    font-size: 26px;
    color: #7e869d;
}
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #eee;
}
.fc-toolbar.fc-header-toolbar {
    margin: 15px 0 30px;
}
.fc th {
    padding: 5px;
    font-weight: 600;
    color: #fff;
    background: #1dc5e9;
    font-size: 14px;
}
.event-list .fc-event {
    font-size: 14px;
    border-radius: 0;
    border: none;
    padding: 10px;
    margin: 15px 0;
    cursor: move;
}
.event-list p {
    margin: 0;
}
.yellow-event {
    background: #f5c22b;
}
.blue-event {
    background: #1dc5e9;
}
.purple-event {
    background: #a389D4;
}
/*********************** 9. Forms & Tabs *****************************/

.input-group-addon {
    border-radius: 0;
}
.form-control {
    border-radius: 0;
    padding: 15px;
    line-height: 1;
}
.form-with-input-icon .form-control {
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: none;
}
.input-group {
    margin: 0 0 20px !important;
}
.input-group-addon {
    background: transparent;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: none;
}
.login-btn {
    border: none;
    font-size: 14px;
    padding: 15px 60px;
    font-weight: 600;
    cursor: pointer;
}
.reset-password-link {
    font-size: 14px;
    margin: 20px 0 0;
    line-height: 1;
}
.reset-password-link a {
    font-weight: 600;
}
.bottom-input-border {
    line-height: 1;
}
.bottom-input-border .input-icon {
    text-align: center;
}
.bottom-input-border label {
    font-size: 14px;
    margin: 0;
}
.bottom-input-border .input-row {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    margin-bottom: 20px;
}
.bottom-input-border .custom-control {
    font-size: 16px;
}
.bottom-input-border .form-control {
    border: none;
    padding: 0;
}
.default-form .input-row label {
    font-size: 14px;
}
.default-form .form-control {
    border: 1px solid #eee;
}
.default-form .input-row {
    margin: 10px 0;
}
.custom-select {
    border: 1px solid #eee;
    border-left: none;
    border-radius: 0;
    padding: 12px 15px;
    height: auto;
    width: 100%;
    margin: 0 !important;
}
.custom-tab-content {
    line-height: 2;
    padding: 15px;
}
.tabs-with-icon .nav-tabs a i {
    margin-right: 10px;
}
.tabs-with-top-icon .nav-tabs a {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 20px;
}
.tabs-with-top-icon .nav-tabs a i {
    display: block;
    font-size: 25px;
    margin-bottom: 10px;
}
.tabs-with-top-icon .nav-tabs {
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
}
.tabs-with-top-icon .nav-tabs .nav-link.active, .tabs-with-content-background .nav-tabs .nav-link.active {
    border-radius: 0;
}
.tabs-with-top-icon .nav-tabs .nav-link.active::after, .tabs-with-content-background .nav-tabs .nav-link.active::after, .tabs-with-circular-icon .nav-tabs .nav-link.active::after {
    background: transparent;
}
.tabs-with-content-background .tab-content {
    background: #fff;
}
.tabs-with-content-background .nav-tabs a {
    margin: 0;
    font-weight: 600;
    padding: 15px;
}
.tabs-with-content-background .nav-tabs, .tabs-with-circular-icon .nav-tabs {
    border: none;
}
.tabs-with-circular-icon .nav-tabs a i {
    display: block;
    margin-bottom: 5px;
}
.tabs-with-circular-icon .nav-tabs .nav-link {
    padding: 20px 0;
    display: block;
    width: 80px;
    height: 80px;
}
.tabs-with-circular-icon .nav-tabs .nav-link.active {
    border-radius: 50%;
    font-weight: 600;
}
.tabs-with-circular-icon .nav-tabs a {
    margin: 0;
}
/**************** Buttons & Progress bar*******************/

.hr-saparator {
    margin: 15px 0;
}
.pb-w-3 {
    width: 25%;
}
.pb-w-6 {
    width: 50%;
}
.pb-w-9 {
    width: 75%;
}
.pb-w-12 {
    width: 100%;
}
.color-switcher {
    display: none;
}
.tg-calculator-first {
    box-shadow: 0px 0px 4px 2px #ddd;
    background: #fff;
    margin-top: 8%;
    padding: 0;
}
.tg-calculator form.tg-form {
    padding: 20px;
    padding-bottom: 0;
}
.tg-title {
}
.tg-calculator label {
    width: 50%;
    font-weight: bold;
    float: left;
}
.tg-calculator input {
    width: 50%;
    float: right;
    border-radius: 4px;
    height: 30px;
    padding: 0;
    padding-left: 0px;
    padding-left: 10px;
}
.tg-title h4 {
    padding: 10px;
    background: #000;
    color: #fff;
    font-weight: bold;
    border-radius: 5px 5px 0px 0px;
    font-size: 15px;
    text-transform: uppercase;
}
.tg-bttn {
    margin: 30px auto;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 14px;
    background: #00B272;
    border: navajowhite;
    color: #fff;
    padding: 7px 20px;
    text-transform: uppercase;
    margin-bottom: 0;
    border-radius: 4px;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    display: block;
    width: 200px;
    text-align: center;
}
.tg-bttn:hover {
    background: #15534c;
    color: #fff;
}
a {
    text-decoration: none !important;
}
.tg-bttn-back {
    float: left;
    margin: 20px;
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    color: #181818;
    font-weight: bold;
}
.tg-bttn-back span {
    margin-right: 5px;
    font-size: 10px;
    font-weight: bold;
}
table.tg-table i {
    margin-right: 5px;
}
table.tg-table th, table.tg-table td {
    padding: 15px;
    text-align: center;
    border: 1px solid #aab0b6;
}
table.tg-table td:first-child {
    text-align: left;
    font-weight: bold;
}
.tg-calculator-result {
    width: 70%;
    margin: 10% auto;
}
table.tg-table th {
    background: #000;
    color: #fff;
    padding: 10px;
}
table.tg-table th.li-first {
    /*background: none;*/

}
.tg-calculator-result .tg-bttn {
    float: right;
}
.tg-table {
    background: #fff;
}
.tg-last {
    color: #229696;
    font-weight: bold;
}
.tg-calculator-compFreq {
    width: 100%;
    margin: 0% auto;
}
.tg-example {
    width: 100%;
    background: #fff;
    margin: 2% auto;
}
.tg-example h4 {
    padding: 10px;
    padding-left: 33px;
    background: #ddd;
}
.tg-time {
    padding: 35px;
    padding-top: 0;
}
.tg-calculator-compFreq input {
    width: 100%;
    border: none;
}
.tg-example  td:first-child {
    font-weight: normal !important;
}
.tg-check {
    cursor: pointer;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}
.tg-check:hover {
    background: #c8cdce;
}
/*input:focus

{

        background:#c8cdce !important;

        border:none !important;

        box-shadow:none !important;

}

input

{

        transition:all 0.4s ease 0s;

        -webkit-transition:all 0.4s ease 0s;

}*/

.tg-rate-infl {
    width: 60%;
    margin: 10% auto;
}
.tg-rate-infl td {
    width: 15%;
}
.tg-rate-infl td:first-child {
    width: 25%;
}
.tg-rate-infl td input {
    width: 100%;
    border: none;
}
.tg-bold td {
    font-weight: bold;
}
.tg-bttn i {
    margin-right: 5px;
}
.tg-retiremntcorpus {
    padding: 0;
    background: #fff;
    margin-top: 0px;
    margin-bottom: 30px;
    box-shadow: 0px 4px 4px 3px #c9c9c9;
}
.tg-retiremntcorpus .tg-title h4 {
    background: #000;
    color: #fff;
    border-radius: 0;
}
.tg-retiremntcorpus .tg-title {
    width: 100%;
}
.tg-retiremntcorpus .tg-form {
    padding: 20px;
    width: 100%;
}
.tg-retiremntcorpus .tg-form label {
    font-weight: bold;
    font-size: 14px;
}
.tg-retiremntcorpus .tg-form input, .tg-retiremntcorpus .tg-form select {
    height: 35px;
    padding: 0px 12px;
    width: 100%;
    border: 1px solid #adadad;
}
.tg-retiremntcorpus .tg-bttn {
    width: auto;
    margin-top: 10px;
    margin-bottom: 20px;
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    opacity: 1;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 500px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: -21%;
    margin-left: -60px;
    font-weight: normal;
    padding: 20px;
    font-size: 13px;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
#datepicker {
    width: 100%;
    /*margin: 0 20px 20px 20px;*/
}
#datepicker > span:hover {
    cursor: pointer;
}
.datepicker-dropdown {
    /*top: 220px !important;*/
}
#datepicker input {
    background: #fff;
}
.input-group-addon {
    position: absolute;
    right: 4px;
    top: 2px;
    z-index: 11111;
    background: transparent;
}
.tg-pie
{
    width:40% !important;
    float:left;
    margin-bottom:20px;
    margin-right:10px;
}
/* pre loader */
#preloader { position: fixed; left: 0; top: 0; z-index: 99999; width: 100%; height: 100%; overflow: visible; background: rgba(255, 255, 255, .5);;
             text-align: center;
}
#loaderImg{
    position: relative !important;
    top: 40%;
    opacity: 1;
    text-align: center !important;
    width: 15%;
}

.header {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 80px;
    line-height: 50px;
    color: #fff;
}
.header .logo {
    text-transform: uppercase;
    letter-spacing: 1px;
}
.header #menu-action {
    display: block;
    float: left;
    width: 60px;
    height: 80px;
    line-height: 78px;
    margin-right: 15px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background:#3E4095;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.header #menu-action i {
    display: inline-block;
    margin: 0 5px;
}
.header #menu-action span {
    width: 0px;
    display: none;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.header #menu-action:hover {
    background:#3E4095;
}
.header #menu-action.active {
    width: 350px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.header #menu-action.active span {
    display: none;
    width: auto;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.sidebar {
    position: fixed;
    z-index: 10;
    left: -100px;
    top: 80px;
    height: 100%;
    width: 60px;
    background: #fff;
    border-right: 1px solid #ddd;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.sidebar.active,
.sidebar.hovered {
    width: 350px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    left: 0px;
}
.sidebar ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.sidebar ul li {
    display: block;
}
.sidebar ul li a {
    display: block;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    color: #444;
    text-align: left;
}
.sidebar ul li a i {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    -o-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.sidebar ul li a span {
    display: inline-block;
    line-height: 32px;
    width: 100%;
    padding: 15px;
    font-weight: bold;
    color: #000;
}
.sidebar ul li a:hover {
    background-color: #D7D7DA;
}
.sidebar ul li a:hover i {
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
}
.main {
    position: relative;
    display: block;
    top: 50px;
    left: 0;
    padding: 15px;
    padding-left: 75px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.main.active {
    padding-left: 275px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.main .jumbotron {
    background-color: #fff;
    padding: 30px !important;
    border: 1px solid #dfe8f1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.main .jumbotron h1 {
    font-size: 24px;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -ms-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -ms-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -ms-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -ms-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -ms-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
.padd50-all
{
    padding-top:50px;
    padding-bottom:50px;
}
.tg-pie-chart .col-md-2
{
    margin-left: 33px;
}
.tg-pie-chart1
{

}
.hlp-text
{
    padding-bottom:25%;
}
.mrg10
{
    padding-bottom:10%;	
}
.hlp-text li
{
    font-family: 'Glyphicons Halflings';
    font-size: 15px;
    float: left;
    padding-top  : 20px !important;
    padding-left : 20px !important;
    padding-right: 20px !important;
    color: #000;
}
.tg-bttn-help {
    margin-top: -8%;
    float: left;
    width: 100%;

    font-size: 13px;
    color: #3E4095;
    font-weight: bold;
    padding: 4%;
    margin-bottom: 6%;	
}
.help_page{
    padding: 2%;
    margin: 0;
}
.help_page_img{
    text-align: center;
    margin-bottom: 2%;
}
.help_page_img img{
    /*width: 100%;*/
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.help_page ul{
    list-style-type: none;
    padding: 0;
}
.help_page ul li{
    padding: 10px 0;
}
button.close {
    padding: 0px 10px 7px;
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    right: -30px;
    top: -30px;
    z-index: 1;
    background: #000;
    border-radius: 50px;
    opacity: 1;
    color: #fff;
}
#myModal { z-index:10000; }

a.help_btn { float:right !important; cursor: pointer; }