/*  --------------------------------------------------------------------------------------------------------------  iDevAffiliate HTML Front-End Template   --------------------------------------------------------------------------------------------------------------  Theme Name: Default Theme   --------------------------------------------------------------------------------------------------------------*/
html {
    min-height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #686868;
    min-height: 100%;
    padding-bottom: 0;
    margin: 0;
}

@media (min-width: 992px) {
    body {
        background: #555555;
    }
}

@media (max-width: 992px) {
    body {
        margin-top: 100px;
    }
}

h1, h2, h3, h4 {
    font-family: 'Roboto', sans-serif;
}

a {
    color: #4e72c2;
}

a:hover, a:active, a:focus {
    color: #4e72c2;
}

a, a:visited, a:focus, a:active, a:hover {
    outline: 0 none !important;
}

::-moz-focus-inner {
    border: 0 none;
    -moz-outline-style: none;
}

.page-header {
    margin: 30px 0 15px;
    border-bottom: 1px solid #e5e5e5;
}

.page-header h1 {
    margin: 0;
    font-size: 22px;
    font-weight: bold;
}

.page-header h1 :before {
    *content: "f101";
    *margin-right: 4px;
    *font-family: FontAwesome;
    *color: #4e72c2;
}

.page-header .sub-title {
    font-size: 60%;
    text-transform: none;
    color: #999999;
}

.page-header.title {
    margin: 15px 0 12px;
    border-bottom: 1px solid #e5e5e5;
    color: #414141;
    padding: 15px;
    background-color: #ffffff;
}

@media (max-width: 639px) {
    .page-header.title h1 {
        font-size: 21px;
    }
}

.breadcrumbs {
    position: relative;
    padding: 0 12px 0 0;
    min-height: 40px;
    line-height: 39px;
    background: #ffffff;
    margin: 0 -15px;
    border: 0 none;
    border-bottom: 1px solid #e5e5e5;
}

.breadcrumbs > .breadcrumb {
    background-color: transparent;
    display: inline-block;
    line-height: 20px;
    margin: 5px 15px 0 15px;
    padding: 0;
}

.breadcrumbs > .breadcrumb .active {
    color: #999999;
    font-size: 13px;
}

.breadcrumbs > .breadcrumb a {
    color: #555555;
    font-size: 13px;
}

.breadcrumbs > .breadcrumb a:hover, .breadcrumbs > .breadcrumb a:focus, .breadcrumbs > .breadcrumb a:active {
    color: #4e72c2;
    text-decoration: none;
}

.breadcrumbs > .breadcrumb > li:first-child :before {
    content: "f015";
    margin-right: 4px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    vertical-align: top;
}

.breadcrumbs > .breadcrumb > li + li:before {
    content: "//�0a0";
    padding: 0 5px;
}

.breadcrumbs > .b-right {
    position: absolute;
    left: 15px;
    line-height: 20px;
    top: 0;
    margin: 0 -5px 0;
    padding: 0;
    border-left: 1px solid #e5e5e5;
}

.breadcrumbs > .b-right ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.breadcrumbs > .b-right ul li {
    float: left;
    padding: 0;
    border-right: 1px solid #e5e5e5;
    position: relative;
}

.contact-page form .portlet-footer {
    border: 0px;
    background: none;
}

.breadcrumbs > .b-right ul li a {
    padding: 6px 12px 5px 12px;
    line-height: 29px;
    display: inline-block;
    text-decoration: none;
    color: #555555;
    font-size: 13px;
}

.breadcrumbs > .b-right ul li a span {
    color: #999999;
}

.breadcrumbs > .b-right ul li ul {
    border-top: 0 none;
}

.breadcrumbs > .b-right ul li ul li {
    border: 0 none;
    float: none;
}

.breadcrumbs > .b-right ul li ul li a {
    line-height: normal;
    display: block !important;
    padding: 3px 11px;
    color: #686868;
}

@media (min-width: 992px) {
    .breadcrumbs.fixed {
        position: fixed;
        right: 0;
        left: 250px;
        z-index: 1024;
        margin: 0;
        top: 50px;
    }

    .breadcrumbs.fixed.collapsed {
        left: 0;
    }
}

#wrapper {
    width: 100%;
}

#main-container {
    background: none;
    margin: 15px auto 15px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

#main-container div.row, #main-container ul.row {
    margin: 0 -7.5px;
}

#main-container div.row > [class*=col-], #main-container ul.row > [class*=col-] {
    padding: 0 7.5px;
}

#main-container:before {
    display: block;
    content: "";
    position: absolute;
    z-index: -2;
    width: 100%;
    max-width: inherit;
    bottom: 0;
    top: 0;
}

.bottom-section-inner-left {
    float: left;
    margin: 0 10% 0 0;
    width: 30%;
}

.bottom-section-inner-center {
    float: left;
    width: 22%;
}

.bottom-section-inner-right {
    float: right;
    width: 16%;
}

.bottom-section-inner-center h5, .bottom-section-inner-right h5 {
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 20px;
    text-transform: uppercase;
}

.bottom-section-inner-center ul, .bottom-section-inner-right ul {
    margin: 0;
    padding: 0;
}

.bottom-section-inner-center ul li, .bottom-section-inner-right ul li {
    list-style: none;
}

.bottom-section-inner-center ul li a {
    color: #9b9b9b;
}

.bottom-section-inner-right ul li {
    float: left;
    padding: 0 10px 10px 0;
}

.bottom-section-inner-center ul li {
    background: url("../images/arrow.png") no-repeat scroll left 3px rgba(0, 0, 0, 0);
    float: left;
    font-size: 14px;
    font-weight: normal;
    padding: 0 0 5px 20px;
    width: 80%;
    text-align: left;
}

.bottom-section-inner-center ul li:hover {
    text-decoration: none;
}

.bottom-section-inner-left p {
    color: #acb2bb;
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    margin: 12px 0 0;
}

.fullwidth-footer-bottom {
    float: left;
    width: 100%;
    overflow: hidden;
}

.navbar-top .nav-top .lang li.dropdown > a, .navbar-top .nav-top .user-information li.dropdown > a {
    border: 1px solid rgba(255, 255, 255, 0.2);
    height: auto !important;
    margin: 0px 4px 0;
    padding: 10px 40px !important;
}

.navbar-top .nav-top .lang li.dropdown > a, .navbar-top .nav-top .user-information li.dropdown > a { /* border:1px solid #505050\0/;*/
    border /*\**/: 1px solid #505050 \9;
}

.navbar-top {
    border-radius: 0;
    left: 0;
    max-height: 150px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.navbar-brand {
    height: auto;
}

.navbar-top .nav-top .lang, .navbar-top .nav-top .user-information {
    margin-bottom: 15px; /* margin-top:-15px; */
}

.navbar-top {
    box-shadow: 0 0 6px 5px rgba(34, 34, 34, 0.4);
    -webkit-box-shadow: 0 0 6px 5px rgba(34, 34, 34, 0.4);
    -moz-box-shadow: 0 0 6px 5px rgba(34, 34, 34, 0.4)
}

.footer-main {
    bottom: 0;
    position: relative;
    width: 100%;
    border-top: 1px solid #7f7f7f;
    background: #000;
}

.footer-main {
    z-index: 9999;
}

.navbar-top .nav li a.dropdown-toggle:hover span, .navbar-top .nav li a.dropdown-toggle:hover b {
    color: #fff;
}

.navbar-top .nav li a.dropdown-toggle:hover {
    background: #454E54 !important;
}

@media (min-width: 992px) {
    .breadcrumbs {
        margin: 0 -25px;
    }

    #main-container.container .breadcrumbs.fixed {
        left: auto;
        right: auto;
        width: 980px;
        margin: 0 -15px;
    }

    #main-container.container .breadcrumbs.collapsed {
        width: 1170px;
    }

    #main-container.container .footer .footer-inner {
        left: 0;
        right: auto !important;
        width: 100%;
    }

    #main-container .footer .footer-inner {
        width: 100%;
    }

    #main-container .fullwidth-footer .footer .footer-inner {
        left: 0;
    }

    .footer-main.container-fixed {
        width: 100%;
    }

    .footer-main {
        bottom: 0;
        position: relative;
        width: 100%;
        border-top: 1px solid #7f7f7f;
        background: #000;
    }

    .footer-main.container {
        width: 1170px;
    }

    #main-container.container .footer .footer-inner .footer-content {
        left: 0;
        right: 0;
    }

    .footer .footer-inner .footer-content .footer-content-inner {
        padding: 20px 15px 15px;
        overflow: hidden;
        display: block;
    }

    .account-page .footer-pushed .footer-content-end .col-md-12, .account-page .footer-pushed .footer-inner .footer-content .footer-content-inner {
        padding-left: 25%;
    }

    .footer-pushed .bottom-section-inner-right ul li {
        padding: 0 5px 10px 0;
    }

    #main-container.container:before {
        width: inherit;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    #main-container.container .breadcrumbs.fixed {
        left: auto;
        right: auto;
        width: 780px;
        margin: 0 -15px;
        top: 50px;
    }

    .breadcrumbs > .b-right ul li a {
        padding: 6px 4px 5px;
    }

    #main-container.container .breadcrumbs.collapsed {
        width: 970px;
    }
}

@media (max-width: 1200px) {
    #main-container.container .footer .footer-inner.collapsed {
        max-width: 970px;
    }

    .footer-main.container {
        width: 100%;
    }
}

@media (max-width: 1000px) {
    .footer .footer-inner .footer-content {
        text-align: center;
    }

    .footer .footer-inner .col-md-5 .pull-right {
        float: none !important;
    }
}

#page-wrapper {
    padding: 0 15px;
    overflow: hidden;
    border: none;
    background-color: #f5f5f5; /* min-height:510px;*/
    margin-top: 100px;
}

.full-width-main-container #page-wrapper {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

body .nav > li > a:hover, .nav > li > a:focus {
    background: none;
}

@media (min-width: 992px) {
    #page-wrapper {
        margin: 50px 0px 0px 0 /*250px*/;
    }

    .full-width-main-container.account-page #page-wrapper {
        margin-left: 265px !important;
        margin-right: 15px !important;
    }

    .full-width-main-container.account-page .navbar-side {
        margin-left: 15px;
        min-width: 210px;
    }

    #page-wrapper.collapsed {
        margin: 150px 0px 0px 0px;
    }

    #page-wrapper.fixed {
        margin: 90px 0px 0px 250px;
    }

    #page-wrapper.fixed.collapsed {
        margin: 90px 0px 0px 0px;
    }
}

.footer .footer-inner {
    position: relative;
    z-index: auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.footer .footer-inner .footer-content {
    position: relative;
    text-align: left;
    left: 0;
    right: 0; /*bottom:0;*/
    padding: 0;
    line-height: normal;
}

.footer {
    width: 100%;
    height: auto;
}

.footer-content-end {
    background: none repeat scroll 0 0 #121212;
    float: left;
    padding: 10px 0;
    width: 100%;
}

.footer-content-end a {
    text-decoration: none !important;
}

@media (min-width: 992px) {
    .footer .footer-inner {
        z-index: auto;
        right: 0;
        bottom: 0;
    }

    .footer .footer-inner.collapsed {
        left: 0;
    }
}

ol.breadcrumb li.pull-right:before {
    content: normal;
}

blockquote, .blockquote-reverse, blockquote.pull-right {
    border-color: #4e72c2;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .modal, .accordion-toggle:focus, .btn:focus {
    outline: none;
}

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel .panel-footer {
    background: #ffffff;
}

.panel.panel-default {
    border-color: #e5e5e5;
}

.label, .badge {
    font-weight: normal;
    font-size: 11px;
}

[class*=" fa-"], [class^="fa-"], [class*=" glyphicon-"], [class^="glyphicon-"] {
    text-align: center;
}

.popover {
    width: auto;
    border-radius: 0;
}

.btn, .well, .label, .thumbnail, .panel-heading, .alert, .panel, .progress, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .list-group-item:first-child, .list-group-item:last-child, .form-control, .input-group-addon, .input-group-btn .btn, .dropdown-menu, .panel-group .panel, .panel-group .panel-heading, .pager li > a, .pager li > span, .breadcrumb, .nav-tabs > li > a, .nav-pills > li > a {
    border-radius: 0;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #4e72c2;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #4e72c2;
    border-color: #4369be;
}

.nav-tabs, .nav-pills {
    margin-bottom: 10px;
}

.nav-tabs .open > a, .nav-pills .open > a, .nav-tabs .open > a:hover, .nav-pills .open > a:hover, .nav-tabs .open > a:focus, .nav-pills .open > a:focus {
    border-color: #4e72c2;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-pills > li > a:hover, .nav-pills > li > a:focus, .nav-tabs .open > a, .nav-tabs .open > a:hover, .nav-tabs .open > a:focus, .nav-pills .open > a, .nav-pills .open > a:hover, .nav-pills .open > a:focus, .nav-tabs ul.dropdown-menu > li > a:hover, .nav-tabs ul.dropdown-menu > li > a:focus, .nav-pills ul.dropdown-menu > li > a:hover, .nav-pills ul.dropdown-menu > li > a:focus {
    background-color: #f2f2f2;
}

.pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    color: #4e72c2;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    color: #4e72c2;
}

.pagination > li > a:hover {
    color: #4e72c2;
}

.dropdown-menu {
    font-size: 13px;
}

.progress, .thumbnail, .panel-group, dl {
    margin-bottom: 15px;
}

.thumbnail {
    padding: 3px;
}

.modal-content {
    border-radius: 0;
    border: 0 none;
}

.modal-content .modal-header {
    background-color: #f2f2f2;
}

.modal-content .modal-header .modal-title {
    font-size: 16px !important;
}

.modal-content .modal-header .close {
    outline: 0 none !important;
}

.modal-content .modal-footer {
    padding: 10px 15px;
    border-top-color: #e5e5e5;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f2f2f2;
}

a.list-group-item .list-group-item-heading {
    color: #686868;
}

.navbar-top, .top-navbar {
    background-color: #373737;
    z-index: 1030;
}

.navbar-top .navbar-brand img {
    width: 100%;
}

.navbar-top .navbar-brand, .top-navbar .navbar-brand { /* height:100px; */
}

.navbar-top .navbar-brand a, .top-navbar .navbar-brand a {
    color: #f2f2f2;
    font-size: 18px;
    display: inline-block;
}

.navbar-top .navbar-brand a:hover, .top-navbar .navbar-brand a:hover {
    color: #999999;
    text-decoration: none;
}

.navbar-top .navbar-toggle, .top-navbar .navbar-toggle {
    outline: none;
    color: #f2f2f2;
    margin-top: 6px;
    margin-bottom: auto;
}

.navbar-top .navbar-toggle:hover, .top-navbar .navbar-toggle:hover {
    color: #999999;
}

.navbar-top .dropdown-toggle, .top-navbar .dropdown-toggle {
    padding-top: 6px;
    padding-bottom: 4px;
}

.navbar-top .nav-top, .top-navbar .nav-top {
    margin: 0 10px;
    min-height: 50px;
}

.navbar-top .nav-top li > a, .top-navbar .nav-top li > a {
    font-size: 13px;
}

.navbar-top > .nav-top > .nav > li, .top-navbar > .nav-top > .nav > li, .navbar-top > .container > .nav-top > .nav > li, .top-navbar > .container > .nav-top > .nav > li {
    display: inline-block;
    float: left;
}

.navbar-top > .nav-top > .nav > li > a, .top-navbar > .nav-top > .nav > li > a, .navbar-top > .container > .nav-top > .nav > li > a, .top-navbar > .container > .nav-top > .nav > li > a {
    height: 50px;
    padding-top: 18px;
    color: #ffffff;
}

.navbar-top > .nav-top > .nav > li:hover > a, .top-navbar > .nav-top > .nav > li:hover > a, .navbar-top > .container > .nav-top > .nav > li:hover > a, .top-navbar > .container > .nav-top > .nav > li:hover > a:hover, .navbar-top > .nav-top > .nav > li:focus > a, .top-navbar > .nav-top > .nav > li:focus > a, .navbar-top > .container > .nav-top > .nav > li:focus > a, .top-navbar > .container > .nav-top > .nav > li:focus > a {
    color: #ffffff;
    background-color: transparent;
}

.navbar-top > .nav-top > ul.navbar-right > li.user-box, .top-navbar > .nav-top > ul.navbar-right > li.user-box, .navbar-top > .container > .nav-top > ul.navbar-right > li.user-box, .top-navbar > .container > .nav-top > ul.navbar-right > li.user-box, .navbar-top > .nav-top > ul.navbar-right > li.nav-search-icon, .top-navbar > .nav-top > ul.navbar-right > li.nav-search-icon, .navbar-top > .container > .nav-top > ul.navbar-right > li.nav-search-icon, .top-navbar > .container > .nav-top > ul.navbar-right > li.nav-search-icon, .navbar-top > .nav-top > ul.navbar-right > li.user-box-no-images, .top-navbar > .nav-top > ul.navbar-right > li.user-box-no-images, .navbar-top > .container > .nav-top > ul.navbar-right > li.user-box-no-images, .top-navbar > .container > .nav-top > ul.navbar-right > li.user-box-no-images {
    float: right !important;
}

@media (min-width: 992px) {
    .navbar-top > .nav-top > ul.navbar-right > li.user-box, .top-navbar > .nav-top > ul.navbar-right > li.user-box, .navbar-top > .container > .nav-top > ul.navbar-right > li.user-box, .top-navbar > .container > .nav-top > ul.navbar-right > li.user-box {
        background-color: #2a2a2a;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-width: 0 1px;
    }
}

.navbar-top > .nav-top > ul.navbar-right > li.user-box img, .top-navbar > .nav-top > ul.navbar-right > li.user-box img, .navbar-top > .container > .nav-top > ul.navbar-right > li.user-box img, .top-navbar > .container > .nav-top > ul.navbar-right > li.user-box img {
    border: 2px solid #ffffff;
    width: 36px;
    height: 36px;
    max-height: 36px;
    max-width: 36px;
}

.navbar-top > .nav-top > ul.navbar-right > li.user-box > a, .top-navbar > .nav-top > ul.navbar-right > li.user-box > a, .navbar-top > .container > .nav-top > ul.navbar-right > li.user-box > a, .top-navbar > .container > .nav-top > ul.navbar-right > li.user-box > a {
    padding-top: 7.5px !important;
}

.navbar-top .dropdown-messages, .top-navbar .dropdown-messages, .navbar-top .dropdown-alerts, .top-navbar .dropdown-alerts, .navbar-top .dropdown-tasks, .top-navbar .dropdown-tasks {
    width: 260px;
}

.navbar-top .dropdown-messages li:first-child, .top-navbar .dropdown-messages li:first-child, .navbar-top .dropdown-alerts li:first-child, .top-navbar .dropdown-alerts li:first-child, .navbar-top .dropdown-tasks li:first-child, .top-navbar .dropdown-tasks li:first-child {
    border-top: 2px solid transparent !important;
}

.navbar-top .dropdown-messages li a:hover, .top-navbar .dropdown-messages li a:hover, .navbar-top .dropdown-alerts li a:hover, .top-navbar .dropdown-alerts li a:hover, .navbar-top .dropdown-tasks li a:hover, .top-navbar .dropdown-tasks li a:hover, .navbar-top .dropdown-messages li a:focus, .top-navbar .dropdown-messages li a:focus, .navbar-top .dropdown-alerts li a:focus, .top-navbar .dropdown-alerts li a:focus, .navbar-top .dropdown-tasks li a:focus, .top-navbar .dropdown-tasks li a:focus {
    background-color: #f5f5f5 !important;
    color: #686868 !important;
}

.navbar-top .dropdown-messages li.dropdown-header, .top-navbar .dropdown-messages li.dropdown-header, .navbar-top .dropdown-alerts li.dropdown-header, .top-navbar .dropdown-alerts li.dropdown-header, .navbar-top .dropdown-tasks li.dropdown-header, .top-navbar .dropdown-tasks li.dropdown-header {
    border-top: 2px solid #4e72c2 !important;
}

.navbar-top .dropdown-messages .dropdown-header, .top-navbar .dropdown-messages .dropdown-header, .navbar-top .dropdown-alerts .dropdown-header, .top-navbar .dropdown-alerts .dropdown-header, .navbar-top .dropdown-tasks .dropdown-header, .top-navbar .dropdown-tasks .dropdown-header, .navbar-top .dropdown-messages .dropdown-header:hover, .top-navbar .dropdown-messages .dropdown-header:hover, .navbar-top .dropdown-alerts .dropdown-header:hover, .top-navbar .dropdown-alerts .dropdown-header:hover, .navbar-top .dropdown-tasks .dropdown-header:hover, .top-navbar .dropdown-tasks .dropdown-header:hover {
    background: #ffffff !important;
    color: #686868;
}

.navbar-top .dropdown-messages .dropdown-header:hover, .top-navbar .dropdown-messages .dropdown-header:hover, .navbar-top .dropdown-alerts .dropdown-header:hover, .top-navbar .dropdown-alerts .dropdown-header:hover, .navbar-top .dropdown-tasks .dropdown-header:hover, .top-navbar .dropdown-tasks .dropdown-header:hover, .navbar-top .dropdown-messages .dropdown-header:hover:hover, .top-navbar .dropdown-messages .dropdown-header:hover:hover, .navbar-top .dropdown-alerts .dropdown-header:hover:hover, .top-navbar .dropdown-alerts .dropdown-header:hover:hover, .navbar-top .dropdown-tasks .dropdown-header:hover:hover, .top-navbar .dropdown-tasks .dropdown-header:hover:hover {
    color: #686868;
}

.navbar-top .dropdown-messages .dropdown-footer, .top-navbar .dropdown-messages .dropdown-footer, .navbar-top .dropdown-alerts .dropdown-footer, .top-navbar .dropdown-alerts .dropdown-footer, .navbar-top .dropdown-tasks .dropdown-footer, .top-navbar .dropdown-tasks .dropdown-footer, .navbar-top .dropdown-messages .dropdown-footer a, .top-navbar .dropdown-messages .dropdown-footer a, .navbar-top .dropdown-alerts .dropdown-footer a, .top-navbar .dropdown-alerts .dropdown-footer a, .navbar-top .dropdown-tasks .dropdown-footer a, .top-navbar .dropdown-tasks .dropdown-footer a, .navbar-top .dropdown-messages .dropdown-footer a:hover, .top-navbar .dropdown-messages .dropdown-footer a:hover, .navbar-top .dropdown-alerts .dropdown-footer a:hover, .top-navbar .dropdown-alerts .dropdown-footer a:hover, .navbar-top .dropdown-tasks .dropdown-footer a:hover, .top-navbar .dropdown-tasks .dropdown-footer a:hover, .navbar-top .dropdown-messages .dropdown-footer:hover, .top-navbar .dropdown-messages .dropdown-footer:hover, .navbar-top .dropdown-alerts .dropdown-footer:hover, .top-navbar .dropdown-alerts .dropdown-footer:hover, .navbar-top .dropdown-tasks .dropdown-footer:hover, .top-navbar .dropdown-tasks .dropdown-footer:hover {
    color: #ffffff !important;
    background: #4e72c2 !important;
}

.navbar-top .dropdown-messages, .top-navbar .dropdown-messages {
    left: 0;
}

.navbar-top .dropdown-alerts, .top-navbar .dropdown-alerts {
    left: -45px;
}

.navbar-top .dropdown-tasks, .top-navbar .dropdown-tasks {
    left: -90px;
}

.navbar-top .dropdown-tasks .progress, .top-navbar .dropdown-tasks .progress {
    margin-bottom: 5px;
    height: 10px;
    min-height: 10px;
}

.navbar-top .dropdown-user, .top-navbar .dropdown-user, .navbar-top .dropdown-search, .top-navbar .dropdown-search {
    left: auto;
    right: 0 !important;
    margin: 0;
}

.navbar-top .dropdown-user [class*="fa-"], .top-navbar .dropdown-user [class*="fa-"], .navbar-top .dropdown-search [class*="fa-"], .top-navbar .dropdown-search [class*="fa-"], .navbar-top .dropdown-user [class*="glyphicon-"], .top-navbar .dropdown-user [class*="glyphicon-"], .navbar-top .dropdown-search [class*="glyphicon-"], .top-navbar .dropdown-search [class*="glyphicon-"] {
    font-size: 13px;
}

.navbar-top .dropdown-scroll, .top-navbar .dropdown-scroll {
    padding: 0;
    margin: 0;
}

.navbar-top .dropdown-scroll .dropdown-header, .top-navbar .dropdown-scroll .dropdown-header {
    padding: 10px;
}

.navbar-top .dropdown-scroll .dropdown-header:active, .top-navbar .dropdown-scroll .dropdown-header:active, .navbar-top .dropdown-scroll .dropdown-header:focus, .top-navbar .dropdown-scroll .dropdown-header:focus, .navbar-top .dropdown-scroll .dropdown-header:hover, .top-navbar .dropdown-scroll .dropdown-header:hover {
    background: inherit;
    color: inherit;
}

.navbar-top .dropdown-scroll li, .top-navbar .dropdown-scroll li {
    background: #ffffff;
    margin: 0;
    border-bottom: 1px dotted #e5e5e5;
}

.navbar-top .dropdown-scroll li:last-child, .top-navbar .dropdown-scroll li:last-child {
    border-bottom: 0 none;
}

.navbar-top .dropdown-scroll li a, .top-navbar .dropdown-scroll li a {
    display: block;
    padding: 10px;
}

.navbar-top .dropdown-scroll li a:hover, .top-navbar .dropdown-scroll li a:hover {
    text-decoration: none;
    background-color: inherit;
}

.navbar-top .dropdown-scroll .dropdown-footer, .top-navbar .dropdown-scroll .dropdown-footer {
    border-bottom: 0 none;
    display: block;
    font-size: 11px;
    text-align: center;
}

.navbar-top .dropdown-scroll .dropdown-footer a:after, .top-navbar .dropdown-scroll .dropdown-footer a:after {
    content: "f101";
    margin-left: 4px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
}

.navbar-top .dropdown-scroll p, .top-navbar .dropdown-scroll p {
    margin: 0 0 0 10px;
    font-size: 12px;
}

.navbar-top .dropdown-scroll p.small, .top-navbar .dropdown-scroll p.small {
    color: #999999;
    margin-top: 3px;
    font-size: 11px;
}

.navbar-top .dropdown-scroll [class*="fa-"], .top-navbar .dropdown-scroll [class*="fa-"], .navbar-top .dropdown-scroll [class*="glyphicon-"], .top-navbar .dropdown-scroll [class*="glyphicon-"] {
    font-size: 13px;
}

.navbar-top .dropdown-scroll li a, .top-navbar .dropdown-scroll li a, .navbar-top .dropdown-scroll li a:hover, .top-navbar .dropdown-scroll li a:hover, .navbar-top .dropdown-messages li a:hover, .top-navbar .dropdown-messages li a:hover, .navbar-top .dropdown-alerts li a:hover, .top-navbar .dropdown-alerts li a:hover, .navbar-top .dropdown-tasks li a:hover, .top-navbar .dropdown-tasks li a:hover {
    color: #686868;
}

.navbar-top .alert-icon, .top-navbar .alert-icon {
    color: #ffffff;
    text-align: center;
    width: 25px;
    margin-right: 5px;
}

.navbar-top .badge.up, .top-navbar .badge.up {
    position: absolute;
    font-size: 11px;
    top: 10px;
    right: 20px;
}

.navbar-top [class*="fa-"], .top-navbar [class*="fa-"], .navbar-top [class*="glyphicon-"], .top-navbar [class*="glyphicon-"] {
    font-size: 15px;
}

.navbar-top .user-info, .top-navbar .user-info {
    padding-left: 2px;
}

.navbar-top .search-box, .top-navbar .search-box {
    width: auto;
    padding: 5px 10px;
}

.navbar-top .navbar-right .navbar-toggle, .top-navbar .navbar-right .navbar-toggle {
    margin-right: 0;
    color: #ffffff;
}

.navbar-top .navbar-right .navbar-toggle .fa, .top-navbar .navbar-right .navbar-toggle .fa, .navbar-top .navbar-right .navbar-toggle .glyphicon, .top-navbar .navbar-right .navbar-toggle .glyphicon {
    font-size: 13px !important;
}

@media (min-width: 481px) {
    .navbar-top .navbar-right .navbar-toggle :after, .top-navbar .navbar-right .navbar-toggle :after {
        content: "Side Menu" !important;
        margin-left: 4px;
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
    }
}

.navbar-top .navbar-left > li.dropdown > .dropdown-menu:after, .top-navbar .navbar-left > li.dropdown > .dropdown-menu:after, .navbar-top .navbar-right > li.dropdown > .dropdown-menu:after, .top-navbar .navbar-right > li.dropdown > .dropdown-menu:after {
    top: -8px;
    width: 0;
    height: 0;
    z-index: 2;
    content: " ";
    display: block;
    position: absolute;
    border-bottom: 8px solid #4e72c2;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.navbar-top .navbar-left > li.dropdown > .dropdown-menu:after, .top-navbar .navbar-left > li.dropdown > .dropdown-menu:after {
    left: 8px;
}

.navbar-top .navbar-right > li.dropdown > .dropdown-menu:after, .top-navbar .navbar-right > li.dropdown > .dropdown-menu:after {
    right: 8px;
}

.navbar-top .navbar-right > li.dropdown > .dropdown-scroll:after, .top-navbar .navbar-right > li.dropdown > .dropdown-scroll:after {
    right: 8px;
}

@media (max-width: 992px) {
    .account-page .navbar-side {
        top: 125px;
    }

    .account-page .b-right {
        border: 0 none;
        float: left;
        left: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        z-index: 99;
    }

    .account-page .breadcrumbs .b-right ul li {
        width: 100%;
    }

    .account-page .breadcrumbs .b-right ul li a {
        display: block;
    }

    /*.account-page .full-width-main-container #page-wrapper {    min-height:480px;}*/
    .account-page .b-right ul.prime {
        display: none;
    }

    .account-page .menu-button {
        display: block !important;
    }

    .menu-button img {
        float: right;
        margin: 0;
    }

    .menu-button span {
        color: #FFFFFF;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        position: relative;
        top: 0;
    }

    .menu-button {
        float: left;
        cursor: pointer;
        height: auto;
        padding: 10px 2%;
        background: #969696; /* Old browsers */
        background: #333;
        text-decoration: none;
        text-align: left;
        width: 100%;
    }

    .footer-content-inner {
        padding: 35px 15px 10px;
        overflow: hidden;
    }

    .breadcrumbs, .breadcrumbs .hidden-xs {
        display: block !important;
    }

    #page-wrapper {
        margin-top: 70px;
    }

    .bottom-section-inner-left {
        margin: 0 0 30px !important;
        width: 100%;
    }

    .footer-content-end {
        text-align: center;
    }

    .footer-content-end .pull-right {
        float: none !important;
        line-height: 30px;
    }

    .bottom-section-inner-center, .bottom-section-inner-right {
        float: left;
        margin: 0 2% 0 0 !important;
        width: 32% !important;
    }

    .bottom-section-inner-right {
        width: 21%;
    }

    .bottom-section-inner-right {
        margin-right: 0 !important;
    }

    .navbar-top .navbar-right > li.dropdown > .dropdown-scroll:after, .top-navbar .navbar-right > li.dropdown > .dropdown-scroll:after {
        left: 8px;
    }

    .navbar-top .navbar-left > li.dropdown > .dropdown-menu:after, .top-navbar .navbar-left > li.dropdown > .dropdown-menu:after {
        display: none;
    }

    .navbar-top .navbar-right > li.dropdown > .dropdown-scroll:after, .top-navbar .navbar-right > li.dropdown > .dropdown-scroll:after {
        display: none;
    }
}

.navbar-side.navbar-side-bottom, .navbar-side.navbar-side-bottom.slimScrollDiv {
}

.navbar-top.container {
    padding-left: 0;
    padding-right: 0;
}

.navbar-top .nav-top {
    margin: 10px;
    float: right;
    min-height: 50px; /*-- Edits --*/
    position: absolute;
    right: 0px;
}

.navbar-inner.container {
    position: relative !important;
}

/*-- End Edits --*/
.lang.navbar-right {
    padding-right: 15px;
}

.navbar-top.container .navbar-header {
    margin: 0;
}

@media (max-width: 480px) {
    .bottom-section-inner-center, .bottom-section-inner-right {
        margin: 0 0 25px !important;
        width: 100% !important;
    }

    .bottom-section-inner-right {
        margin-bottom: 0 !important;
    }

    .account-page .portlet-body .table.table-bordered img {
        width: 100%;
        max-width: 468px;
    }

    .navbar-top .user-info { /*display:none;*/
    }

    .navbar-top .user-box {
        margin: 0 -15px;
    }

    .navbar-top .user-box .caret {
        display: none;
    }

    .navbar-top .dropdown-user, .navbar-top .dropdown-search {
        right: 15px !important;
    }

    .navbar-top .mobileFix {
        float: left;
    }

    .top-collapse.mobileFix {
        background: #000;
        width: 100%;
        position: absolute;
        left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-top {
        border-radius: 0;
        left: 0; /*max-height:150px;*/
        position: absolute;
        right: 0;
        top: 0;
    }

    .account-page .b-right ul.prime {
        display: block !important;
    }

    .navbar-top .navbar-header {
        width:;
        background-color: transparent;
    }

    .navbar-top .navbar-header.collapsed {
        background-color: transparent;
    }

    .navbar-top .navbar-left {
        display: inherit;
    }

    .navbar-top #sidebar-toggle {
        display: inline-block;
    }

    .navbar-top .dropdown-messages, .navbar-top .dropdown-alerts, .navbar-top .dropdown-tasks, .navbar-top .dropdown-user {
        left: inherit;
    }

    .navbar-top .dropdown-scroll li a:hover {
        text-decoration: none;
    }

    .navbar-top .search-box {
        min-width: 190px;
    }

    .navbar-top .nav-top {
        text-align: inherit;
    }

    .navbar-top .nav-top .navbar-left.navbar-nav > li {
        background-color: none;
        border: 0;
        border-width: 0;
    }

    .navbar-top .nav-top .navbar-left.navbar-nav > li:first-child {
        border-width: 0;
    }
}

.navbar-top .nav-top .navbar-nav > li > a, .top-navbar .nav-top .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #ffffff;
    transition: all 0.3s ease-in-out;
}

.navbar-top .nav-top .navbar-nav > li > a:hover, .top-navbar .nav-top .navbar-nav > li > a:hover, .navbar-top .nav-top .navbar-nav > li > a:focus, .top-navbar .nav-top .navbar-nav > li > a:focus {
    background-color: /* transparent*/ rgba(0, 0, 0, 0.5) !important;
    color: #ffffff;
}

.navbar-top .nav-top .navbar-nav > li.open > a, .top-navbar .nav-top .navbar-nav > li.open > a, .navbar-top .nav-top .navbar-nav > li.open > a:hover, .top-navbar .nav-top .navbar-nav > li.open > a:hover, .navbar-top .nav-top .navbar-nav > li.open > a:focus, .top-navbar .nav-top .navbar-nav > li.open > a:focus, .navbar-top .nav-top .navbar-right > li.open > a, .top-navbar .nav-top .navbar-right > li.open > a, .navbar-top .nav-top .navbar-right > li.open > a:hover, .top-navbar .nav-top .navbar-right > li.open > a:hover, .navbar-top .nav-top .navbar-right > li.open > a:focus, .top-navbar .nav-top .navbar-right > li.open > a:focus {
    background-color: transparent !important;
}

@media (max-width: 992px) {
    .navbar-top, .top-navbar {
        position: fixed;
        right: 0;
        left: 0;
        padding: 0px;
        top: 0;
    }

    .navbar-top .navbar-brand img {
        margin-top: 15px;
    }

    .navbar-brand {
        padding: 15px 0 15px 15px;
    }

    .navbar-top .nav-top {
        margin: 0;
    }

    .navbar-top .navbar-nav, .top-navbar .navbar-nav {
        margin: 7.5px 0;
    }

    .navbar-top .nav-top .navbar-nav > li > a, .top-navbar .nav-top .navbar-nav > li > a {
        padding: 10px 5px;
    }

    .navbar-top .nav-top .lang, .navbar-top .nav-top .user-information {
        margin-bottom: 0;
        margin-top: 15px;
    }

    .navbar-top .nav-top .navbar-nav .open .dropdown-menu > li > a, .top-navbar .nav-top .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
        font-size: 12px;
        padding: 5px 15px;
    }

    .navbar-top .nav-top .navbar-nav .open .dropdown-menu > li > a:hover, .top-navbar .nav-top .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-top .nav-top .navbar-nav .open .dropdown-menu > li > a:focus, .top-navbar .nav-top .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
        background-color: transparent !important;
    }

    .navbar-top .nav-top .navbar-left.navbar-nav > li .dropdown-menu li, .top-navbar .nav-top .navbar-left.navbar-nav > li .dropdown-menu li {
        border: 0 none;
    }
}

.navbar-side {
    background: #373737; /*width:250px;*/
    border: 1px solid #2f2f2f;
    border-width: 0 1px 0 0;
}

.navbar-side .navbar-collapse {
    border: none;
    padding: 0;
    overflow: hidden !important;
}

.navbar-side .side-nav {
    border-radius: 0;
    border: none;
    float: none;
}

.navbar-side .side-nav li {
    border-bottom: 1px solid #2f2f2f;
    float: none;
}

.navbar-side .side-nav li > a {
    color: #ffffff;
    background-color: #373737;
    outline: none;
    padding: 10px;
    text-shadow: none !important;
    display: block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 13px;
}

.navbar-side .side-nav li > a .fa, .navbar-side .side-nav li > a .glyphicon {
    font-size: 13px;
    color: #666666;
}

.navbar-side .side-nav li > a .fa {
    min-width: 20px;
}

.navbar-side .side-nav li > a .glyphicon {
    min-width: 21px;
}

.navbar-side .side-nav li > a.active {
    border-color: #4e72c2;
    border-right: 0;
    color: #ffffff;
}

.navbar-side .side-nav li > a.active .fa, .navbar-side .side-nav li > a.active .glyphicon {
    color: #ffffff;
}

.navbar-side .side-nav li > a.active:after {
    display: block;
    content: "";
    position: absolute !important;
    right: 0;
    top: 4px;
    border-color: transparent #4e72c2 transparent transparent;
    border-width: 16px 0 /* 10px*/;
    border-style: solid;
}

.navbar-side .side-nav li > a.active:hover, .navbar-side .side-nav li > a.active:focus {
    border-color: #4e72c2;
    border-right: 0;
}

.navbar-side .side-nav li > a, .navbar-side .side-nav li a:hover, .navbar-side .side-nav li a:focus, .navbar-side .side-nav li a:active {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

.navbar-side .side-nav li > a:hover, .navbar-side .side-nav li > a:focus, .navbar-side .side-nav li a:active {
    background: #414141;
}

.navbar-side .side-nav li.panel {
    border-width: 0 0 1px;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-side .side-nav li.panel ul li {
    border-top: none;
    border-bottom: none;
}

.navbar-side .side-nav li.panel ul li a {
    color: #666666;
    background-color: transparent;
}

.navbar-side .side-nav li.panel ul li a.active {
    color: #ffffff;
}

.navbar-side .side-nav li.panel ul li a:hover, .navbar-side .side-nav li.panel ul li a:focus, .navbar-side .side-nav li.panel ul li a:active {
    color: #ffffff;
    background-color: #3a3a3a;
}

.navbar-side .side-nav li.panel.open a {
    background-color: #2f2f2f;
}

.navbar-side .side-nav li.panel.open a, .navbar-side .side-nav li.panel.open a:hover, .navbar-side .side-nav li.panel.open a:focus, .navbar-side .side-nav li.panel.open a:active {
    border-right: 3px solid #4e72c2;
    border-left: 3px solid transparent;
}

.navbar-side .side-nav li.panel.open a:hover, .navbar-side .side-nav li.panel.open a:focus, .navbar-side .side-nav li.panel.open a:active {
    background: #414141;
}

.navbar-side .side-nav li.panel.open .fa, .navbar-side .side-nav li.panel.open .glyphicon {
    color: #ffffff;
}

.navbar-side .side-nav li.panel.open li .fa, .navbar-side .side-nav li.panel.open li .glyphicon {
    color: #666666;
}

.navbar-side .side-nav .arrow {
    float: right;
    text-align: center;
    margin-top: 3px;
}

.navbar-side .side-nav .fa.arrow:before {
    content: "f107";
}

.navbar-side .side-nav .open > a > .fa.arrow:before {
    content: "f107";
}

.navbar-side .side-nav .badge, .navbar-side .side-nav .label {
    position: absolute;
    top: 11px;
    right: 15px;
}

.navbar-side .side-nav a.accordion-toggle .badge, .navbar-side .side-nav a.accordion-toggle .label {
    right: 30px;
}

.navbar-side .side-nav .nav {
    background: #2f2f2f; /* open menu group background */
}

.navbar-side .side-nav .nav > li > a {
    padding: 10px 7.5px;
}

.navbar-side > h4, .navbar-side h4 {
    text-transform: uppercase;
    padding: 10px;
    font-size: 13px;
    margin: 10px 0 0;
    color: #666666;
}

.navbar-side > h4:after, .navbar-side h4:after {
    content: "f103";
    margin-left: 4px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
}

.navbar-side .media {
    padding: 1px 0 2px;
}

.navbar-side .media .sidebar-shortcuts {
    display: block;
    text-align: center;
    padding: 4px 0;
    list-style: none;
    margin-bottom: 0;
}

.navbar-side .media .sidebar-shortcuts li {
    display: inline-block;
}

.navbar-side .media .sidebar-shortcuts li .btn {
    padding: 3px 13px;
    background: transparent;
    border-color: #2f2f2f;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.navbar-side .media .sidebar-shortcuts li .btn:hover, .navbar-side .media .sidebar-shortcuts li .btn:focus {
    background-color: #414141;
}

.navbar-side .media .sidebar-shortcuts li .btn:hover .fa, .navbar-side .media .sidebar-shortcuts li .btn:focus .fa {
    color: #ffffff;
}

.navbar-side .media .sidebar-shortcuts a .fa {
    color: #666666;
}

.navbar-side .media-search {
    padding: 4px 10px;
}

.navbar-side .media-search .input-menu {
    border: 1px solid #2f2f2f;
    font-size: 12px;
    color: #999999;
    width: 100%;
    background-color: #414141 !important;
    margin: 4px 0;
}

.navbar-side .sidebar-labels ul {
    padding-left: 10px;
}

.navbar-side .sidebar-labels ul li {
    list-style: none;
    margin-top: 10px;
}

.navbar-side .sidebar-labels ul li a {
    color: #ffffff;
    font-size: 13px;
}

.navbar-side .sidebar-labels ul li a:hover, .navbar-side .sidebar-labels ul li a:focus {
    text-decoration: none;
}

.navbar-side .sidebar-labels ul li a .fa, .navbar-side .sidebar-labels ul li a .glyphicon {
    color: #bababa;
}

.navbar-side .sidebar-labels ul li a .badge, .navbar-side .sidebar-labels ul li a .label {
    float: right;
    margin-right: 15px;
}

.navbar-side .sidebar-alerts .alert {
    padding: 15px 15px 15px 10px;
}

.navbar-side .sidebar-alerts .alert .close {
    text-shadow: none;
    color: #ffffff;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.navbar-side .sidebar-alerts .alert span {
    color: #bababa;
    font-size: 13px;
}

.navbar-side .media, .navbar-side .media-search, .navbar-side .sidebar-labels {
    border-bottom: 1px solid #2f2f2f;
}

.navbar-side.sidebar-light {
    background: #ffffff;
    margin: 0;
    border: 1px solid #e5e5e5;
}

.navbar-side.sidebar-light .side-nav li {
    border-bottom: 1px solid #e5e5e5;
}

.navbar-side.sidebar-light .side-nav li > a {
    color: #5e5e5e;
    background-color: #ffffff;
}

.navbar-side.sidebar-light .side-nav li > a .fa, .navbar-side.sidebar-light .side-nav li > a .glyphicon {
    color: #565656;
}

.navbar-side.sidebar-light .side-nav li > a.active {
    color: #4e72c2;
}

.navbar-side.sidebar-light .side-nav li > a.active .fa, .navbar-side.sidebar-light .side-nav li > a.active .glyphicon {
    color: #4e72c2;
}

.navbar-side.sidebar-light .side-nav li > a:hover, .navbar-side.sidebar-light .side-nav li > a:focus, .navbar-side.sidebar-light .side-nav li a:active {
    background: #ffffff;
}

.navbar-side.sidebar-light .side-nav li.panel ul li a {
    color: #5e5e5e;
}

.navbar-side.sidebar-light .side-nav li.panel ul li a.active {
    color: #4e72c2;
    background: #ffffff;
}

.navbar-side.sidebar-light .side-nav li.panel ul li a:hover, .navbar-side.sidebar-light .side-nav li.panel ul li a:focus, .navbar-side.sidebar-light .side-nav li.panel ul li a:active {
    color: #5e5e5e;
    *color: #ffffff;
    background-color: #ffffff;
    *background-color: #CC0000;
}

.navbar-side.sidebar-light .side-nav li.panel.open a {
    background-color: #f2f2f2;
}

.navbar-side.sidebar-light .side-nav li.panel.open a:hover, .navbar-side.sidebar-light .side-nav li.panel.open a:focus, .navbar-side.sidebar-light .side-nav li.panel.open a:active {
    background: #ffffff;
}

.navbar-side.sidebar-light .side-nav li.panel.open .fa, .navbar-side.sidebar-light .side-nav li.panel.open .glyphicon {
    color: #5e5e5e;
}

.navbar-side.sidebar-light .side-nav li.panel.open li .fa, .navbar-side.sidebar-light .side-nav li.panel.open li .glyphicon {
    color: #565656;
}

.navbar-side.sidebar-light .side-nav .nav {
    *background: #f2f2f2;
    background: #e8e8e8;
    padding-left: 15px; /* open menu group background */
}

.navbar-side.sidebar-light > h4, .navbar-side.sidebar-light h4 {
    color: #191919;
}

.navbar-side.sidebar-light .media .sidebar-shortcuts {
    margin-bottom: -1px;
}

.navbar-side.sidebar-light .media .sidebar-shortcuts li .btn {
    border-color: #e5e5e5;
}

.navbar-side.sidebar-light .media .sidebar-shortcuts li .btn:hover, .navbar-side.sidebar-light .media .sidebar-shortcuts li .btn:focus {
    background-color: #ffffff;
}

.navbar-side.sidebar-light .media .sidebar-shortcuts li .btn:hover .fa, .navbar-side.sidebar-light .media .sidebar-shortcuts li .btn:focus .fa {
    color: #5e5e5e;
}

.navbar-side.sidebar-light .media .sidebar-shortcuts a .fa {
    color: #565656;
}

.navbar-side.sidebar-light .media-search .input-menu {
    border: 1px solid #e5e5e5;
    background-color: #ffffff !important;
}

.navbar-side.sidebar-light .sidebar-labels ul li {
    list-style: none;
}

.navbar-side.sidebar-light .sidebar-labels ul li a {
    color: #5e5e5e;
}

.navbar-side.sidebar-light .sidebar-labels ul li a .fa, .navbar-side.sidebar-light .sidebar-labels ul li a .glyphicon {
    color: #191919;
}

.navbar-side.sidebar-light .sidebar-alerts .alert .close {
    color: #5e5e5e;
}

.navbar-side.sidebar-light .sidebar-alerts .alert span {
    color: #191919;
}

.navbar-side.sidebar-light .media, .navbar-side.sidebar-light .media-search, .navbar-side.sidebar-light .sidebar-labels {
    border-bottom: 1px solid #e5e5e5;
}

.navbar-side.collapsed {
    display: none;
}

@media (min-width: 992px) {
    .navbar-side { /*position:absolute;*/ /* Changed to fixed for fixed nav */
        border-radius: 0; /*top:150px;*/
    }

    #page-wrapper {
        margin-top: 150px;
    }

    .navbar-side.fixed { /*position:fixed;    z-index:1027; margin-top:15px;*/
    }
}

@media (max-width: 992px) {
    .navbar-side {
        position: fixed;
        margin: 0;
        z-index: 1027;
    }

    .navbar-side .navbar-nav {
        margin: 0;
    }
}

@media (min-width: 992px) {
    .navbar-top.fixed {
        position: fixed;
    }
}

.space {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
}

.space-32 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 32px 0 31px;
}

.space-30 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 30px 0 29px;
}

.space-28 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 28px 0 27px;
}

.space-26 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 26px 0 25px;
}

.space-24 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 24px 0 23px;
}

.space-22 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 22px 0 21px;
}

.space-20 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 20px 0 19px;
}

.space-18 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 18px 0 17px;
}

.space-16 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 16px 0 15px;
}

.space-14 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 14px 0 13px;
}

.space-12 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 12px 0 11px;
}

.space-10 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 10px 0 9px;
}

.space-8 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 8px 0 7px;
}

.space-6 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 6px 0 5px;
}

.space-4 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 4px 0 3px;
}

.space-2 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 2px 0 1px;
}

.hr {
    display: block;
    height: 0px;
    overflow: hidden;
    font-size: 0;
    border-top: 1px solid #e5e5e5;
    margin: 12px 0;
}

.hr-double {
    height: 3px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.hr.dotted, .hr-dotted {
    border-top-style: dotted;
}

.hr-double.dotted {
    border-bottom-style: dotted;
}

.hr-32, .hr32 {
    margin: 32px 0;
}

.hr-30, .hr30 {
    margin: 30px 0;
}

.hr-28, .hr28 {
    margin: 28px 0;
}

.hr-26, .hr26 {
    margin: 26px 0;
}

.hr-24, .hr24 {
    margin: 24px 0;
}

.hr-22, .hr22 {
    margin: 22px 0;
}

.hr-20, .hr20 {
    margin: 20px 0;
}

.hr-18, .hr18 {
    margin: 18px 0;
}

.hr-16, .hr16 {
    margin: 16px 0;
}

.hr-14, .hr14 {
    margin: 14px 0;
}

.hr-12, .hr12 {
    margin: 12px 0;
}

.hr-10, .hr10 {
    margin: 10px 0;
}

.hr-8, .hr8 {
    margin: 8px 0;
}

.hr-6, .hr6 {
    margin: 6px 0;
}

.hr-4, .hr4 {
    margin: 4px 0;
}

.hr-2, .hr2 {
    margin: 2px 0;
}

hr.separator {
    clear: both;
    margin-top: 10px;
    margin-bottom: 13px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
}

.bigger-110 {
    font-size: 110%;
}

.bigger-120 {
    font-size: 120%;
}

.bigger-130 {
    font-size: 130%;
}

.bigger-140 {
    font-size: 140%;
}

.bigger-150 {
    font-size: 150%;
}

.bigger-160 {
    font-size: 160%;
}

.bigger-170 {
    font-size: 170%;
}

.bigger-180 {
    font-size: 180%;
}

.bigger-190 {
    font-size: 190%;
}

.bigger-200 {
    font-size: 200%;
}

.bigger-210 {
    font-size: 210%;
}

.bigger-220 {
    font-size: 220%;
}

.bigger-230 {
    font-size: 230%;
}

.bigger-240 {
    font-size: 240%;
}

.bigger-250 {
    font-size: 250%;
}

.bigger-260 {
    font-size: 260%;
}

.bigger-270 {
    font-size: 270%;
}

.bigger-280 {
    font-size: 280%;
}

.bigger-290 {
    font-size: 290%;
}

.bigger-300 {
    font-size: 300%;
}

.bigger-125 {
    font-size: 125%;
}

.bigger-175 {
    font-size: 175%;
}

.bigger-225 {
    font-size: 225%;
}

.bigger-275 {
    font-size: 275%;
}

.bigger-500 {
    font-size: 50px;
    line-height: 50px;
}

.smaller-90 {
    font-size: 90%;
}

.smaller-80 {
    font-size: 80%;
}

.smaller-70 {
    font-size: 70%;
}

.smaller-60 {
    font-size: 60%;
}

.smaller-50 {
    font-size: 50%;
}

.smaller-40 {
    font-size: 40%;
}

.smaller-30 {
    font-size: 30%;
}

.smaller-20 {
    font-size: 20%;
}

.smaller-75 {
    font-size: 75%;
}

.action-buttons a {
    margin: 0 3px;
    display: inline-block;
    opacity: 0.85;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.action-buttons a:hover {
    text-decoration: none;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
}

.lighter {
    font-weight: 300 !important;
}

.bolder {
    font-weight: bolder !important;
}

.text-underline {
    text-decoration: underline;
}

.heading {
    padding: 0;
    margin: 0;
    height: 25px;
    line-height: 25px;
}

.well p:last-child, .portlet .portlet-body p:last-child {
    margin: 0;
}

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

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

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

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

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

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

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

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

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

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

.no-border {
    border: none !important;
}

.no-border-bottom {
    border-bottom: none !important;
}

.no-border-top {
    border-top: none !important;
}

.no-border-left {
    border-left: none !important;
}

.no-border-right {
    border-right: none !important;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.inline {
    display: inline-block !important;
}

.block {
    display: block !important;
}

.middle {
    vertical-align: middle;
}

.align-middle {
    vertical-align: middle !important;
}

.align-top {
    vertical-align: top !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.space-2x .tile-button, .space-2x .portlet, .space-2x .well, .space-2x .panel, .space-2x .note, .space-2x .notice, .space-2x .progress, .space-2x .alert, .space-2x .pricing-table-1, .space-2x .pricing-table-2, .space-2x .pricing-table-3, .space-2x .pricing-table-4, .space-2x .tc-tabsbar, .space-2x .tc-tabs, .space-2x dl {
    margin-bottom: 20px;
}

.space-2x .well, .space-2x .portlet .portlet-body {
    padding: 25px;
}

.space-2x .well .well, .space-2x .portlet .portlet-body .well {
    padding: 15px;
}

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

.bg-primary, .bg-success, .bg-danger, .bg-info, .bg-warning, .gray, .dark, .inverse, .bg-gray {
    color: #ffffff !important;
}

.bg-primary.note .close, .bg-success.note .close, .bg-danger.note .close, .bg-info.note .close, .bg-warning.note .close, .gray.note .close, .dark.note .close, .inverse.note .close, .bg-gray.note .close, .bg-primary.alert .close, .bg-success.alert .close, .bg-danger.alert .close, .bg-info.alert .close, .bg-warning.alert .close, .gray.alert .close, .dark.alert .close, .inverse.alert .close, .bg-gray.alert .close {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #ffffff;
}

.bg-primary {
    background-color: #4e72c2 !important;
    border-color: #4e72c2 !important;
}

.text-primary {
    color: #4e72c2 !important;
}

.bg-success {
    background-color: #72af46 !important;
    border-color: #72af46 !important;
}

.text-success {
    color: #72af46 !important;
}

.bg-warning {
    background-color: #ab7a4b !important;
    border-color: #ab7a4b !important;
}

.text-warning {
    color: #ab7a4b !important;
}

.bg-danger {
    background-color: #bd362f !important;
    border-color: #bd362f !important;
}

.bg-idev {
    background-color: #0C0F66 !important;
    border-color: #0C0F66 !important;
}

.bg-idevalt {
    background-color: #4e72c2 !important;
    border-color: #4e72c2 !important;
}

.text-danger {
    color: #bd362f !important;
}

.bg-info {
    background-color: #466baf !important;
    border-color: #466baf !important;
}

.text-info {
    color: #466baf !important;
}

.dark, .inverse {
    background-color: #414141 !important;
    border-color: #414141 !important;
}

.text-gray {
    color: #999999 !important;
}

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

.white {
    background-color: #ffffff !important;
}

.text-white {
    color: #ffffff !important;
}

.light {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2 !important;
    color: #555555 !important;
}

.qs-layout-menu {
    position: fixed;
    right: 0;
    top: auto;
    z-index: 1023;
    margin-top: -75px;
}

.qs-layout-menu .btn.qs-setting-btn {
    float: left;
    display: inline-block;
    width: 42px !important;
    background: rgba(0, 0, 0, 0.3) !important;
    border-right: 0 none;
    vertical-align: top;
    margin: 0;
}

.qs-layout-menu .btn.qs-setting-btn:hover, .qs-layout-menu .btn.qs-setting-btn:focus {
    background: rgba(0, 0, 0, 0.5) !important;
}

.qs-layout-menu .qs-setting-box {
    display: none;
    float: left;
    width: 190px;
    padding: 10px 14px;
    background: #ffffff;
    border: 1px solid #555555;
    border-right: 0;
}

.qs-layout-menu .qs-setting-box.open {
    display: inline-block;
}

> .qs-layout-menu .qs-setting-boxdiv {
    margin: 6px 0;
    color: #414141;
    max-height: 24px;
}

> .qs-layout-menu .qs-setting-boxdiv > label {
    font-size: 13px;
}

.qs-layout-menu .qs-setting-box .btn {
    height: 15px;
    width: 15px;
    padding: 4px;
    border: 0 none;
}

.qs-layout-menu .qs-setting-box .btn:hover, .qs-layout-menu .qs-setting-box .btn:focus {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.qs-layout-menu .qs-setting-box ul {
    padding-left: 0;
}

.qs-layout-menu .qs-setting-box ul li {
    display: inline-block;
    list-style: none;
}

.qs-layout-menu.front {
    top: 125px;
    margin-top: 0;
}

.btn {
    outline: 0 none !important;
    background: #f2f2f2;
    color: #686868;
    border-color: #e5e5e5;
}

.btn > .icon-only[class*="fa-"], .btn .icon-only[class*="glyphicon-"] {
    margin: 0;
    padding: 0;
}

.btn > [class*="fa-"], .btn [class*="glyphicon-"] {
    display: inline;
    margin-right: 4px;
}

.btn > [class*="fa-"].icon-on-right, .btn [class*="glyphicon-"].icon-on-right {
    margin-right: 0px;
    margin-left: 4px;
}

.btn.btn-app {
    position: relative;
    padding: 15px 5px;
    margin: 0 7.5px 15px;
    min-width: 80px;
    height: 60px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    text-align: center;
    font-size: 12px;
}

.btn.btn-app > .fa, .btn.btn-app > .glyphicon, .btn.btn-app > .ion {
    font-size: 20px;
    display: block;
    margin: 0;
}

.btn.btn-app > .badge {
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: 10px;
    font-weight: 400;
}

.btn.btn-app.big {
    min-width: 110px;
    height: 90px;
    padding: 25px 15px;
    font-size: 14px;
}

.btn.btn-app.big > .fa, .btn.btn-app.big > .glyphicon, .btn.btn-app.big > .ion {
    font-size: 30px;
    display: block;
}

.btn.btn-app:hover {
    color: #686868;
    border-color: #d3d3d3;
    background-color: #ffffff;
}

.btn:active, .btn.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-default {
    color: #686868;
    background-color: #f2f2f2;
    border-color: #dddddd;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #686868;
    background-color: #d9d9d9;
    border-color: #bfbfbf;
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: #f2f2f2;
    border-color: #dddddd;
}

.btn-default .badge {
    color: #f2f2f2;
    background-color: #686868;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #686868;
    background-color: #e5e5e5;
    border-color: #dddddd;
}

.btn-primary {
    color: #ffffff;
    background-color: #4e72c2;
    border-color: #3f64b7;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #395aa4;
    border-color: #2f4c8a;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #4e72c2;
    border-color: #3f64b7;
}

.btn-primary .badge {
    color: #4e72c2;
    background-color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #3f64b7;
    border-color: #3f64b7;
}

.btn-success {
    color: #ffffff;
    background-color: #72af46;
    border-color: #669d3f;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #5a8b37;
    border-color: #4a712d;
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background-color: #72af46;
    border-color: #669d3f;
}

.btn-success .badge {
    color: #72af46;
    background-color: #ffffff;
}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #669d3f;
    border-color: #669d3f;
}

.btn-info {
    color: #ffffff;
    background-color: #466baf;
    border-color: #3f609d;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #37558b;
    border-color: #2d4571;
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
    background-color: #466baf;
    border-color: #3f609d;
}

.btn-info .badge {
    color: #466baf;
    background-color: #ffffff;
}

.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #3f609d;
    border-color: #3f609d;
}

.btn-warning {
    color: #ffffff;
    background-color: #ab7a4b;
    border-color: #996d43;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color: #88613b;
    border-color: #6f4f31;
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
    background-color: #ab7a4b;
    border-color: #996d43;
}

.btn-warning .badge {
    color: #ab7a4b;
    background-color: #ffffff;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color: #996d43;
    border-color: #996d43;
}

.btn-danger {
    color: #ffffff;
    background-color: #bd362f;
    border-color: #a9302a;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #942a25;
    border-color: #78221e;
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
    background-color: #bd362f;
    border-color: #a9302a;
}

.btn-danger .badge {
    color: #bd362f;
    background-color: #ffffff;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #a9302a;
    border-color: #a9302a;
}

.btn-dark, .btn-gray, .btn-inverse {
    color: #ffffff;
    background-color: #222222;
    border-color: #161616;
}

.btn-dark:hover, .btn-gray:hover, .btn-inverse:hover, .btn-dark:focus, .btn-gray:focus, .btn-inverse:focus, .btn-dark:active, .btn-gray:active, .btn-inverse:active, .btn-dark.active, .btn-gray.active, .btn-inverse.active, .open > .dropdown-toggle.btn-dark, .open > .dropdown-toggle.btn-gray, .open > .dropdown-toggle.btn-inverse {
    color: #ffffff;
    background-color: #090909;
    border-color: #000000;
}

.btn-dark:active, .btn-gray:active, .btn-inverse:active, .btn-dark.active, .btn-gray.active, .btn-inverse.active, .open > .dropdown-toggle.btn-dark, .open > .dropdown-toggle.btn-gray, .open > .dropdown-toggle.btn-inverse {
    background-image: none;
}

.btn-dark.disabled, .btn-gray.disabled, .btn-inverse.disabled, .btn-dark[disabled], .btn-gray[disabled], .btn-inverse[disabled], fieldset[disabled] .btn-dark, fieldset[disabled] .btn-gray, fieldset[disabled] .btn-inverse, .btn-dark.disabled:hover, .btn-gray.disabled:hover, .btn-inverse.disabled:hover, .btn-dark[disabled]:hover, .btn-gray[disabled]:hover, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-dark:hover, fieldset[disabled] .btn-gray:hover, fieldset[disabled] .btn-inverse:hover, .btn-dark.disabled:focus, .btn-gray.disabled:focus, .btn-inverse.disabled:focus, .btn-dark[disabled]:focus, .btn-gray[disabled]:focus, .btn-inverse[disabled]:focus, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-gray:focus, fieldset[disabled] .btn-inverse:focus, .btn-dark.disabled:active, .btn-gray.disabled:active, .btn-inverse.disabled:active, .btn-dark[disabled]:active, .btn-gray[disabled]:active, .btn-inverse[disabled]:active, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-gray:active, fieldset[disabled] .btn-inverse:active, .btn-dark.disabled.active, .btn-gray.disabled.active, .btn-inverse.disabled.active, .btn-dark[disabled].active, .btn-gray[disabled].active, .btn-inverse[disabled].active, fieldset[disabled] .btn-dark.active, fieldset[disabled] .btn-gray.active, fieldset[disabled] .btn-inverse.active {
    background-color: #222222;
    border-color: #161616;
}

.btn-dark .badge, .btn-gray .badge, .btn-inverse .badge {
    color: #222222;
    background-color: #ffffff;
}

.btn-dark:hover, .btn-gray:hover, .btn-inverse:hover, .btn-dark:focus, .btn-gray:focus, .btn-inverse:focus, .btn-dark.focus, .btn-gray.focus, .btn-inverse.focus, .btn-dark:active, .btn-gray:active, .btn-inverse:active, .btn-dark.active, .btn-gray.active, .btn-inverse.active, .open > .dropdown-toggle.btn-dark, .open > .dropdown-toggle.btn-gray, .open > .dropdown-toggle.btn-inverse {
    color: #ffffff;
    background-color: #161616;
    border-color: #161616;
}

.btn-twitter {
    color: #ffffff;
    background-color: #2b97f0;
    border-color: #1d90ef;
}

.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
    color: #ffffff;
    background-color: #0f7ed9;
    border-color: #0e70c1;
}

.btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
    background-image: none;
}

.btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active {
    background-color: #2b97f0;
    border-color: #1d90ef;
}

.btn-twitter .badge {
    color: #2b97f0;
    background-color: #ffffff;
}

.btn-twitter:hover, .btn-twitter:focus, .btn-twitter.focus, .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
    color: #ffffff;
    background-color: #138bee;
    border-color: #1d90ef;
}

.btn-facebook {
    color: #ffffff;
    background-color: #3b5a9b;
    border-color: #375490;
}

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
    color: #ffffff;
    background-color: #2d4576;
    border-color: #263a64;
}

.btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
    background-image: none;
}

.btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active {
    background-color: #3b5a9b;
    border-color: #375490;
}

.btn-facebook .badge {
    color: #3b5a9b;
    background-color: #ffffff;
}

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook.focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
    color: #ffffff;
    background-color: #344f89;
    border-color: #375490;
}

.btn-googleplus {
    color: #ffffff;
    background-color: #db2814;
    border-color: #cd2513;
}

.btn-googleplus:hover, .btn-googleplus:focus, .btn-googleplus:active, .btn-googleplus.active, .open > .dropdown-toggle.btn-googleplus {
    color: #ffffff;
    background-color: #ac1f10;
    border-color: #951b0e;
}

.btn-googleplus:active, .btn-googleplus.active, .open > .dropdown-toggle.btn-googleplus {
    background-image: none;
}

.btn-googleplus.disabled, .btn-googleplus[disabled], fieldset[disabled] .btn-googleplus, .btn-googleplus.disabled:hover, .btn-googleplus[disabled]:hover, fieldset[disabled] .btn-googleplus:hover, .btn-googleplus.disabled:focus, .btn-googleplus[disabled]:focus, fieldset[disabled] .btn-googleplus:focus, .btn-googleplus.disabled:active, .btn-googleplus[disabled]:active, fieldset[disabled] .btn-googleplus:active, .btn-googleplus.disabled.active, .btn-googleplus[disabled].active, fieldset[disabled] .btn-googleplus.active {
    background-color: #db2814;
    border-color: #cd2513;
}

.btn-googleplus .badge {
    color: #db2814;
    background-color: #ffffff;
}

.btn-googleplus:hover, .btn-googleplus:focus, .btn-googleplus.focus, .btn-googleplus:active, .btn-googleplus.active, .open > .dropdown-toggle.btn-googleplus {
    color: #ffffff;
    background-color: #c42412;
    border-color: #cd2513;
}

.btn-linkedin {
    color: #ffffff;
    background-color: #0e76a8;
    border-color: #0d6c9a;
}

.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
    color: #ffffff;
    background-color: #0a5579;
    border-color: #084461;
}

.btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
    background-image: none;
}

.btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin.active {
    background-color: #0e76a8;
    border-color: #0d6c9a;
}

.btn-linkedin .badge {
    color: #0e76a8;
    background-color: #ffffff;
}

.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin.focus, .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
    color: #ffffff;
    background-color: #0c6590;
    border-color: #0d6c9a;
}

.btn-white {
    color: #686868;
    background-color: #ffffff;
    border-color: #e5e5e5;
}

.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
    color: #686868;
    background-color: #e6e6e6;
    border-color: #c6c6c6;
}

.btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
    background-image: none;
}

.btn-white.disabled, .btn-white[disabled], fieldset[disabled] .btn-white, .btn-white.disabled:hover, .btn-white[disabled]:hover, fieldset[disabled] .btn-white:hover, .btn-white.disabled:focus, .btn-white[disabled]:focus, fieldset[disabled] .btn-white:focus, .btn-white.disabled:active, .btn-white[disabled]:active, fieldset[disabled] .btn-white:active, .btn-white.disabled.active, .btn-white[disabled].active, fieldset[disabled] .btn-white.active {
    background-color: #ffffff;
    border-color: #e5e5e5;
}

.btn-white .badge {
    color: #ffffff;
    background-color: #686868;
}

.btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
    color: #686868;
    background-color: #f2f2f2;
    border-color: #e5e5e5;
}

.ui-group-buttons .or {
    position: relative;
    float: left;
    width: .3em;
    height: 1.3em;
    z-index: 3;
    font-size: 12px;
}

.ui-group-buttons .or:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: 'or';
    background-color: #ffffff;
    margin-top: -0.1em;
    margin-left: -0.9em;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.55;
    color: #686868;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    border-radius: 500px;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-group-buttons .or:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: .3em;
    height: 2.84em;
    border-top: 0.6em solid #ffffff;
    border-bottom: 0.6em solid #ffffff;
}

.ui-group-buttons .or.or-lg {
    height: 1.3em;
    font-size: 16px;
}

.ui-group-buttons .or.or-lg:after {
    height: 2.85em;
}

.ui-group-buttons .or.or-sm {
    height: 1em;
}

.ui-group-buttons .or.or-sm:after {
    height: 2.5em;
}

.ui-group-buttons .or.or-xs {
    height: .25em;
}

.ui-group-buttons .or.or-xs:after {
    height: 1.84em;
    z-index: -1000;
}

.ui-group-buttons {
    display: inline-block;
    vertical-align: middle;
}

.ui-group-buttons:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-group-buttons .btn {
    float: left;
    border-radius: 0;
}

.ui-group-buttons .btn:first-child {
    margin-left: 0;
    border-top-left-radius: .25em;
    border-bottom-left-radius: .25em;
    padding-right: 15px;
}

.ui-group-buttons .btn:last-child {
    border-top-right-radius: .25em;
    border-bottom-right-radius: .25em;
    padding-left: 15px;
}

.btn-circle {
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 12px 10px;
    font-size: 18px;
    border-radius: 25px;
}

.btn-circle.btn-xs {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    font-size: 11px;
    border-radius: 15px;
}

.btn-circle.btn-sm {
    width: 40px;
    height: 40px;
    padding: 8px 10px;
    font-size: 16px;
    border-radius: 20px;
}

.btn-circle.btn-lg {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 34px;
    border-radius: 35px;
}

.btn-line {
    background-color: #ffffff;
    color: inherit;
}

.btn-line.btn-primary {
    color: #4e72c2;
}

.btn-line.btn-primary:hover, .btn-line.btn-primary:active, .btn-line.btn-primary:focus {
    color: #ffffff;
}

.btn-line.btn-success {
    color: #72af46;
}

.btn-line.btn-success:hover, .btn-line.btn-success:active, .btn-line.btn-success:focus, .btn-line.btn-success.disabled {
    color: #ffffff;
}

.btn-line.btn-info {
    color: #466baf;
}

.btn-line.btn-info:hover, .btn-line.btn-info:active, .btn-line.btn-info:focus, .btn-line.btn-info.disabled {
    color: #ffffff;
}

.btn-line.btn-warning {
    color: #ab7a4b;
}

.btn-line.btn-warning:hover, .btn-line.btn-warning:active, .btn-line.btn-warning:focus, .btn-line.btn-warning.disabled {
    color: #ffffff;
}

.btn-line.btn-danger {
    color: #bd362f;
}

.btn-line.btn-danger:hover, .btn-line.btn-danger:active, .btn-line.btn-danger:focus, .btn-line.btn-danger.disabled {
    color: #ffffff;
}

.btn-line.btn-white {
    color: #4e72c2;
}

.btn-line.btn-white:hover, .btn-line.btn-white:active, .btn-line.btn-white:focus, .btn-line.btn-white.disabled {
    color: #555555;
}

.btn-line.btn-gray, .btn-line.btn-dark, .btn-line.btn-gray, .btn-line.btn-inverse {
    color: #555555;
}

.btn-line.btn-gray:hover, .btn-line.btn-dark:hover, .btn-line.btn-gray:hover, .btn-line.btn-inverse:hover, .btn-line.btn-gray:active, .btn-line.btn-dark:active, .btn-line.btn-gray:active, .btn-line.btn-inverse:active, .btn-line.btn-gray:focus, .btn-line.btn-dark:focus, .btn-line.btn-gray:focus, .btn-line.btn-inverse:focus, .btn-line.btn-gray.disabled, .btn-line.btn-dark.disabled, .btn-line.btn-gray.disabled, .btn-line.btn-inverse.disabled {
    color: #ffffff;
}

.btn-line:hover, .btn-line:focus {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 0 5px;
}

.btn-group-xs .btn, .btn-group-sm .btn, btn-group-lg .btn {
    border-radius: 0;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    filter: alpha(opacity=0);
    outline: none;
    cursor: inherit;
    display: block;
}

.portlet {
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    background: #ffffff;
}

.portlet .portlet-heading {
    padding: 0 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #ffffff;
    line-height: 38px;
    min-height: 39px;
}

.portlet .portlet-heading .fa, .portlet .portlet-heading .glyphicon {
    opacity: 0.55;
    filter: alpha(opacity=55.00000000000001);
}

.portlet .portlet-heading.dark a, .portlet .portlet-heading.bg-info a, .portlet .portlet-heading.bg-succsss a, .portlet .portlet-heading.bg-primary a, .portlet .portlet-heading.bg-danger a, .portlet .portlet-heading.bg-warning a, .portlet .portlet-heading.inverse a {
    color: #ffffff;
}

.portlet .portlet-heading.dark small, .portlet .portlet-heading.bg-info small, .portlet .portlet-heading.bg-succsss small, .portlet .portlet-heading.bg-primary small, .portlet .portlet-heading.bg-danger small, .portlet .portlet-heading.bg-warning small, .portlet .portlet-heading.inverse small {
    color: #999999;
}

.portlet .portlet-heading.dark .nav li.active > a, .portlet .portlet-heading.bg-info .nav li.active > a, .portlet .portlet-heading.bg-succsss .nav li.active > a, .portlet .portlet-heading.bg-primary .nav li.active > a, .portlet .portlet-heading.bg-danger .nav li.active > a, .portlet .portlet-heading.bg-warning .nav li.active > a, .portlet .portlet-heading.inverse .nav li.active > a {
    color: #686868;
}

.portlet .portlet-heading .nav li {
    margin-bottom: auto;
}

.portlet .portlet-heading .nav li > a {
    padding: 7.5px 15px;
    font-size: 13px;
}

.portlet .portlet-heading .nav li:not(.active) > a {
    border-color: transparent;
    background-color: transparent;
}

.portlet .portlet-heading .nav li.active > a {
    background-color: #ffffff;
    border-bottom-color: transparent;
    box-shadow: none;
    color: #686868;
}

.portlet .portlet-heading .nav.nav-tabs {
    float: right;
    border-bottom: none;
    margin-bottom: 0;
    position: relative;
    bottom: -5px;
}

.portlet .portlet-heading .portlet-title {
    float: left;
}

.portlet .portlet-heading a {
    color: #999999;
}

.portlet .portlet-heading a:hover, .portlet .portlet-heading a:focus, .portlet .portlet-heading a:active {
    outline: none;
}

.portlet .portlet-heading h4 {
    font-size: 14px;
    margin: 0;
    line-height: 37px;
}

.portlet .portlet-heading .portlet-widgets {
    position: relative;
    text-align: right;
    float: right;
    padding-left: 15px;
    display: inline-block;
    font-size: 15px;
    line-height: 37px;
}

.portlet .portlet-heading .portlet-widgets:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: -1px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-width: 0 1px 0 0;
}

.portlet .portlet-heading .portlet-widgets .divider {
    margin: 0 3px;
}

.portlet .portlet-heading .portlet-widgets .fa:hover {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
}

.portlet .portlet-heading .portlet-widgets .dropdown-menu a {
    color: #555555;
}

.portlet .portlet-heading .portlet-widgets ul.dropdown-menu {
    min-width: 0;
}

.portlet .portlet-heading.no-left-border .portlet-widgets:before {
    border: 0 none;
}

.portlet form .form-actions {
    padding: 15px 10px 0;
}

.portlet.no-border {
    border: 0;
}

.portlet .portlet-body {
    background: #ffffff;
    padding: 15px;
}

.portlet .portlet-body .table {
    margin-bottom: 0;
}

.portlet .portlet-body .table > thead > tr > th, .portlet .portlet-body .table > thead > tr > td {
    border-bottom: 3px double #e5e5e5;
}

.portlet .portlet-body .datepicker.datepicker-inline {
    margin: 0;
}

.portlet .portlet-body.no-padding .table.table-bordered {
    border-width: 1px 0 0;
}

.portlet .portlet-body.no-padding .table.table-bordered th:first-child, .portlet .portlet-body.no-padding .table.table-bordered td:first-child {
    border-left: 0 none;
}

.portlet .portlet-body.no-padding .table.table-bordered th:last-child, .portlet .portlet-body.no-padding .table.table-bordered td:last-child {
    border-right: 0 none;
}

.portlet .portlet-body.no-padding .table.table-bordered tr:last-child td {
    border-bottom: 0 none;
}

.portlet .portlet-footer {
    padding: 10px 15px;
    background: #f2f2f2;
    border-top: 1px solid #e5e5e5;
}

.portlet .portlet-footer ul {
    margin: 0;
}

.portlet.hidden-widgets .portlet-widgets {
    display: none;
}

.portlet.hidden-widgets:hover .portlet-widgets {
    display: block;
}

.portlet.portlet-primary .portlet-heading, .portlet.portlet-success .portlet-heading, .portlet.portlet-warning .portlet-heading, .portlet.portlet-info .portlet-heading, .portlet.portlet-danger .portlet-heading, .portlet.portlet-dark .portlet-heading, .portlet.portlet-gray .portlet-heading, .portlet.portlet-idev .portlet-heading, .portlet.portlet-idevalt .portlet-heading, .portlet.portlet-inverse .portlet-heading {
    color: #ffffff;
}

.portlet.portlet-primary .portlet-heading a, .portlet.portlet-success .portlet-heading a, .portlet.portlet-warning .portlet-heading a, .portlet.portlet-info .portlet-heading a, .portlet.portlet-danger .portlet-heading a, .portlet.portlet-dark .portlet-heading a, .portlet.portlet-gray .portlet-heading a, .portlet.portlet-inverse .portlet-heading a {
    color: #ffffff;
}

.portlet.portlet-basic .portlet-heading {
    background: #f2f2f2;
}

.portlet.portlet-idev .portlet-heading {
    background: #0C0F66;
}

.portlet.portlet-idevalt .portlet-heading {
    background: #4e72c2;
}

.portlet.portlet-basic .portlet-heading a {
    color: #999999;
}

.portlet-gray > .portlet-heading {
    background-color: #555555;
}

.portlet-dark > .portlet-heading, .portlet-inverse > .portlet-heading {
    background-color: #414141;
}

.portlet-success > .portlet-heading {
    background-color: #72af46;
}

.portlet-danger > .portlet-heading {
    background-color: #bd362f;
}

.portlet-info > .portlet-heading {
    background-color: #466baf;
}

.portlet-warning > .portlet-heading {
    background-color: #ab7a4b;
}

.portlet-primary > .portlet-heading {
    background-color: #4e72c2;
}

.portlet-primary, .portlet-primary > .portlet-heading {
    border-color: #4e72c2;
}

.portlet-danger, .portlet-danger > .portlet-heading {
    border-color: #bd362f;
}

.portlet-idev, .portlet-idev > .portlet-heading {
    border-color: #0C0F66;
}

.portlet-idevalt, .portlet-idevalt > .portlet-heading {
    border-color: #4e72c2;
}

.portlet-success, .portlet-success > .portlet-heading {
    border-color: #72af46;
}

.portlet-warning, .portlet-warning > .portlet-heading {
    border-color: #ab7a4b;
}

.portlet-info, .portlet-info > .portlet-heading {
    border-color: #466baf;
}

.portlet-gray, .portlet-gray > .portlet-heading {
    border-color: #555555;
}

.portlet-dark, .portlet-dark > .portlet-heading, .portlet-inverse, .portlet-inverse > .portlet-heading {
    border-color: #414141;
}

.btn.tile-button {
    display: block;
    text-align: left;
    padding: 0;
    margin-bottom: 15px;
    border-right: 7.5px solid #e5e5e5;
}

.btn.tile-button .tile-content-wrapper {
    overflow: hidden;
    padding: 10px 15px;
    position: relative;
}

.btn.tile-button .tile-content-wrapper .fa, .btn.tile-button .tile-content-wrapper .glyphicon {
    position: absolute;
    font-size: 57px;
    top: 50%;
    margin-top: -25px;
    left: 15px;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.btn.tile-button .tile-content-wrapper .tile-content {
    font-size: 35px;
    text-align: right;
    font-weight: 500;
}

.btn.tile-button .tile-content-wrapper .tile-content span {
    font-size: 25px;
}

.btn.tile-button .tile-content-wrapper small {
    text-align: right;
    font-size: 16px;
    display: block;
}

.btn.tile-button:hover {
    background-color: #ffffff;
}

.btn.tile-button:hover .tile-content-wrapper .fa, .btn.tile-button:hover .tile-content-wrapper .glyphicon {
    left: -20px;
    margin-top: -45px;
    font-size: 110px !important;
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.btn.tile-button:hover .tile-content-wrapper .tile-content, .btn.tile-button:hover .tile-content-wrapper small {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.btn.tile-button.btn-default {
    border-color: #3d60b0;
}

.btn.tile-button.btn-default:hover {
    color: #4e72c2;
}

.btn.tile-button.btn-dark, .btn.tile-button.btn-inverse {
    border-color: #444444;
}

.btn.tile-button.btn-dark:hover, .btn.tile-button.btn-inverse:hover {
    color: #555555;
}

.btn.tile-button.btn-white {
    border-color: #e5e5e5;
}

.btn.tile-button.btn-white:hover {
    color: #999999;
}

.btn.tile-button.btn-danger {
    border-color: #a02e28;
}

.btn.tile-button.btn-danger:hover {
    color: #bd362f;
}

.btn.tile-button.btn-warning {
    border-color: #926840;
}

.btn.tile-button.btn-warning:hover {
    color: #ab7a4b;
}

.btn.tile-button.btn-primary {
    border-color: #3d60b0;
}

.btn.tile-button.btn-primary:hover {
    color: #4e72c2;
}

.btn.tile-button.btn-info {
    border-color: #3c5b96;
}

.btn.tile-button.btn-info:hover {
    color: #466baf;
}

.btn.tile-button.btn-success {
    border-color: #61963c;
}

.btn.tile-button.btn-success:hover {
    color: #72af46;
}

.btn.tile-button.btn-line {
    background: #ffffff;
    border-width: 1px 7.5px 1px 1px;
}

.btn.tile-button.btn-line .tile-content-wrapper .fa, .btn.tile-button.btn-line .tile-content-wrapper .glyphicon {
    margin-top: -45px;
    font-size: 110px;
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    left: -20px;
}

.btn.tile-button.btn-line .tile-content-wrapper .fa, .btn.tile-button.btn-line .tile-content-wrapper .glyphicon, .btn.tile-button.btn-line .tile-content-wrapper .tile-content, .btn.tile-button.btn-line .tile-content-wrapper small {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.btn.tile-button.btn-line:hover .tile-content-wrapper .tile-content {
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn.tile-button.btn-line:hover .tile-content-wrapper .fa, .btn.tile-button.btn-line:hover .tile-content-wrapper .glyphicon {
    margin-top: -25px;
    font-size: 57px !important;
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    left: 15px;
}

.btn.tile-button.btn-line:hover .tile-content-wrapper .fa, .btn.tile-button.btn-line:hover .tile-content-wrapper .glyphicon, .btn.tile-button.btn-line:hover .tile-content-wrapper small {
    opacity: 0.55;
    filter: alpha(opacity=55.00000000000001);
}

.btn.tile-button.btn-line.btn-default:active, .btn.tile-button.btn-line.btn-default:focus {
    color: #4e72c2;
}

.btn.tile-button.btn-line.btn-primary:active, .btn.tile-button.btn-line.btn-primary:focus {
    color: #4e72c2;
}

.btn.tile-button.btn-line.btn-success:active, .btn.tile-button.btn-line.btn-success:focus {
    color: #72af46;
}

.btn.tile-button.btn-line.btn-danger:active, .btn.tile-button.btn-line.btn-danger:focus {
    color: #bd362f;
}

.btn.tile-button.btn-line.btn-info:active, .btn.tile-button.btn-line.btn-info:focus {
    color: #466baf;
}

.btn.tile-button.btn-line.btn-warning:active, .btn.tile-button.btn-line.btn-warning:focus {
    color: #ab7a4b;
}

.btn.tile-button.btn-line.btn-dark:active, .btn.tile-button.btn-line.btn-gray:active, .btn.tile-button.btn-line.btn-inverse:active, .btn.tile-button.btn-line.btn-dark:focus, .btn.tile-button.btn-line.btn-gray:focus, .btn.tile-button.btn-line.btn-inverse:focus {
    color: #414141;
}

/* Checkbox & Radio */
input[type=checkbox].tc, input[type=radio].tc {
    opacity: 0;
    position: absolute;
    z-index: 12;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

input[type=checkbox].tc:checked, input[type=radio].tc:checked, input[type=checkbox].tc:focus, input[type=radio].tc:focus {
    outline: none !important;
}

input[type=checkbox].tc + .labels, input[type=radio].tc + .labels {
    position: relative;
    z-index: 11;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    font-weight: normal;
    font-size: 13px;
}

input[type=checkbox].tc + .labels::before, input[type=radio].tc + .labels::before {
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 12px;
    color: #ffffff;
    content: "a0";
    background-color: #FAFAFA;
    border: 1px solid #7490cf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /*, inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
    border-radius: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 16px;
    line-height: 14px;
    min-width: 16px;
    margin-right: 1px;
}

input[type=checkbox].tc:checked + .labels::before, input[type=radio].tc:checked + .labels::before {
    display: inline-block;
    content: 'f00c';
    background-color: #7490cf;
    border-color: #7490cf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

input[type=checkbox].tc:hover + .labels::before, input[type=radio].tc:hover + .labels::before, input[type=checkbox].tc + .labels:hover::before, input[type=radio].tc + .labels:hover::before {
    border-color: #7490cf;
}

input[type=checkbox].tc:active + .labels::before, input[type=radio].tc:active + .labels::before, input[type=checkbox].tc:checked:active + .labels::before, input[type=radio].tc:checked:active + .labels::before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

input[type=checkbox].tc.tc-gray + .labels::before, input[type=radio].tc.tc-gray + .labels::before {
    box-shadow: none;
    border-color: #555555;
}

input[type=checkbox].tc.tc-gary:checked + .labels::before, input[type=radio].tc.tc-gary:checked + .labels::before {
    background-color: #555555;
    border-color: #555555;
    color: #ffffff;
}

input[type=checkbox].tc.tc-danger + .labels::before, input[type=radio].tc.tc-danger + .labels::before {
    box-shadow: none;
    border-color: #bd362f;
}

input[type=checkbox].tc.tc-danger:checked + .labels::before, input[type=radio].tc.tc-danger:checked + .labels::before {
    background-color: #bd362f;
    border-color: #bd362f;
    color: #ffffff;
}

input[type=checkbox].tc.tc-success + .labels::before, input[type=radio].tc.tc-success + .labels::before {
    box-shadow: none;
    border-color: #72af46;
}

input[type=checkbox].tc.tc-success:checked + .labels::before, input[type=radio].tc.tc-success:checked + .labels::before {
    background-color: #72af46;
    border-color: #72af46;
    color: #ffffff;
}

input[type=checkbox].tc.tc-info + .labels::before, input[type=radio].tc.tc-info + .labels::before {
    box-shadow: none;
    border-color: #466baf;
}

input[type=checkbox].tc.tc-info:checked + .labels::before, input[type=radio].tc.tc-info:checked + .labels::before {
    background-color: #466baf;
    border-color: #466baf;
    color: #ffffff;
}

input[type=checkbox].tc.tc-primary + .labels::before, input[type=radio].tc.tc-primary + .labels::before {
    box-shadow: none;
    border-color: #4e72c2;
}

input[type=checkbox].tc.tc-primary:checked + .labels::before, input[type=radio].tc.tc-primary:checked + .labels::before {
    background-color: #4e72c2;
    border-color: #4e72c2;
    color: #ffffff;
}

input[type=checkbox].tc.tc-warning + .labels::before, input[type=radio].tc.tc-warning + .labels::before {
    box-shadow: none;
    border-color: #ab7a4b;
}

input[type=checkbox].tc.tc-warning:checked + .labels::before, input[type=radio].tc.tc-warning:checked + .labels::before {
    background-color: #ab7a4b;
    border-color: #ab7a4b;
    color: #ffffff;
}

input[type=checkbox].tc:disabled + .labels::before, input[type=radio].tc:disabled + .labels::before, input[type=checkbox].tc[disabled] + .labels::before, input[type=radio].tc[disabled] + .labels::before, input[type=checkbox].tc.disabled + .labels::before, input[type=radio].tc.disabled + .labels::before {
    background-color: #f2f2f2 !important;
    border-color: #e5e5e5 !important;
    box-shadow: none !important;
    color: #BBB;
}

input[type=radio].tc + .labels::before {
    border-radius: 100%;
    font-size: 11px;
    font-family: FontAwesome;
    text-shadow: 0 0 1px #ffffff;
    line-height: 15px;
    height: 17px;
    min-width: 17px;
}

input[type=radio].tc:checked + .labels::before {
    content: "f111";
    font-size: 13px;
}

/* CSS3 on/off switches */
input[type=checkbox].tc.tc-switch {
    width: 55px;
    height: 25px; /* switch style 4 & 5 */ /* switch style 6 */
}

input[type=checkbox].tc.tc-switch + .labels {
    margin: 0 4px;
    min-height: 24px;
}

input[type=checkbox].tc.tc-switch + .labels::before {
    font-family: Arial, Helvetica, sans-serif;
    content: "ONa0a0a0a0a0a0a0a0a0OFF";
    color: #555555;
    font-weight: bold;
    font-size: 11px;
    line-height: 18px;
    line-height: 21 px9; /*ie9*/
    height: 20px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #f2f2f2;
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, .2);
    box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, .2);
    border: 1px solid #CCC;
    text-align: left;
    float: left;
    padding: 0;
    width: 52px;
    text-indent: -19px;
    text-indent: -21 px9;
    margin-right: 0;
    -webkit-transition: text-indent .4s ease;
    -o-transition: text-indent .4s ease;
    transition: text-indent .4s ease;
}

input[type=checkbox].tc.tc-switch + .labels::after {
    font-family: Arial, Helvetica, sans-serif;
    content: '|||';
    font-size: 10px;
    font-weight: lighter;
    color: #555555;
    background-color: #ffffff;
    text-shadow: -1px 0px 0 rgba(0, 0, 0, 0.15);
    text-align: center;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    line-height: 20px;
    position: absolute;
    top: -2px;
    left: -3px;
    padding: 0;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .3);
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3) inset;
    -webkit-transition: left .4s ease;
    -o-transition: left .4s ease;
    transition: left .4s ease;
}

input[type=checkbox].tc.tc-switch:checked + .labels::before {
    text-indent: 9px;
    color: #ffffff;
    background-color: #c0cde9;
    border-color: #4e72c2;
}

input[type=checkbox].tc.tc-switch:checked + .labels::after {
    left: 34px;
    background-color: #ffffff;
    color: #c0cde9;
}

input[type=checkbox].tc.tc-switch.tc-switch-2 + .labels::before {
    content: "YESa0a0a0a0a0a0a0a0NO";
}

input[type=checkbox].tc.tc-switch.tc-switch-3 + .labels::after {
    font-family: FontAwesome;
    font-size: 13px;
    line-height: 23px;
    content: "f00d";
    top: -1px;
}

input[type=checkbox].tc.tc-switch.tc-switch-3:checked + .labels::after {
    content: "f00c";
}

input[type=checkbox].tc.tc-switch.tc-switch-4 + .labels::before, input[type=checkbox].tc.tc-switch.tc-switch-5 + .labels::before {
    content: "ONa0a0a0a0a0a0a0a0a0a0a0OFF";
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    font-size: 12px;
    line-height: 23px;
    height: 24px;
    overflow: hidden;
    line-height: 25 px9;
    border-radius: 12px;
    background-color: #4e72c2;
    border: 1px solid #4e72c2;
    color: #ffffff;
    width: 56px;
    text-indent: -25px;
    text-indent: -28 px9;
    display: inline-block;
    position: relative;
    box-shadow: none;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

input[type=checkbox].tc.tc-switch.tc-switch-4 + .labels::after, input[type=checkbox].tc.tc-switch.tc-switch-5 + .labels::after {
    font-family: Helvetica, Arial, sans-serif;
    content: '|||';
    text-shadow: -1px 0px 0 rgba(0, 0, 0, 0.2);
    font-size: 8px;
    font-weight: lighter;
    color: #4e72c2;
    text-align: center;
    position: absolute;
    border-radius: 12px;
    color: #555555;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    line-height: 18px;
    background-color: #ffffff;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

input[type=checkbox].tc.tc-switch.tc-switch-4:checked + .labels::before, input[type=checkbox].tc.tc-switch.tc-switch-5:checked + .labels::before {
    text-indent: 9px;
    background-color: #999999;
    border-color: #4e72c2;
}

input[type=checkbox].tc.tc-switch.tc-switch-4:checked + .labels::after, input[type=checkbox].tc.tc-switch.tc-switch-5:checked + .labels::after {
    left: 34px;
    background-color: #ffffff;
}

input[type=checkbox].tc.tc-switch.tc-switch-5 + .labels::before {
    content: "YESa0a0a0a0a0a0a0a0a0a0NO";
}

input[type=checkbox].tc.tc-switch.tc-switch-5:checked + .labels::before {
    text-indent: 8px;
}

input[type=checkbox].tc.tc-switch.tc-switch-6 + .labels {
    position: relative;
}

input[type=checkbox].tc.tc-switch.tc-switch-6 + .labels::before {
    font-family: FontAwesome;
    content: "f00d";
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: none;
    border: none;
    font-weight: lighter;
    font-size: 16px;
    border-radius: 12px;
    display: inline-block;
    background-color: #555555;
    color: #ffffff;
    width: 52px;
    height: 22px;
    line-height: 20px;
    text-indent: 32px;
    -webkit-transition: background 0.1s ease;
    -o-transition: background 0.1s ease;
    transition: background 0.1s ease;
}

input[type=checkbox].tc.tc-switch.tc-switch-6 + .labels::after {
    content: '';
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 2px;
    left: 3px;
    border-radius: 12px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    width: 18px;
    height: 18px;
    text-align: center;
    background-color: #F2F2F2;
    border: 4px solid #F2F2F2;
    -webkit-transition: left 0.2s ease;
    -o-transition: left 0.2s ease;
    transition: left 0.2s ease;
}

input[type=checkbox].tc.tc-switch.tc-switch-6:checked + .labels::before {
    content: "f00c";
    text-indent: 6px;
    color: #ffffff;
    border-color: #1f3159;
    background-color: #4e72c2;
}

input[type=checkbox].tc.tc-switch.tc-switch-6:checked + .labels::after {
    left: 32px;
    background-color: #ffffff;
    border: 4px solid #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}

input[type=checkbox].tc.tc-switch.tc-switch-7 {
    width: 75px;
}

input[type=checkbox].tc.tc-switch.tc-switch-7 + .labels {
    position: relative;
}

input[type=checkbox].tc.tc-switch.tc-switch-7 + .labels::before {
    content: "OFFa0a0a0a0a0a0a0a0a0a0a0ON";
    font-weight: bolder;
    font-size: 14px;
    line-height: 20px;
    background-color: #ffffff;
    border: 1px solid #999999;
    border-radius: 0;
    box-shadow: none;
    color: #999999;
    width: 74px;
    height: 26px;
    line-height: 22px;
    overflow: hidden;
    text-indent: 4px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

input[type=checkbox].tc.tc-switch.tc-switch-7 + .labels::after {
    content: 'f00d';
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    top: 3px;
    left: 39px;
    width: 32px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    background-color: #999999;
    color: #ffffff;
    border-radius: 0;
    box-shadow: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

input[type=checkbox].tc.tc-switch.tc-switch-7:checked + .labels::before {
    color: #4e72c2;
    background-color: #ffffff;
    text-indent: -33px;
    border-color: #4e72c2;
}

input[type=checkbox].tc.tc-switch.tc-switch-7:checked + .labels::after {
    left: 3px;
    content: 'f00c';
    background-color: #4e72c2;
    color: #ffffff;
}

.well {
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 15px;
    padding: 15px;
    background: #f2f2f2;
}

.well.well-sm {
    padding: 10px;
}

.well .portlet .portlet-heading h4 {
    margin-top: 10px;
}

.well h1, .well h2, .well h3, .well h4, .well h5, .well h6 {
    margin-top: 0;
}

.well h1, .well h2, .well h3 {
    line-height: 36px;
}

.jumbotron {
    font-size: 18px;
    margin-bottom: 15px;
    background: #f2f2f2;
}

.jumbotron.bordered {
    border: 1px solid #e5e5e5;
}

@media (max-width: 640px) {
    .jumbotron {
        font-size: 13px;
    }
}

@media (max-width: 320px) {
    .jumbotron h1 {
        font-size: 26px;
    }
}

.note {
    border-left: 5px solid #999999;
    background-color: #f2f2f2;
}

.note h1, .note h2, .note h3, .note h4 {
    margin-top: 0;
}

.note p:last-child {
    margin-bottom: 0;
}

.note code, .note .highlight {
    background-color: #f2f2f2;
}

.note-danger {
    background-color: #f2dede;
    border-color: #ce838f;
    color: #a94442;
}

.note-warning {
    background-color: #fcf8e3;
    border-color: #f0c670;
    color: #8a6d3b;
}

.note-info {
    background-color: #d9edf7;
    border-color: #70cee1;
    color: #31708f;
}

.note-success {
    background-color: #dff0d8;
    border-color: #a1cd7c;
    color: #3c763d;
}

.alert, .note {
    padding: 15px;
    margin: 0 0 15px 0;
}

.alert .close, .note .close {
    font-size: 16px;
    outline: none !important;
}

.alert.alert-success a, .note.alert-success a, .alert.note-success a, .note.note-success a, .alert.alert-danger a, .note.alert-danger a, .alert.note-danger a, .note.note-danger a, .alert.alert-info a, .note.alert-info a, .alert.note-info a, .note.note-info a, .alert.alert-warning a, .note.alert-warning a, .alert.note-warning a, .note.note-warning a, .alert.dark a, .note.dark a, .alert.bg-info a, .note.bg-info a, .alert.bg-succsss a, .note.bg-succsss a, .alert.bg-primary a, .note.bg-primary a, .alert.bg-success a, .note.bg-success a, .alert.bg-warning a, .note.bg-warning a, .alert.gray a, .note.gray a {
    text-decoration: underline;
}

.alert.alert-success a, .note.alert-success a, .alert.note-success a, .note.note-success a {
    color: #31708f;
}

.alert.alert-danger a, .note.alert-danger a, .alert.note-danger a, .note.note-danger a {
    color: #a94442;
}

.alert.alert-info a, .note.alert-info a, .alert.note-info a, .note.note-info a {
    color: #31708f;
}

.alert.alert-warning a, .note.alert-warning a, .alert.note-warning a, .note.note-warning a {
    color: #8a6d3b;
}

.alert.dark a, .note.dark a, .alert.bg-info a, .note.bg-info a, .alert.bg-succsss a, .note.bg-succsss a, .alert.bg-primary a, .note.bg-primary a, .alert.bg-success a, .note.bg-success a, .alert.bg-warning a, .note.bg-warning a {
    color: #ffffff;
}

.tooltip.in {
    opacity: 1;
}

.tooltip-inner {
    background-color: #222222;
    color: #ffffff;
    font-size: 12px;
    white-space: nowrap;
    text-shadow: 1px 1px 0 rgba(42, 45, 50, 0.5);
    border-radius: 0;
    padding: 5px 9px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #222222;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #222222;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #222222;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #222222;
}

/* danger tooltip */
.tooltip-danger + .tooltip > .tooltip-inner {
    background-color: #bd362f;
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(100, 60, 20, 0.3);
    border-radius: 0;
}

.tooltip-danger + .tooltip.top .tooltip-arrow {
    border-top-color: #bd362f;
}

.tooltip-danger + .tooltip.right .tooltip-arrow {
    border-right-color: #bd362f;
}

.tooltip-danger + .tooltip.left .tooltip-arrow {
    border-left-color: #bd362f;
}

.tooltip-danger + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #bd362f;
}

/* success tooltip */
.tooltip-success + .tooltip > .tooltip-inner {
    background-color: #72af46;
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(60, 100, 20, 0.3);
    border-radius: 0;
}

.tooltip-success + .tooltip.top .tooltip-arrow {
    border-top-color: #72af46;
}

.tooltip-success + .tooltip.right .tooltip-arrow {
    border-right-color: #72af46;
}

.tooltip-success + .tooltip.left .tooltip-arrow {
    border-left-color: #72af46;
}

.tooltip-success + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #72af46;
}

/* warning tooltip */
.tooltip-warning + .tooltip > .tooltip-inner {
    background-color: #ab7a4b;
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(100, 90, 10, 0.3);
    border-radius: 0;
}

.tooltip-warning + .tooltip.top .tooltip-arrow {
    border-top-color: #ab7a4b;
}

.tooltip-warning + .tooltip.right .tooltip-arrow {
    border-right-color: #ab7a4b;
}

.tooltip-warning + .tooltip.left .tooltip-arrow {
    border-left-color: #ab7a4b;
}

.tooltip-warning + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ab7a4b;
}

/* info tooltip */
.tooltip-info + .tooltip > .tooltip-inner {
    background-color: #466baf;
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(40, 50, 100, 0.3);
    border-radius: 0;
}

.tooltip-info + .tooltip.top .tooltip-arrow {
    border-top-color: #466baf;
}

.tooltip-info + .tooltip.right .tooltip-arrow {
    border-right-color: #466baf;
}

.tooltip-info + .tooltip.left .tooltip-arrow {
    border-left-color: #466baf;
}

.tooltip-info + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #466baf;
}

/* primary tooltip */
.tooltip-primary + .tooltip > .tooltip-inner {
    background-color: #4e72c2;
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(40, 50, 100, 0.3);
    border-radius: 0;
}

.tooltip-primary + .tooltip.top .tooltip-arrow {
    border-top-color: #4e72c2;
}

.tooltip-primary + .tooltip.right .tooltip-arrow {
    border-right-color: #4e72c2;
}

.tooltip-primary + .tooltip.left .tooltip-arrow {
    border-left-color: #4e72c2;
}

.tooltip-primary + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #4e72c2;
}

.lists {
    padding-left: 0;
}

.lists a.list-group-item {
    color: #414141;
}

.lists li {
    border: 1px solid #e5e5e5;
    border-width: 0 0 1px;
    margin-bottom: 0;
    padding: 0 15px;
    background-color: #ffffff;
    list-style: none;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 39px;
    line-height: 39px;
}

.lists li:hover {
    background: #f2f2f2;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.lists li:hover:after {
    content: "e092";
    font-family: 'Glyphicons Halflings';
    display: block;
    position: absolute;
    right: 15px;
    top: 0;
    color: #999999;
    height: 39px;
    line-height: 39px;
    font-size: 24px;
}

.lists li:hover .icons {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.lists li span, .lists li div {
    display: block;
    height: 39px;
    line-height: 39px;
    float: left;
    position: relative;
    overflow: hidden;
}

.lists li span.feed, .lists li div.feed {
    line-height: 15px !important;
    padding: 12px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 75%;
    position: relative;
}

.lists li span.feed p, .lists li div.feed p {
    margin: 0;
    padding: 0;
    font-weight: 600;
    max-width: 45%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lists li span.feed small, .lists li div.feed small {
    display: block;
    font-style: italic;
    color: #999999;
    font-size: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lists li span.feed a, .lists li div.feed a, .lists li span.feed a:hover, .lists li div.feed a:hover, .lists li span.feed a:focus, .lists li div.feed a:focus {
    text-decoration: none;
}

.lists li span.date, .lists li div.date, .lists li span.icons, .lists li div.icons, .lists li span.users, .lists li div.users {
    padding-right: 10px;
    color: #686868;
}

.lists li span.icons, .lists li div.icons {
    font-size: 16px;
}

.lists li span.date-time, .lists li div.date-time {
    float: right;
    position: absolute;
    top: -10px;
    right: 15px;
    font-size: 11px;
    color: #686868;
}

.lists li span img, .lists li div img {
    border: 2px solid #4e72c2;
    width: 37px;
    height: 37px;
    max-width: 37px;
    max-height: 37px;
}

.lists li label {
    display: none;
    float: left;
    height: 39px;
    line-height: 39px;
    padding-right: 10px;
}

.lists li label .labels {
    float: none;
}

.lists li.lg {
    height: 55px;
    line-height: 55px;
}

.lists li.lg:hover:after {
    height: 55px;
    line-height: 55px;
}

.lists li.lg span, .lists li.lg label, .lists li.lg div {
    height: 55px;
    line-height: 55px;
}

.lists li.lg span .labels, .lists li.lg label .labels, .lists li.lg div .labels, .lists li.lg span input[type=checkbox], .lists li.lg label input[type=checkbox], .lists li.lg div input[type=checkbox] {
    margin-top: 15px;
}

.lists.email-list li:hover {
    cursor: default;
}

.lists.email-list li:hover:after {
    display: none;
}

.lists.email-list li:hover .tools {
    display: block;
}

.lists.email-list li .icons {
    display: none;
}

.lists.email-list li .important {
    float: right;
    position: absolute;
    bottom: -10px;
    right: 15px;
}

.lists.email-list li .tools {
    display: none;
    position: absolute;
    top: -10px;
    left: 50%;
    width: auto;
}

.lists.email-list li .tools a {
    display: inline-block;
    padding-right: 4px;
}

.lists.email-list li .tools a:last-child {
    padding-right: 0;
}

@media (min-width: 767px) {
    .lists li label {
        display: block;
    }

    .lists.email-list li .icons {
        display: block;
    }
}

.task-lists a.list-group-item {
    color: #414141;
}

.task-lists li {
    border: 0 none;
    padding: 5px 0;
}

.task-lists.ui-sortable .list-group-item:hover, .task-lists.ui-sortable a.list-group-item:focus {
    text-decoration: none;
}

.task-widget ul.task-lists {
    list-style: none;
}

.task-widget .list-group {
    margin-bottom: 0;
}

.task-widget .tcb {
    display: inline-block;
    margin-bottom: -5px;
}

.task-widget .tcb .labels {
    cursor: pointer;
}

.task-widget.task-lists label.todo-done span {
    text-decoration: line-through;
}

.tc-tabs {
    margin-bottom: 15px;
}

.tc-tabs .nav-tabs {
    border-color: #e5e5e5;
    margin-bottom: 0;
    margin-left: 0;
    position: relative;
    border-bottom: 0 none;
}

.tc-tabs .nav-tabs > li > a, .tc-tabs .nav-tabs > li > a:focus {
    border-radius: 0 !important;
    background-color: #f2f2f2;
    color: #555555;
    margin-right: -1px;
    line-height: 16px;
    border-color: #e5e5e5;
    position: relative;
    z-index: 11;
}

.tc-tabs .nav-tabs > li > a:hover {
    background-color: #ffffff;
    color: #555555;
    border-color: #e5e5e5;
}

.tc-tabs .nav-tabs > li > a:active, .tc-tabs .nav-tabs > li > a:focus {
    outline: none !important;
}

.tc-tabs .nav-tabs > li:first-child > a {
    margin-left: 0;
}

.tc-tabs .nav-tabs > li:last-child > a {
    margin-right: 0;
}

.tc-tabs .nav-tabs > li .badge {
    padding: 0 4px;
    line-height: 15px;
    margin-top: -5px;
    opacity: 1;
}

.tc-tabs .nav-tabs > li.active > a, .tc-tabs .nav-tabs > li.active > a:hover, .tc-tabs .nav-tabs > li.active > a:focus {
    color: #555555;
    border-color: #e5e5e5;
    border-top: 1px solid #4e72c2;
    border-bottom-color: transparent;
    background-color: #ffffff;
    z-index: 12;
    line-height: 16px;
}

.tc-tabs .nav-tabs.no-padding > li:first-child a {
    border-left: 0 none;
}

.tc-tabs .nav-tabs.no-padding > li a {
    border-top-color: transparent;
}

.tc-tabs .nav-tabs.no-padding > li.active > a, .tc-tabs .nav-tabs.no-padding > li.active > a:hover, .tc-tabs .nav-tabs.no-padding > li.active > a:focus {
    border-top-color: transparent;
}

.tc-tabs .nav-tabs.pull-right > li:first-child a {
    border-left: 1px solid #e5e5e5;
}

.tc-tabs .nav-tabs.pull-right > li:last-child a {
    border-right: 0 none;
}

.tc-tabs .nav-tabs[class*="tab-color-"] > li > a, .tc-tabs .nav-tabs[class*="tab-color-"] > li > a:focus, .tc-tabs .nav-tabs[class*="tab-color-"] > li > a:hover {
    color: #ffffff;
    border-color: transparent;
    margin-right: 2px;
}

.tc-tabs .nav-tabs.tab-color-dark > li > a, .tc-tabs .nav-tabs.tab-color-dark > li > a:focus {
    background-color: #4e72c2;
}

.tc-tabs .nav-tabs[class*="tab-color-"] > li.active > a, .tc-tabs .nav-tabs[class*="tab-color-"] > li.active > a:focus, .tc-tabs .nav-tabs[class*="tab-color-"] > li.active > a:hover {
    background-color: #ffffff;
    color: #3d4c6d;
    box-shadow: none;
}

.tc-tabs .nav-tabs.tab-color-dark > li.active > a, .tc-tabs .nav-tabs.tab-color-dark > li.active > a:focus, .tc-tabs .nav-tabs.tab-color-dark > li.active > a:hover {
    color: #374259;
    border-color: #4e72c2 #e5e5e5 transparent;
}

.tabs-below .tc-tabs .nav-tabs.tab-color-dark > li.active > a {
    border-color: transparent #e5e5e5 #e5e5e5;
}

.tc-tabs .nav-tabs.background-dark {
    background-color: #f2f2f2;
    border: 1px solid #e5e5e5;
    border-bottom: 0 none;
    padding: 15px 15px 0;
}

.tc-tabs.tabs-bottom .nav-tabs.tab-color-dark {
    border-bottom: 1px solid #e5e5e5;
}

.tc-tabs .tab-content {
    padding: 15px;
    border: 1px solid #e5e5e5;
    position: relative;
    background: #ffffff;
    z-index: 11;
}

.tc-tabs .nav-pills .open .dropdown-toggle, .tc-tabs .nav > li.dropdown.open.active > a:hover, .tc-tabs .nav > li.dropdown.open.active > a:focus {
    background-color: #4e72c2;
    border-color: #4e72c2;
    color: #f2f2f2;
}

.tc-tabs .nav-pills .open .dropdown-toggle > [class*="fa-"], .tc-tabs .nav > li.dropdown.open.active > a:hover > [class*="fa-"], .tc-tabs .nav > li.dropdown.open.active > a:focus > [class*="fa-"], .tc-tabs .nav-pills .open .dropdown-toggle [class*="glyphicon-"], .tc-tabs .nav > li.dropdown.open.active > a:hover [class*="glyphicon-"], .tc-tabs .nav > li.dropdown.open.active > a:focus [class*="glyphicon-"] {
    color: #f2f2f2 !important;
}

.tc-tabs.lg .nav-tabs > li > a {
    padding: 15px;
    font-size: 14px;
}

.tabs-bottom > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    margin-top: -1px;
    border-color: #e5e5e5;
    border-bottom-width: 0;
}

.tabs-bottom > .nav-tabs > li > a, .tabs-bottom > .nav-tabs > li > a:hover, .tabs-bottom > .nav-tabs > li > a:focus {
    border-color: #e5e5e5;
}

.tabs-bottom > .nav-tabs > li.active > a, .tabs-bottom > .nav-tabs > li.active > a:hover, .tabs-bottom > .nav-tabs > li.active > a:focus {
    border-color: #e5e5e5;
    border-bottom: 1px solid #4e72c2;
    border-top-color: transparent;
    margin-top: 0;
}

.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
    min-width: 60px;
}

.tabs-left > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    border-color: #e5e5e5;
    float: left;
}

.tabs-left > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a, .tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover {
    border-color: #e5e5e5;
    border-right-color: transparent;
    margin: 0;
}

.tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:focus, .tabs-left > .nav-tabs > li.active > a:hover {
    border-color: #e5e5e5;
    border-top-width: 1px;
    border-left: 1px solid #4e72c2;
    border-right-color: transparent;
    margin: 0 -1px 0 0;
    box-shadow: none;
}

.tabs-right > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    border-color: #e5e5e5;
    float: right;
}

.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-right > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:hover {
    border-color: #e5e5e5;
    border-left-color: transparent;
    margin: 0;
}

.tabs-right > .nav-tabs > li.active > a, .tabs-right > .nav-tabs > li.active > a:focus, .tabs-right > .nav-tabs > li.active > a:hover {
    border-color: #e5e5e5;
    border-top-width: 1px;
    border-right: 1px solid #4e72c2;
    border-left-color: transparent;
    margin: 0 0 0 -1px;
    box-shadow: none;
}

.nav-tabs > li > a { /* icon and badges */
}

.nav-tabs > li > a > .badge {
    padding: 0 4px;
    line-height: 15px;
}

.nav-tabs li [class*=" fa-"], .nav-tabs li [class^="fa-"], .nav-tabs li [class*=" glyphicon-"], .nav-tabs li [class^="glyphicon-"] {
    width: 1em;
    display: inline-block;
}

.nav-tabs > li.open .dropdown-toggle { /* dropdown in tabs */
    background-color: #4e72c2;
    border-color: #4e72c2;
    color: #ffffff;
}

.nav-tabs > li.open .dropdown-toggle > [class*="fa-"], .nav-tabs > li.open .dropdown-toggle [class*="glyphicon-"] {
    color: #ffffff;
}

.tabs-left .tab-content, .tabs-right .tab-content {
    overflow: auto;
}

@media (max-width: 480px) {
    .tabs-left > .nav-tabs, .tabs-right > .nav-tabs {
        float: none !important;
        margin-bottom: -1px;
    }

    .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a, .tabs-left > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:hover {
        border-color: #e5e5e5;
        margin: 0;
    }

    .tabs-left > .nav-tabs > li.active > a, .tabs-right > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:focus, .tabs-right > .nav-tabs > li.active > a:focus, .tabs-left > .nav-tabs > li.active > a:hover, .tabs-right > .nav-tabs > li.active > a:hover {
        border-color: #e5e5e5;
        border-top-width: 1px;
        margin: 0;
        border-right-color: #e5e5e5;
        box-shadow: none;
    }
}

/* Large tab buttons */
.tc-tabs .tab-lg-button.nav-tabs > li > a {
    padding-left: 15px;
    padding-right: 15px;
}

.tc-tabs .tab-lg-button.nav-tabs > li > a > [class*="fa-"]:first-child, .tc-tabs .tab-lg-button.nav-tabs > li > a [class*="glyphicon-"]:first-child {
    display: block;
    margin-bottom: 6px;
    width: auto;
}

.tc-tabs .tab-lg-button.nav-tabs > li > a > .badge {
    position: absolute;
    line-height: 15px;
    width: 17px;
    height: 17px;
    font-size: 10px;
    padding: 1px 1px;
    border-radius: 50%;
    top: 7px;
    right: 10px;
}

@media (max-width: 480px) {
    .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark {
        padding: 0;
        border: 0 none;
        margin-bottom: -1px;
    }

    .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li.active > a, .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li.active > a:hover, .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li.active > a:focus {
        border-bottom-color: #e5e5e5;
    }

    .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li > a {
        margin-right: 0;
        margin-bottom: 2px;
    }

    .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li > a.active, .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li > a:hover, .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li > a:focus {
        margin-right: 0;
    }

    .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li > a .badge {
        float: right !important;
    }

    .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li:last-child.active > a {
        border-bottom: 0 none;
    }

    .tc-tabs .tab-lg-button.nav-tabs > li > a > [class*="fa-"]:first-child, .tc-tabs .tab-lg-button.nav-tabs > li > a [class*="glyphicon-"]:first-child {
        display: inline-block;
        margin-bottom: 0;
        width: auto;
    }

    .tc-tabs .tab-lg-button.nav-tabs > li > a > [class*="fa-"], .tc-tabs .tab-lg-button.nav-tabs > li > a [class*="glyphicon-"] {
        margin-right: 5px;
        font-size: 13px !important;
    }

    .tc-tabs .tab-lg-button.nav-tabs > li {
        float: none;
    }

    .tc-tabs .tab-lg-button.nav-tabs > li.active > a, .tc-tabs .tab-lg-button.nav-tabs > li.active > a:hover, .tc-tabs .tab-lg-button.nav-tabs > li.active > a:focus {
        border-bottom-color: #e5e5e5;
    }

    .tc-tabs .nav-tabs > li .badge {
        margin-top: 0;
    }
}

/* Small tab buttons */
.tc-tabs .tab-small-button.nav-tabs > li > a {
    padding: 12px 12px 5px;
}

.tc-tabs .tab-small-button.nav-tabs > li > a > [class*="fa-"]:first-child, .tc-tabs .tab-small-button.nav-tabs > li > a [class*="glyphicon-"]:first-child {
    display: block;
    margin-bottom: 6px;
    width: auto;
}

.tc-tabs .tab-small-button.nav-tabs > li > a > .badge {
    position: absolute;
    line-height: 15px;
    width: 17px;
    height: 17px;
    font-size: 10px;
    padding: 1px 1px;
    border-radius: 50%;
    top: 7px;
    right: 2px;
}

.tc-tabs .nav-tabs.nav-justified {
    margin-bottom: -1px;
}

.tc-tabs .nav-tabs.nav-justified > li > a {
    text-align: left !important;
}

@media (max-width: 767px) {
    .tc-tabs .nav-tabs.nav-justified {
        padding: 0;
        border: 0 none;
    }

    .tc-tabs .nav-tabs.nav-justified > li.active > a, .tc-tabs .nav-tabs.nav-justified > li.active > a:hover, .tc-tabs .nav-tabs.nav-justified > li.active > a:focus {
        border-bottom-color: #e5e5e5;
    }

    .tc-tabs .nav-tabs.nav-justified > li > a {
        margin-right: 0;
        margin-bottom: 0;
    }

    .tc-tabs .nav-tabs.nav-justified > li > a.active, .tc-tabs .nav-tabs.nav-justified > li > a:hover, .tc-tabs .nav-tabs.nav-justified > li > a:focus {
        margin-right: 0;
    }

    .tc-tabs .nav-tabs.nav-justified > li > a .badge {
        float: right !important;
    }

    .tc-tabs .nav-tabs.nav-justified > li:last-child.active > a {
        border-bottom: 0 none;
    }

    .tc-tabs .tab-color-dark.nav-justified > li > a {
        margin-bottom: 2px;
    }
}

.tc-tabsbar {
    margin-bottom: 15px;
}

.tc-tabsbar .nav-tabs {
    border: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

.tc-tabsbar .nav-tabs > li {
    height: 41px;
    padding: 1px;
    display: inline-block;
    margin-bottom: 0;
    border-right: 1px solid #e5e5e5;
}

.tc-tabsbar .nav-tabs > li > a {
    border: 0 none;
    height: 39px;
    line-height: 39px;
    display: block;
    padding: 0 15px;
    color: #686868;
    margin-right: 0;
}

.tc-tabsbar .nav-tabs > li > a .glyphicon {
    top: 2px;
}

.tc-tabsbar .nav-tabs > li > a:active, .tc-tabsbar .nav-tabs > li > a:focus {
    outline: none !important;
}

.tc-tabsbar .nav-tabs > li > a, .tc-tabsbar .nav-tabs > li > a:focus {
    border-radius: 0 !important;
}

.tc-tabsbar .nav-tabs > li > a:hover {
    background-color: transparent;
}

.tc-tabsbar .nav-tabs > li > a .badge {
    margin-left: 4px;
}

.tc-tabsbar .nav-tabs > li > a:first-child {
    border-left: 0 none;
}

.tc-tabsbar .nav-tabs > li.active > a {
    background: #4e72c2;
    color: #ffffff;
    border: 0 none;
}

.tc-tabsbar .nav-tabs > li.active > a:hover, .tc-tabsbar .nav-tabs > li.active > a:focus {
    border: 0 none;
}

.tc-tabsbar .nav-tabs > li.active .badge {
    background-color: #ffffff !important;
    color: #4e72c2 !important;
}

.tc-tabsbar .nav-tabs.light {
    border-color: #e5e5e5 !important;
}

.tc-tabsbar .nav-tabs.white {
    background-color: transparent !important;
}

.tc-tabsbar .nav-tabs.white > li > a {
    background: #ffffff;
}

.tc-tabsbar .nav-tabs.white > li.active > a {
    background: #4e72c2 !important;
}

@media (min-width: 768px) {
    .navigation-at-top .row .col-lg-9 {
        width: 100%;
    }

    #page-wrapper {
        min-height: 450px;
    }

    .navbar-side.overflow {
        overflow-y: scroll;
    }

    body .navbar-side.sidebar-light.fixed {
        margin: 30px 0 0;
    }

    body .navbar-side.sidebar-light {
        margin: 15px 0 0;
        width: 250px;
        height: 100%;
    }

    .account-page #page-wrapper .wrapper-outer { /*padding-left:265px;*/
    }

    .navbar-outer {
        padding-right: 10px;
    }

    .tc-tabsbar.lg .nav-tabs > li {
        height: 60px;
        padding: 3px;
    }

    .tc-tabsbar.lg .nav-tabs > li > a {
        height: 54px;
        line-height: 54px;
        font-size: 14px;
    }
}

.navbar-top .nav-top .navbar-collapse {
    clear: both;
}

.tc-tabsbar.arrow .nav-tabs > li.active:after {
    width: 0;
    height: 0;
    z-index: 2;
    content: " ";
    display: block;
    border: 10px solid;
    border-color: #4e72c2 transparent transparent transparent;
    margin: 0 auto -7px;
}

.tc-tabsbar.center-tabs .nav-tabs {
    text-align: center;
    margin: 0 auto 15px;
    border: 0 none;
    padding: 0;
}

.tc-tabsbar.center-tabs .nav-tabs > li {
    display: inline-block;
    float: none;
    border: 1px solid #e5e5e5;
    padding: 0 !important;
    margin-right: -4px;
    border-right: 0 none;
}

.tc-tabsbar.center-tabs .nav-tabs > li.active {
    border-color: #4e72c2;
}

.tc-tabsbar.center-tabs .nav-tabs > li.active:last-child {
    border-right: 1px solid #4e72c2;
}

.tc-tabsbar.center-tabs .nav-tabs > li:first-child {
    margin-left: 0;
}

.tc-tabsbar.center-tabs .nav-tabs > li:last-child {
    margin-right: 0;
    border-right: 1px solid #e5e5e5;
}

@media (min-width: 767px) {
    .tc-tabsbar.center-tabs.lg .nav-tabs > li > a {
        height: 58px;
        line-height: 58px;
    }
}

@media (max-width: 767px) {
    .tc-tabsbar .nav-tabs {
        border: 0 none !important;
    }

    .tc-tabsbar .nav-tabs > li {
        display: block !important;
        text-align: left !important;
        float: none !important;
        border: 1px solid #e5e5e5 !important;
        margin-right: 0 !important;
        margin-bottom: -1px;
        padding: 0 !important;
    }

    .tc-tabsbar .nav-tabs > li.active {
        border-color: #4e72c2 !important;
    }

    .tc-tabsbar.arrow .nav-tabs > li.active:after {
        display: none !important;
    }
}

.tab-content.no-padding {
    padding: 0;
}

.tab-content.no-border {
    border: 0 none;
    padding: 15px;
}

.tab-content.padding-32 {
    padding: 32px 24px;
}

.tab-content.no-border.padding-32 {
    padding: 32px;
}

.tab-content.padding-30 {
    padding: 30px 23px;
}

.tab-content.no-border.padding-30 {
    padding: 30px;
}

.tab-content.padding-28 {
    padding: 28px 21px;
}

.tab-content.no-border.padding-28 {
    padding: 28px;
}

.tab-content.padding-26 {
    padding: 26px 20px;
}

.tab-content.no-border.padding-26 {
    padding: 26px;
}

.tab-content.padding-24 {
    padding: 24px 18px;
}

.tab-content.no-border.padding-24 {
    padding: 24px;
}

.tab-content.padding-22 {
    padding: 22px 17px;
}

.tab-content.no-border.padding-22 {
    padding: 22px;
}

.tab-content.padding-20 {
    padding: 20px 15px;
}

.tab-content.no-border.padding-20 {
    padding: 20px;
}

.tab-content.padding-18 {
    padding: 18px 14px;
}

.tab-content.no-border.padding-18 {
    padding: 18px;
}

.tab-content.padding-16 {
    padding: 16px 12px;
}

.tab-content.no-border.padding-16 {
    padding: 16px;
}

.tab-content.padding-14 {
    padding: 14px 11px;
}

.tab-content.no-border.padding-14 {
    padding: 14px;
}

.tab-content.padding-12 {
    padding: 12px 9px;
}

.tab-content.no-border.padding-12 {
    padding: 12px;
}

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

.tab-content.no-border.padding-10 {
    padding: 10px;
}

.tab-content.padding-8 {
    padding: 8px 6px;
}

.tab-content.no-border.padding-8 {
    padding: 8px;
}

.tab-content.padding-6 {
    padding: 6px 5px;
}

.tab-content.no-border.padding-6 {
    padding: 6px;
}

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

.tab-content.no-border.padding-4 {
    padding: 4px;
}

.tab-content.padding-2 {
    padding: 2px 2px;
}

.tab-content.no-border.padding-2 {
    padding: 2px;
}

.tab-content.padding-0 {
    padding: 0px 0px;
}

.tab-content.no-border.padding-0 {
    padding: 0px;
}

.tc-accordion .panel .panel-heading {
    padding: 0;
}

.tc-accordion .panel .panel-heading a .panel-title {
    color: #686868;
    padding: 10px;
    font-size: 13px;
}

.tc-accordion .panel .panel-heading a .panel-title [class*=" fa-"], .tc-accordion .panel .panel-heading a .panel-title [class^="fa-"], .tc-accordion .panel .panel-heading a .panel-title [class*=" glyphicon-"], .tc-accordion .panel .panel-heading a .panel-title [class^="glyphicon-"] {
    width: 16px;
    min-width: 16px;
}

.tc-accordion .panel .panel-heading a:hover, .tc-accordion .panel .panel-heading a:focus {
    text-decoration: none;
}

.tc-accordion .panel.panel-primary.panel, .tc-accordion .panel.panel-success.panel, .tc-accordion .panel.panel-info.panel, .tc-accordion .panel.panel-warning.panel, .tc-accordion .panel.panel-danger.panel {
    border-color: #e5e5e5;
}

.tc-accordion .panel.panel-primary.panel .panel-heading, .tc-accordion .panel.panel-success.panel .panel-heading, .tc-accordion .panel.panel-info.panel .panel-heading, .tc-accordion .panel.panel-warning.panel .panel-heading, .tc-accordion .panel.panel-danger.panel .panel-heading {
    border-color: #e5e5e5;
}

.tc-accordion .panel.panel-primary.panel .panel-heading a .panel-title, .tc-accordion .panel.panel-success.panel .panel-heading a .panel-title, .tc-accordion .panel.panel-info.panel .panel-heading a .panel-title, .tc-accordion .panel.panel-warning.panel .panel-heading a .panel-title, .tc-accordion .panel.panel-danger.panel .panel-heading a .panel-title {
    color: #ffffff;
}

.tc-accordion .panel.panel-default .panel-heading {
    background-color: #f2f2f2;
}

.tc-accordion .panel.panel-primary .panel-heading {
    background-color: #4e72c2;
}

.tc-accordion .panel.panel-success .panel-heading {
    background-color: #72af46;
}

.tc-accordion .panel.panel-info .panel-heading {
    background-color: #466baf;
}

.tc-accordion .panel.panel-warning .panel-heading {
    background-color: #ab7a4b;
}

.tc-accordion .panel.panel-danger .panel-heading {
    background-color: #bd362f;
}

.tc-accordion.no-border .panel.panel-default {
    border: 0;
}

.tc-accordion.no-border .panel.panel-default .panel-heading {
    border: 1px solid #4e72c2;
    border-width: 0 0 0 1px;
}

.tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active {
    background: #4e72c2;
}

.tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active a .panel-title {
    color: #ffffff;
}

.tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active a .panel-title [class*=" fa-"], .tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active a .panel-title [class^="fa-"], .tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active a .panel-title [class*=" glyphicon-"], .tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active a .panel-title [class^="glyphicon-"] {
    color: #ffffff !important;
}

.tc-accordion.no-border .panel .panel-body {
    border: 0 !important;
}

.tc-accordion-simple .panel {
    border: 0 none;
}

.tc-accordion-simple .panel .panel-heading {
    padding: 0;
    border-width: 0;
    background-color: transparent !important;
}

.tc-accordion-simple .panel .panel-heading a .panel-title {
    padding: 6px 10px;
    font-size: 13px;
}

.tc-accordion-simple .panel .panel-heading a .panel-title [class*=" fa-"], .tc-accordion-simple .panel .panel-heading a .panel-title [class^="fa-"], .tc-accordion-simple .panel .panel-heading a .panel-title [class*=" glyphicon-"], .tc-accordion-simple .panel .panel-heading a .panel-title [class^="glyphicon-"] {
    width: 16px;
    min-width: 16px;
}

.tc-accordion-simple .panel .panel-heading a:hover, .tc-accordion-simple .panel .panel-heading a:focus {
    text-decoration: none;
}

.tc-accordion-simple .panel .panel-heading.accordion-active a .panel-title {
    font-weight: 700;
}

.tc-accordion-simple .panel .panel-heading + .panel-collapse .panel-body {
    border: 0 none;
    padding-top: 10px;
}

.tc-accordion-simple .panel.panel-default .panel-heading a .panel-title {
    color: #686868;
}

.tc-accordion-simple .panel.panel-primary .panel-heading a .panel-title {
    color: #4e72c2 !important;
}

.tc-accordion-simple .panel.panel-success .panel-heading a .panel-title {
    color: #72af46 !important;
}

.tc-accordion-simple .panel.panel-warning .panel-heading a .panel-title {
    color: #ab7a4b !important;
}

.tc-accordion-simple .panel.panel-info .panel-heading a .panel-title {
    color: #466baf !important;
}

.progress {
    box-shadow: none;
    background: #e5e5e5;
    height: 18px;
}

.progress .progress-bar {
    box-shadow: none;
    line-height: 18px;
}

.progress[data-percent] {
    position: relative;
}

.progress[data-percent]:after {
    display: inline-block;
    content: attr(data-percent);
    color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    font-family: Verdana;
}

.progress.progress-yellow[data-percent]:after {
    color: #996633;
}

.progress.progress-small {
    height: 12px;
}

.progress.progress-small .progress-bar {
    line-height: 11px;
    font-size: 11px;
}

.progress.progress-small[data-percent]:after {
    line-height: 11px;
    font-size: 11px;
}

.progress.progress-mini {
    height: 9px;
}

.progress.progress-mini .progress-bar {
    line-height: 8px;
    font-size: 11px;
}

.progress.progress-mini[data-percent]:after {
    line-height: 8px;
    font-size: 11px;
}

.progress-bar {
    background-color: #999999;
}

.progress-bar-primary {
    background-color: #4e72c2;
}

.progress-bar-danger {
    background-color: #bd362f;
}

.progress-bar-success {
    background-color: #72af46;
}

.progress-bar-warning {
    background-color: #ab7a4b;
}

.progress-bar-info {
    background-color: #466baf;
}

.progress-bar-inverse {
    background-color: #414141;
}

.progress {
    position: relative;
}

.progress:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 255, 0);
}

.skills .progress[data-percent] {
    position: relative;
}

.skills .progress[data-percent]:after {
    display: none;
}

.skills .progress .progress-type {
    position: absolute;
    left: 0px;
    padding: 1px 7px 0px;
    line-height: 16px;
    font-size: 11px;
    color: #f2f2f2;
    background-color: rgba(25, 25, 25, 0.2);
}

.skills .progress .progress-completed {
    position: absolute;
    right: 0px;
    padding: 0 7px;
    line-height: 16px;
}

.skills .progress.progress-mini {
    height: 9px;
}

.skills .progress.progress-mini .progress-bar {
    line-height: 8px;
}

.skills .progress.progress-mini .progress-type, .skills .progress.progress-mini .progress-completed {
    display: none;
}

.skills .progress.progress-small .progress-type, .skills .progress.progress-small .progress-completed {
    font-size: 11px;
    line-height: 11px !important;
}

.dropdown-menu {
    border-radius: 0 !important;
    font-size: 13px;
}

.dropdown-menu > li > a {
    padding-left: 11px;
    padding-right: 11px;
    margin-bottom: 1px;
    margin-top: 1px;
    color: #686868;
}

.dropdown-menu.dropdown-only-icon {
    min-width: 50px;
}

.dropdown-menu.dropdown-only-icon > li {
    float: left;
    margin: 0 4px;
}

.dropdown-menu.dropdown-only-icon > li > a [class*="fa-"], .dropdown-menu.dropdown-only-icon > li > a [class*="glyphicon-"] {
    width: 18px;
    display: inline-block;
}

.dropdown-menu.dropdown-yellow li > a:hover, .dropdown-menu.dropdown-yellow li > a:focus, .dropdown-menu.dropdown-yellow li > a:active, .dropdown-menu.dropdown-yellow li.active a, .dropdown-menu.dropdown-yellow li.active a:hover {
    background: #feeebb;
    color: #555555;
}

.dropdown-menu.dropdown-primary li > a:hover, .dropdown-menu.dropdown-primary li > a:focus, .dropdown-menu.dropdown-primary li > a:active, .dropdown-menu.dropdown-primary li.active a, .dropdown-menu.dropdown-primary li.active a:hover {
    background: #4e72c2;
    color: #ffffff;
}

.dropdown-menu.dropdown-success li > a:hover, .dropdown-menu.dropdown-success li > a:focus, .dropdown-menu.dropdown-success li > a:active, .dropdown-menu.dropdown-success li.active a, .dropdown-menu.dropdown-success li.active a:hover {
    background: #72af46;
    color: #ffffff;
}

.dropdown-menu.dropdown-danger li > a:hover, .dropdown-menu.dropdown-danger li > a:focus, .dropdown-menu.dropdown-danger li > a:active, .dropdown-menu.dropdown-danger li.active a, .dropdown-menu.dropdown-danger li.active a:hover {
    background: #bd362f;
    color: #ffffff;
}

.dropdown-menu.dropdown-info li > a:hover, .dropdown-menu.dropdown-info li > a:focus, .dropdown-menu.dropdown-info li > a:active, .dropdown-menu.dropdown-info li.active a, .dropdown-menu.dropdown-info li.active a:hover {
    background: #466baf;
    color: #ffffff;
}

.dropdown-menu.dropdown-warning li > a:hover, .dropdown-menu.dropdown-warning li > a:focus, .dropdown-menu.dropdown-warning li > a:active, .dropdown-menu.dropdown-warning li.active a, .dropdown-menu.dropdown-warning li.active a:hover {
    background: #ab7a4b;
    color: #ffffff;
}

.dropdown-menu.dropdown-close {
    top: 92%;
    left: -5px;
}

.dropdown-menu.dropdown-close.dropdown-menu-right {
    left: auto;
    right: -5px;
}

.dropdown-menu.dropdown-closer {
    top: 80%;
    left: -10px;
}

.dropdown-menu.dropdown-closer.dropdown-menu-right {
    right: -10px;
    left: auto;
}

.dropdown-menu.dropdown-caret:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px;
}

.dropdown-menu.dropdown-caret:after {
    border-bottom: 6px solid #ffffff;
    -moz-border-bottom-colors: #ffffff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}

.dropdown-menu.dropdown-menu-right.dropdown-caret:before {
    left: auto;
    right: 9px;
}

.dropdown-menu.dropdown-menu-right.dropdown-caret:after {
    left: auto;
    right: 10px;
}

.dropup > .dropdown-menu.dropdown-caret:before {
    border-bottom-width: 0;
    border-top: 7px solid rgba(0, 0, 0, 0.2);
    -moz-border-top-colors: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    top: auto;
}

.dropup > .dropdown-menu.dropdown-caret:after {
    border-bottom-width: 0;
    border-top: 6px solid #FFF;
    -moz-border-top-colors: #FFF;
    bottom: -6px;
    top: auto;
}

.dropdown-100 {
    min-width: 100px;
}

.dropdown-125 {
    min-width: 125px;
}

.dropdown-150 {
    min-width: 150px;
}

.dropdown-175 {
    min-width: 175px;
}

.dropdown-200 {
    min-width: 200px;
}

.dropdown-225 {
    min-width: 225px;
}

.dropdown-checkboxes li {
    margin: 4px 10px;
}

.navbar-top .dropdown-menu, .top-navbar .dropdown-menu {
    padding: 0;
    margin-top: -2px !important;
    -webkit-box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
    box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
}

.navbar-top .dropdown-menu li, .top-navbar .dropdown-menu li {
    border-bottom: 1px solid #f5f5f5;
}

.navbar-top .dropdown-menu li:first-child, .top-navbar .dropdown-menu li:first-child {
    border-top: 2px solid #4e72c2;
}

.navbar-top .dropdown-menu li:last-child, .top-navbar .dropdown-menu li:last-child {
    border-bottom: 0 none;
}

.navbar-top .dropdown-menu li > a, .top-navbar .dropdown-menu li > a {
    padding: 10px 15px;
    margin: 0;
}

.navbar-top .lang .dropdown-menu li > a, .top-navbar .lang .dropdown-menu li > a {
    padding: 3px 15px !important;
}

.navbar-top .dropdown-menu li > a:hover, .top-navbar .dropdown-menu li > a:hover, .navbar-top .dropdown-menu li > a:focus, .top-navbar .dropdown-menu li > a:focus, .navbar-top .dropdown-menu li > a:active, .top-navbar .dropdown-menu li > a:active, .navbar-top .dropdown-menu li.active a, .top-navbar .dropdown-menu li.active a, .navbar-top .dropdown-menu li.active a:hover, .top-navbar .dropdown-menu li.active a:hover {
    background: #4e72c2;
    color: #ffffff;
}

@media (min-width: 992px) {
    .navbar-top .dropdown-menu, .top-navbar .dropdown-menu, .b-right .dropdown-menu {
        z-index: 1031;
    }

    .navbar-top .show-on-hover:hover ul.dropdown-menu, .top-navbar .show-on-hover:hover ul.dropdown-menu, .b-right .show-on-hover:hover ul.dropdown-menu {
        display: block;
    }
}

.tc-table {
    background: #ffffff;
    margin-bottom: 15px;
}

.tc-table.table > thead > tr > th, .tc-table.table > thead > tr > td {
    border-bottom: 3px double #e5e5e5;
    border-color: #e5e5e5;
}

.tc-table.table > thead > tr > th label, .tc-table.table > thead > tr > td label {
    margin-bottom: 0;
}

.tc-table.table .col-small {
    width: 45px;
    min-width: 45px;
}

.tc-table.table .col-small.center {
    text-align: center;
}

.tc-table.table .col-medium {
    width: 125px;
    min-width: 125px;
}

.tc-table.table .col-medium.center {
    text-align: center;
}

@media (max-width: 992px) {
    .tc-table.table .tool-bars {
        width: 45px;
        min-width: 45px;
    }
}

.tc-table.table label {
    margin-bottom: 0;
}

.tc-table.table ul.table-mobile-ul {
    margin-top: 5px;
    padding-left: 5px;
    border-left: 2px solid #e5e5e5;
}

.tc-table.table > thead > tr > th[class*=sorted] {
    color: #4e72c2;
}

@media (max-width: 360px) {
    .tc-table.table {
        font-size: 12px;
    }
}

.tc-table.footable > thead > tr > th > span.footable-sort-indicator {
    color: #999999;
    float: right;
    margin-right: 4px;
}

.tc-table.table-bordered {
    border: 1px solid #e5e5e5;
}

.tc-table.table-bordered > thead > tr > th, .tc-table.table-bordered > tbody > tr > th, .tc-table.table-bordered > tfoot > tr > th, .tc-table.table-bordered > thead > tr > td, .tc-table.table-bordered > tbody > tr > td, .tc-table.table-bordered > tfoot > tr > td {
    border: 1px solid #e5e5e5;
}

.tc-table.table-bordered > thead > tr > th, .tc-table.table-bordered > thead > tr > td {
    border-bottom: 3px double #e5e5e5;
}

.tc-table.table-primary.table > thead > tr > th, .tc-table.table-primary.table > thead > tr > td {
    border-bottom-width: 1px;
    background: #4e72c2;
    color: #ffffff;
}

.tc-table.table-primary.footable > thead > tr > th > span.footable-sort-indicator {
    color: #ffffff;
}

.tc-table.table-primary.table-bordered > thead {
    border-bottom: 2px solid #3d60b0;
}

.tc-table.table-primary.table-bordered > thead > tr > th {
    border: 1px solid #3d60b0;
}

.tc-table.table-primary.table-bordered > thead > tr > th:first-child {
    border-left: 1px solid #3d60b0;
}

.tc-table.table-primary.table-bordered > thead > tr > th:last-child {
    border-right: 1px solid #3d60b0;
}

.tc-table.table-primary.table-bordered.dataTable {
    margin-bottom: 0;
}

.tc-table.table-primary.table-bordered.dataTable th[class*=sort]:after {
    color: #ffffff;
}

.tc-table.table-primary.table-bordered.dataTable th[class*=sorting_], .tc-table.table-primary.table-bordered.dataTable th.sorting_desc:after, .tc-table.table-primary.table-bordered.dataTable th.sorting_asc:after {
    color: #ffffff;
}

.dataTable {
    margin-bottom: 0;
}

.dataTable th[class*=sort] {
    cursor: pointer;
    outline: 0 none !important;
}

.dataTable th[class*=sort]:after { /*  content:"f0dc";*/
    display: inline-block;
    color: #999999;
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: normal;
    float: right;
    margin-right: 4px;
    position: relative;
}

.dataTable th[class*=sorting_] {
    color: #4e72c2;
}

.dataTable th.sorting_desc:after { /* content:"f0dd";*/
    top: -6px;
    color: #999999;
}

.dataTable th.sorting_asc:after { /*  content:"f0de";*/
    top: 4px;
    color: #999999;
}

.dataTable th.sorting_disabled {
    cursor: inherit;
}

.dataTable th.sorting_disabled:after {
    display: none;
}

.dataTables_length select {
    width: 60px;
    padding: 2px 3px;
}

.dataTables_length label {
    font-weight: normal;
}

.dataTables_filter {
    text-align: right;
}

.dataTables_filter input[type=text] { /*width:125px;*/
    padding: 4px 6px;
}

.dataTables_filter label {
    font-weight: normal;
}

.dataTables_info {
    font-size: 13px;
    margin: 5px 12px;
}

.dataTables_paginate {
    text-align: right;
}

.dataTables_paginate .pagination {
    margin: 5px 12px;
}

.dataTables_wrapper label {
    display: inline-block;
}

.dataTables_wrapper input[type=text], .dataTables_wrapper select {
    margin-bottom: 0 !important;
    margin: 0 4px;
}

.dataTables_wrapper .row {
    margin: 0;
}

.dataTables_wrapper .row:first-child {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 0 none;
}

.dataTables_wrapper .row:first-child + .dataTable {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.dataTables_wrapper .row:last-child {
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 0 none;
}

.footable-row-detail-row {
    display: block;
    line-height: 1.5em;
}

.dataTable.table.has-columns-hidden > tbody > tr > td > span.responsiveExpander {
    background: url('../../images/plus.png') no-repeat 5px center !important;
    padding-left: 32px;
    cursor: pointer;
}

.dataTable.table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander {
    background: url('../../images/minus.png') no-repeat 5px center !important;
}

.dataTable.table.has-columns-hidden > tbody > tr.row-detail > td > ul > li > span.columnTitle {
    font-weight: bold;
}

#tcSilder ul.thumbnails, #tc-slider-2 ul.thumbnails, .owl-carousel ul.thumbnails {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 640px) {
    #tcSilder ul.thumbnails li, #tc-slider-2 ul.thumbnails li, .owl-carousel ul.thumbnails li {
        margin-bottom: 30px;
    }

    .navbar-top .mobileFix {
        float: left;
    }

    .top-collapse.mobileFix {
        background: #000;
        width: 100%;
        position: absolute;
        left: 0;
    }
}

#tcSilder .thumbnail, #tc-slider-2 .thumbnail, .owl-carousel .thumbnail, #tcSilder .slide-item, #tc-slider-2 .slide-item, .owl-carousel .slide-item {
    position: relative;
    overflow: hidden;
}

#tcSilder .thumbnail img, #tc-slider-2 .thumbnail img, .owl-carousel .thumbnail img, #tcSilder .slide-item img, #tc-slider-2 .slide-item img, .owl-carousel .slide-item img {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#tcSilder .thumbnail .tools, #tc-slider-2 .thumbnail .tools, .owl-carousel .thumbnail .tools, #tcSilder .slide-item .tools, #tc-slider-2 .slide-item .tools, .owl-carousel .slide-item .tools {
    position: absolute;
    top: -100%;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ffffff !important;
    z-index: 2;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#tcSilder .thumbnail .tools .fa, #tc-slider-2 .thumbnail .tools .fa, .owl-carousel .thumbnail .tools .fa, #tcSilder .slide-item .tools .fa, #tc-slider-2 .slide-item .tools .fa, .owl-carousel .slide-item .tools .fa, #tcSilder .thumbnail .tools .glyphicon, #tc-slider-2 .thumbnail .tools .glyphicon, .owl-carousel .thumbnail .tools .glyphicon, #tcSilder .slide-item .tools .glyphicon, #tc-slider-2 .slide-item .tools .glyphicon, .owl-carousel .slide-item .tools .glyphicon {
    background: rgba(0, 0, 0, 0.55);
    font-size: 16px;
    padding: 15px;
    border-radius: 100%;
    color: #f2f2f2;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#tcSilder .thumbnail .tools .fa:hover, #tc-slider-2 .thumbnail .tools .fa:hover, .owl-carousel .thumbnail .tools .fa:hover, #tcSilder .slide-item .tools .fa:hover, #tc-slider-2 .slide-item .tools .fa:hover, .owl-carousel .slide-item .tools .fa:hover, #tcSilder .thumbnail .tools .glyphicon:hover, #tc-slider-2 .thumbnail .tools .glyphicon:hover, .owl-carousel .thumbnail .tools .glyphicon:hover, #tcSilder .slide-item .tools .glyphicon:hover, #tc-slider-2 .slide-item .tools .glyphicon:hover, .owl-carousel .slide-item .tools .glyphicon:hover {
    background: #4e72c2;
}

#tcSilder .thumbnail .tools .btn, #tc-slider-2 .thumbnail .tools .btn, .owl-carousel .thumbnail .tools .btn, #tcSilder .slide-item .tools .btn, #tc-slider-2 .slide-item .tools .btn, .owl-carousel .slide-item .tools .btn {
    background: rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 13px;
    color: #f2f2f2;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#tcSilder .thumbnail .tools .btn:hover, #tc-slider-2 .thumbnail .tools .btn:hover, .owl-carousel .thumbnail .tools .btn:hover, #tcSilder .slide-item .tools .btn:hover, #tc-slider-2 .slide-item .tools .btn:hover, .owl-carousel .slide-item .tools .btn:hover {
    background: #4e72c2;
}

#tcSilder .thumbnail:hover img, #tc-slider-2 .thumbnail:hover img, .owl-carousel .thumbnail:hover img, #tcSilder .slide-item:hover img, #tc-slider-2 .slide-item:hover img, .owl-carousel .slide-item:hover img {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

#tcSilder .thumbnail:hover .tools, #tc-slider-2 .thumbnail:hover .tools, .owl-carousel .thumbnail:hover .tools, #tcSilder .slide-item:hover .tools, #tc-slider-2 .slide-item:hover .tools, .owl-carousel .slide-item:hover .tools {
    top: 35%;
}

/*tcSilder*/
#tcSilder .carousel {
    margin-bottom: 0;
}

#tcSilder .item div.slide-contents {
    padding: 15px 0;
    display: block;
    border-top: 1px dotted #e5e5e5;
}

#tcSilder .left-btn, #tcSilder .right-btn {
    top: -30px;
}

/*Testimonials*/
#testimonials .carousel {
    margin-bottom: 0;
}

#testimonials .item div.testimonials-slide {
    padding: 15px;
    color: #8a8a8a;
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    background: #f8f8f8;
}

#testimonials .carousel-info {
    overflow: hidden;
    padding-top: 15px;
    background: url(../../images/arrow-testimonials.png) no-repeat 83px 0;
}

#testimonials .carousel-info img {
    width: 75px;
    height: 75px;
    padding: 3px;
    border-radius: 150px !important;
    border: solid 1px #f5f5f5;
}

#testimonials .carousel-info {
    overflow: hidden;
}

#testimonials .carousel-info img {
    margin-right: 15px;
}

#testimonials .carousel-info span {
    display: block;
}

#testimonials span.testimonials-name {
    color: #4e72c2;
    font-size: 14px;
    margin: 23px 0 7px;
}

#testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px;
}

#testimonials .left-btn, #testimonials .right-btn {
    bottom: 30px;
}

#tcSilder .left-btn, #testimonials .left-btn, #tcSilder .right-btn, #testimonials .right-btn {
    right: 0;
    width: 26px;
    height: 26px;
    position: absolute;
    display: inline-block;
    background: #f2f2f2;
    color: #999999;
    text-decoration: none;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
}

#tcSilder .left-btn:hover, #testimonials .left-btn:hover, #tcSilder .right-btn:hover, #testimonials .right-btn:hover {
    background: #4e72c2;
    color: #ffffff;
}

#tcSilder .left-btn, #testimonials .left-btn {
    right: 27px;
}

#tcSilder .left-btn:before, #testimonials .left-btn:before {
    content: "f104";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
}

#tcSilder .left-btn:hover:before, #testimonials .left-btn:hover:before {
    content: "f105";
}

#tcSilder .right-btn, #testimonials .right-btn {
    background: #f2f2f2;
}

#tcSilder .right-btn:before, #testimonials .right-btn:before {
    content: "f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
}

#tcSilder .right-btn:hover:before, #testimonials .right-btn:hover:before {
    content: "f104";
}

.carousel {
    margin-bottom: 15px;
}

.carousel .carousel-caption {
    text-shadow: none;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    bottom: 0;
}

.carousel .carousel-caption h4 {
    color: #ffffff;
    text-shadow: none;
    font-weight: 500;
}

.carousel .carousel-control {
    text-shadow: none;
    color: transparent;
}

.carousel .carousel-control.left, .carousel .carousel-control.right {
    background-image: none !important;
}

.carousel .carousel-control.right {
    text-align: center;
}

.carousel .carousel-indicators {
    bottom: 0;
}

.carousel .carousel-indicators li {
    border-radius: 0;
}

.carousel.tc-carousel .item {
    overflow: hidden;
}

.carousel.tc-carousel .carousel-indicators {
    top: auto;
    bottom: -23px;
    margin: 0;
    width: auto;
    right: 0;
    left: 0;
}

.carousel.tc-carousel .carousel-indicators li {
    background: #ffffff;
    border-color: #4e72c2;
}

.carousel.tc-carousel .carousel-indicators li.active {
    background: #9aaedc;
}

.carousel.tc-carousel .carousel-indicators.right {
    text-align: right;
}

.carousel.tc-carousel .carousel-indicators.left {
    text-align: left;
}

.carousel:hover .carousel-control, .carousel.focus .carousel-control {
    color: #4e72c2;
    opacity: 0.55;
    filter: alpha(opacity=55.00000000000001);
}

.tp-slider {
    z-index: 1;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}

.tp-slider .tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0;
}

.tp-slider .tp-banner {
    width: 100%;
    position: relative;
}

.tp-slider .title_white, .tp-slider .title, .tp-slider .subtitle_white {
    font-weight: 300;
}

.tp-slider .subtitle, .tp-slider .title_white_bold {
    font-weight: 400;
}

.tp-slider .title, .tp-slider .title_white {
    font-size: 47px;
}

.tp-slider .title {
    color: #414141;
}

.tp-slider .title_white {
    color: #ffffff;
}

.tp-slider .subtitle, .tp-slider .subtitle_white {
    font-size: 18px;
    color: #ffffff;
    padding: 5px 10px;
    text-align: center;
}

.tp-slider .subtitle_white {
    border-top: 1px solid #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
}

.tp-slider .subtitle {
    background-color: #4e72c2;
}

.tp-slider .title, .tp-slider .subtitle, .tp-slider .slide_desc {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.tp-slider .slide_desc {
    font-size: 14px;
    line-height: 24px;
}

.tp-slider .slidetitle-2 {
    font-size: 47px;
    color: #555555;
    text-decoration: none;
    padding: 15px 10px 5px;
    text-shadow: none;
    text-align: center;
    border-bottom: 3px solid #4e72c2;
}

.tp-slider .tp-leftarrow.default, .tp-slider .tp-rightarrow.default {
    text-decoration: none;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    width: 40px !important;
    height: 40px !important;
    background: rgba(0, 0, 0, 0.7) !important;
    color: #ffffff;
    border-radius: 100%;
}

.tp-slider .tp-leftarrow.default:hover, .tp-slider .tp-rightarrow.default:hover {
    background-color: #4e72c2 !important;
}

.tp-slider .tp-leftarrow.default:before {
    content: "f104";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
}

.tp-slider .tp-rightarrow.default:before {
    content: "f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
}

.owl-carousel {
    margin-bottom: 15px;
}

.owl-carousel .slide-item {
    padding: 0px 5px;
}

.owl-carousel .slide-item a.contents {
    padding: 10px;
    display: block;
    background: #ffffff;
    color: #686868;
    text-decoration: none;
}

.owl-carousel .slide-item a.contents .title {
    display: block;
    font-size: 14px;
    font-weight: 300;
}

.owl-carousel .slide-item a.contents small {
    font-size: 13px;
    font-weight: 300;
}

.owl-carousel .slide-item:hover a.contents {
    background: #4e72c2;
}

.owl-carousel .slide-item:hover a.contents:after {
    content: "e092";
    font-family: 'Glyphicons Halflings';
    display: block;
    position: absolute;
    right: 15px;
    top: auto;
    bottom: 10px;
    color: #ffffff;
}

.owl-carousel .slide-item:hover a.contents .title, .owl-carousel .slide-item:hover a.contents small {
    color: #ffffff;
}

.owl-carousel.with-contents .slide-item img {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.owl-carousel.with-contents:hover img {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.owl-carousel.no-padding-items .slide-item {
    padding: 0px;
}

.owl-buttons {
    position: absolute;
    top: -37px;
    right: 10px;
}

.owl-buttons .owl-prev, .owl-buttons .owl-next {
    background: #f2f2f2;
    color: #999999;
    text-decoration: none;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
}

.owl-buttons .owl-prev:hover, .owl-buttons .owl-next:hover {
    background: #4e72c2;
    color: #ffffff;
}

.owl-buttons .owl-prev:before {
    content: "f104";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-indent: 0px;
}

.owl-buttons .owl-prev:hover:before {
    content: "f105";
}

.owl-buttons .owl-next:before {
    content: "f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-indent: 0px;
}

.owl-buttons .owl-next:hover:before {
    content: "f104";
}

.owl-buttons div {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 5px;
    position: static;
}

/* Styling Pagination*/
.owl-controls {
    text-align: center;
    margin-top: 10px;
}

.owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
}

.owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    border: 1px solid #4e72c2;
    background: #ffffff;
}

.owl-controls .owl-page.active span, .owl-controls .owl-controls.clickable .owl-page:hover span {
    background: #4e72c2;
}

.owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #ffffff;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 30px;
}

/* datepicker */
.ui-datepicker {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
}

.ui-datepicker .ui-widget-header {
    font-weight: normal;
    background: #4e72c2;
    color: #ffffff;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 26px;
    min-width: 32px;
    max-width: 32px;
    text-align: center;
    cursor: pointer;
    color: transparent;
    line-height: 26px;
}

.ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon {
    color: transparent;
    visibility: hidden;
}

.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before {
    display: inline;
    font-family: FontAwesome;
    font-size: 14px;
    content: "f100";
    color: #ffffff;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 2px;
}

.ui-datepicker .ui-datepicker-next:before {
    content: "f101";
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
}

.ui-datepicker td {
    padding: 0;
}

.ui-datepicker td > a, .ui-datepicker td > span {
    display: inline-block;
    min-width: 24px;
    max-width: 24px;
    text-align: center;
    color: #555555;
    font-size: 14px;
}

.ui-datepicker td > a:hover {
    background-color: #f2f2f2;
}

.ui-datepicker td > a.ui-state-highlight {
    background-color: #dff0d8;
    border: 1px solid #a1cd7c;
}

.ui-datepicker td > a.ui-state-active {
    background-color: #4e72c2;
    color: #ffffff;
    border: 0 none;
}

.ui-datepicker td > a.ui-priority-secondary {
    color: #999999;
}

.ui-datepicker td > span {
    color: #999999;
}

.ui-datepicker td .ui-datepicker-buttonpane {
    background-color: #e5e5e5;
}

/* spinner */
.ui-spinner {
    border: 1px solid #e5e5e5;
}

.ui-spinner-button {
    border-width: 0 !important;
    line-height: 15px;
    padding: 0;
    width: 18px;
    cursor: pointer;
    color: #ffffff !important;
    height: 15px;
    margin: 1px;
    font-size: 13px;
}

.ui-spinner-button > [class*="fa-"] {
    width: 18px;
    font-size: 10px;
    display: inline-block;
}

.ui-spinner-input {
    padding: 5px;
    max-width: 75px;
    width: 75px;
    outline: 0 !important;
    margin-right: 23px;
    margin-left: 3px;
    margin-bottom: 4px;
}

/* dialog */
.ui-widget-overlay {
    background: rgba(0, 0, 0, 0.25);
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    z-index: 1040 !important;
}

.ui-dialog, .ui-jqdialog {
    z-index: 1050 !important;
    background-color: #ffffff;
    padding: 0;
    border: 1px solid #e5e5e5;
    box-shadow: none;
}

.ui-dialog .ui-dialog-titlebar, .ui-jqdialog .ui-dialog-titlebar, .ui-dialog .ui-jqdialog-titlebar, .ui-jqdialog .ui-jqdialog-titlebar {
    background-color: #f2f2f2;
    font-size: 16px;
    color: #555555;
    padding: 10px;
    font-weight: normal;
}

.ui-dialog .ui-dialog-title, .ui-jqdialog .ui-dialog-title, .ui-dialog .ui-jqdialog-title, .ui-jqdialog .ui-jqdialog-title {
    float: none;
    width: auto;
}

.ui-dialog .widget-header, .ui-jqdialog .widget-header {
    margin: 0;
    border-width: 0 0 1px 0;
}

.ui-dialog .ui-dialog-buttonpane, .ui-jqdialog .ui-dialog-buttonpane, .ui-dialog .ui-jqdialog-buttonpane, .ui-jqdialog .ui-jqdialog-buttonpane {
    background-color: #f2f2f2;
    border-top: 1px solid #e5e5e5;
}

.ui-dialog .ui-dialog-titlebar-close, .ui-jqdialog .ui-dialog-titlebar-close, .ui-dialog .ui-jqdialog-titlebar-close, .ui-jqdialog .ui-jqdialog-titlebar-close {
    border: none;
    background: transparent;
    opacity: 0.4;
    color: #bd362f;
    padding: 0;
    top: 50%;
    right: 8px !important;
    text-align: center;
}

.ui-dialog .ui-dialog-titlebar-close:before, .ui-jqdialog .ui-dialog-titlebar-close:before, .ui-dialog .ui-jqdialog-titlebar-close:before, .ui-jqdialog .ui-jqdialog-titlebar-close:before {
    content: "f00d";
    display: inline;
    font-family: FontAwesome;
    font-size: 16px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-jqdialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:hover {
    opacity: 1;
    text-decoration: none;
    padding: 0;
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-text, .ui-jqdialog .ui-dialog-titlebar-close .ui-button-text, .ui-dialog .ui-jqdialog-titlebar-close .ui-button-text, .ui-jqdialog .ui-jqdialog-titlebar-close .ui-button-text {
    text-indent: 0;
    visibility: hidden;
}

.ui-dialog .widget-header .ui-dialog-titlebar-close, .ui-jqdialog .widget-header .ui-dialog-titlebar-close, .ui-dialog .widget-header .ui-jqdialog-titlebar-close, .ui-jqdialog .widget-header .ui-jqdialog-titlebar-close {
    right: 10px !important;
}

/* progressbar */
.ui-progressbar {
    background-color: #f2f2f2;
    height: 22px;
}

.ui-progressbar .ui-progressbar-value {
    margin: 0;
}

.ui-progressbar .ui-progressbar-value[class="progress-bar"] {
    background-color: #999999;
}

/** jQuery UI Slider */
.ui-slider {
    background-color: #e0e2e2;
}

.ui-slider-horizontal {
    height: 10px;
}

.ui-slider-vertical {
    width: 10px;
}

.ui-slider .ui-slider-handle {
    border-radius: 0;
    width: 0.90em;
    height: 1.45em;
    cursor: pointer;
    background-color: #f2f2f2;
    border: 1px solid;
}

.ui-slider .ui-slider-handle:before {
    display: inline-block;
}

.ui-slider .ui-slider-handle:hover {
    background-color: #ffffff;
}

.ui-slider .ui-slider-handle:hover, .ui-slider .ui-slider-handle:focus, .ui-slider .ui-slider-handle:active {
    outline: none;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
    text-decoration: none;
}

.ui-slider .ui-slider-handle:hover:before, .ui-slider .ui-slider-handle:focus:before, .ui-slider .ui-slider-handle:active:before {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.725em;
    top: -0.4em;
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.35em;
    margin-bottom: -0.65em;
    width: 1.45em;
    height: 0.90em;
}

/* colors */
.ui-slider-range {
    background-color: #4e72c2;
}

.ui-slider-handle {
    outline: none !important;
}

.ui-slider-handle, .ui-slider-handle:hover, .ui-slider-handle:focus, .ui-slider-handle:active {
    border-color: #4e72c2;
    color: #4e72c2;
}

.ui-slider-inverse .ui-slider-range {
    background-color: #414141;
}

.ui-slider-inverse .ui-slider-handle, .ui-slider-inverse .ui-slider-handle:hover, .ui-slider-inverse .ui-slider-handle:focus, .ui-slider-inverse .ui-slider-handle:active {
    border-color: #414141;
    color: #414141;
}

.ui-slider-primary .ui-slider-range {
    background-color: #4e72c2;
}

.ui-slider-primary .ui-slider-handle, .ui-slider-primary .ui-slider-handle:hover, .ui-slider-primary .ui-slider-handle:focus, .ui-slider-primary .ui-slider-handle:active {
    border-color: #4e72c2;
    color: #4e72c2;
}

.ui-slider-success .ui-slider-range {
    background-color: #72af46;
}

.ui-slider-success .ui-slider-handle, .ui-slider-success .ui-slider-handle:hover, .ui-slider-success .ui-slider-handle:focus, .ui-slider-success .ui-slider-handle:active {
    border-color: #72af46;
    color: #72af46;
}

.ui-slider-danger .ui-slider-range {
    background-color: #bd362f;
}

.ui-slider-danger .ui-slider-handle, .ui-slider-danger .ui-slider-handle:hover, .ui-slider-danger .ui-slider-handle:focus, .ui-slider-danger .ui-slider-handle:active {
    border-color: #bd362f;
    color: #bd362f;
}

.ui-slider-info .ui-slider-range {
    background-color: #466baf;
}

.ui-slider-info .ui-slider-handle, .ui-slider-info .ui-slider-handle:hover, .ui-slider-info .ui-slider-handle:focus, .ui-slider-info .ui-slider-handle:active {
    border-color: #466baf;
    color: #466baf;
}

.ui-slider-warning .ui-slider-range {
    background-color: #ab7a4b;
}

.ui-slider-warning .ui-slider-handle, .ui-slider-warning .ui-slider-handle:hover, .ui-slider-warning .ui-slider-handle:focus, .ui-slider-warning .ui-slider-handle:active {
    border-color: #ab7a4b;
    color: #ab7a4b;
}

/* tabs */
.ui-tabs .ui-tabs-nav {
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
}

.ui-tabs .ui-tabs-nav li {
    margin: 0;
}

.ui-tabs .ui-tabs-nav li.ui-state-default > a {
    background-color: #f2f2f2;
    border: 1px solid #e5e5e5;
    color: #666;
    font-weight: normal;
    line-height: 16px;
    margin-right: -1px;
    padding: 8px 12px;
    position: relative;
    top: 1px;
}

@media (max-width: 360px) {
    .ui-tabs .ui-tabs-nav li.ui-state-default > a {
        color: #666;
        font-weight: normal;
        line-height: 10px;
        margin-right: -1px;
        padding: 8px 6px;
        position: relative;
        font-size: 11px;
    }
}

.ui-tabs .ui-tabs-nav li > a:focus {
    outline: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active > a {
    border: 1px solid;
    border-color: #4e72c2 #e5e5e5 transparent;
    border-top-width: 1px;
    margin-bottom: 0;
    background: #ffffff;
    color: #4e72c2;
    position: relative;
}

.ui-tabs .ui-tabs-panel {
    border: 1px solid #e5e5e5;
    border-top-width: 0;
    margin: 0;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
}

/* tooltip */
.ui-tooltip {
    background-color: #555555;
    color: #ffffff;
}

/* accordion */
.ui-accordion .ui-accordion-header {
    color: #555555;
    font-weight: normal;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    padding: 8px 8px 9px 24px;
    font-size: 14px;
}

.ui-accordion .ui-accordion-header:hover {
    color: #555555;
}

.ui-accordion .ui-accordion-header.ui-state-active {
    color: #555555;
    position: relative;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    text-indent: 0;
    margin-top: 0;
    position: absolute;
    left: 10px;
    top: 7px;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
    display: inline;
    font-family: FontAwesome;
    font-size: 15px;
    content: "f105";
}

.ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:before {
    content: "f107";
    font-weight: normal;
}

.ui-accordion .ui-accordion-content {
    border: 1px solid #e5e5e5;
    border-top-width: 0;
    padding: 11px 16px;
}

/* menu */
.ui-menu {
    box-sizing: content-box;
    width: 150px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    padding: 3px;
    z-index: 12;
}

.ui-menu .ui-menu-item a {
    padding: 4px 7px 5px;
    color: #555555;
    cursor: pointer;
    box-sizing: inherit;
}

.ui-menu .ui-menu-item a .ui-menu-icon {
    float: right;
    position: relative;
    top: 0;
    left: auto;
    right: auto;
    bottom: auto;
    text-indent: 0;
}

.ui-menu .ui-menu-item a .ui-menu-icon:before {
    content: "f105";
    font-family: FontAwesome;
    font-size: 14px;
    display: inline;
}

.ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
    background-color: #4e72c2;
    color: #ffffff;
    margin: auto;
    font-weight: normal;
}

.ui-menu .ui-menu-item a:hover .ui-menu-icon, .ui-menu .ui-menu-item a.ui-state-focus .ui-menu-icon, .ui-menu .ui-menu-item a.ui-state-active .ui-menu-icon {
    color: #ffffff;
}

.ui-menu .ui-state-disabled a {
    color: #999999;
    cursor: default;
}

.ui-menu .ui-state-disabled a:hover, .ui-menu .ui-state-disabled a.ui-state-focus, .ui-menu .ui-state-disabled a.ui-state-active {
    background-color: #ffffff;
    color: #999999;
}

/* auto complete */
.ui-autocomplete {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.ui-autocomplete-category {
    padding: 6px;
    position: relative;
    background-color: #f2f2f2;
    color: #4e72c2;
    font-weight: bolder;
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
}

/* when dragging */
.ui-sortable-placeholder, .ui-sortable-helper, .ui-sortable-placeholder > a, .ui-sortable-helper > a {
    cursor: move !important;
}

.draggable-placeholder { /* for when dragging items around */
    border: 1px dashed #fffefc !important;
    background-color: #ffffff !important;
}

.label {
    border-radius: 0;
    text-shadow: none;
    font-weight: normal;
    display: inline-block;
    background-color: #999999 !important;
}

.label[class*="col-"][class*="arrow"] {
    min-height: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    ::safari-only, .label:empty {
        display: inline-block;
    }

    ::safari-only, .badge:empty {
        display: inline-block;
    }
}

.badge {
    text-shadow: none;
    font-size: 11px;
    padding: 3px 6px 3px 6px;
    font-weight: normal;
    background-color: #999999 !important;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-shadow: none !important;
}

.badge.no-radius {
    border-radius: 0;
}

.label-transparent, .badge-transparent {
    background-color: transparent !important;
}

.label-info, .badge-info {
    background-color: #466baf !important;
}

.label-primary, .badge-primary {
    background-color: #4e72c2 !important;
}

.label-success, .badge-success {
    background-color: #72af46 !important;
}

.label-danger, .badge-danger {
    background-color: #bd362f !important;
}

.label-inverse, .badge-inverse {
    background-color: #414141 !important;
}

.label-warning, .badge-warning {
    background-color: #ab7a4b !important;
}

.label-light, .badge-light {
    background-color: #f2f2f2 !important;
}

.label-pending, .badge-pending {
    background-color: #466baf !important;
}

.label-active, .badge-active {
    background-color: #72af46 !important;
}

.label-suspended, .badge-suspended {
    background-color: #ab7a4b !important;
}

.label-paid, .badge-paid {
    background-color: #72af46 !important;
}

.label-unpaid, .badge-unpaid {
    background-color: #bd362f !important;
}

.label-terminated, .badge-terminated {
    background-color: #bd362f !important;
}

.label-cancelled, .badge-cancelled {
    background-color: #bfbfbf !important;
}

.label-expired, .badge-expired {
    background-color: #999999 !important;
}

.label-refunded, .badge-refunded {
    background-color: #999999 !important;
}

.label-collections, .badge-collections {
    background-color: #ab7a4b !important;
}

.label-fraud, .badge-fraud {
    background-color: #222222 !important;
}

.badge-light, .label-light {
    color: #999999 !important;
}

.label.arrowed, .label.arrowed-in {
    position: relative;
    z-index: 1;
}

.label.arrowed:before, .label.arrowed-in:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    border: 1px solid transparent;
    border-right-color: #999999;
}

.label.arrowed-in:before {
    border-color: #999999;
    border-left-color: transparent !important;
}

.label.arrowed-right, .label.arrowed-in-right {
    position: relative;
    z-index: 1;
}

.label.arrowed-right:after, .label.arrowed-in-right:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    border: 1px solid transparent;
    border-left-color: #999999;
}

.label.arrowed-in-right:after {
    border-color: #999999;
    border-right-color: transparent !important;
}

.label-info.arrowed:before {
    border-right-color: #466baf;
}

.label-info.arrowed-in:before {
    border-color: #466baf;
}

.label-info.arrowed-right:after {
    border-left-color: #466baf;
}

.label-info.arrowed-in-right:after {
    border-color: #466baf;
}

.label-primary.arrowed:before {
    border-right-color: #4e72c2;
}

.label-primary.arrowed-in:before {
    border-color: #4e72c2;
}

.label-primary.arrowed-right:after {
    border-left-color: #4e72c2;
}

.label-primary.arrowed-in-right:after {
    border-color: #4e72c2;
}

.label-success.arrowed:before {
    border-right-color: #72af46;
}

.label-success.arrowed-in:before {
    border-color: #72af46;
}

.label-success.arrowed-right:after {
    border-left-color: #72af46;
}

.label-success.arrowed-in-right:after {
    border-color: #72af46;
}

.label-warning.arrowed:before {
    border-right-color: #ab7a4b;
}

.label-warning.arrowed-in:before {
    border-color: #ab7a4b;
}

.label-warning.arrowed-right:after {
    border-left-color: #ab7a4b;
}

.label-warning.arrowed-in-right:after {
    border-color: #ab7a4b;
}

.label-danger.arrowed:before {
    border-right-color: #bd362f;
}

.label-danger.arrowed-in:before {
    border-color: #bd362f;
}

.label-danger.arrowed-right:after {
    border-left-color: #bd362f;
}

.label-danger.arrowed-in-right:after {
    border-color: #bd362f;
}

.label-inverse.arrowed:before {
    border-right-color: #414141;
}

.label-inverse.arrowed-in:before {
    border-color: #414141;
}

.label-inverse.arrowed-right:after {
    border-left-color: #414141;
}

.label-inverse.arrowed-in-right:after {
    border-color: #414141;
}

.label-light.arrowed:before {
    border-right-color: #f2f2f2;
}

.label-light.arrowed-in:before {
    border-color: #f2f2f2;
}

.label-light.arrowed-right:after {
    border-left-color: #f2f2f2;
}

.label-light.arrowed-in-right:after {
    border-color: #f2f2f2;
}

.label-pending.arrowed:before {
    border-right-color: #466baf;
}

.label-pending.arrowed-in:before {
    border-color: #466baf;
}

.label-pending.arrowed-right:after {
    border-left-color: #466baf;
}

.label-pending.arrowed-in-right:after {
    border-color: #466baf;
}

.label-active.arrowed:before {
    border-right-color: #72af46;
}

.label-active.arrowed-in:before {
    border-color: #72af46;
}

.label-active.arrowed-right:after {
    border-left-color: #72af46;
}

.label-active.arrowed-in-right:after {
    border-color: #72af46;
}

.label-suspended.arrowed:before {
    border-right-color: #ab7a4b;
}

.label-suspended.arrowed-in:before {
    border-color: #ab7a4b;
}

.label-suspended.arrowed-right:after {
    border-left-color: #ab7a4b;
}

.label-suspended.arrowed-in-right:after {
    border-color: #ab7a4b;
}

.label-paid.arrowed:before {
    border-right-color: #72af46;
}

.label-paid.arrowed-in:before {
    border-color: #72af46;
}

.label-paid.arrowed-right:after {
    border-left-color: #72af46;
}

.label-paid.arrowed-in-right:after {
    border-color: #72af46;
}

.label-unpaid.arrowed:before {
    border-right-color: #bd362f;
}

.label-unpaid.arrowed-in:before {
    border-color: #bd362f;
}

.label-unpaid.arrowed-right:after {
    border-left-color: #bd362f;
}

.label-unpaid.arrowed-in-right:after {
    border-color: #bd362f;
}

.label-terminated.arrowed:before {
    border-right-color: #bd362f;
}

.label-terminated.arrowed-in:before {
    border-color: #bd362f;
}

.label-terminated.arrowed-right:after {
    border-left-color: #bd362f;
}

.label-terminated.arrowed-in-right:after {
    border-color: #bd362f;
}

.label-cancelled.arrowed:before {
    border-right-color: #bfbfbf;
}

.label-cancelled.arrowed-in:before {
    border-color: #bfbfbf;
}

.label-cancelled.arrowed-right:after {
    border-left-color: #bfbfbf;
}

.label-cancelled.arrowed-in-right:after {
    border-color: #bfbfbf;
}

.label-expired.arrowed:before {
    border-right-color: #999999;
}

.label-expired.arrowed-in:before {
    border-color: #999999;
}

.label-expired.arrowed-right:after {
    border-left-color: #999999;
}

.label-expired.arrowed-in-right:after {
    border-color: #999999;
}

.label-refunded.arrowed:before {
    border-right-color: #999999;
}

.label-refunded.arrowed-in:before {
    border-color: #999999;
}

.label-refunded.arrowed-right:after {
    border-left-color: #999999;
}

.label-refunded.arrowed-in-right:after {
    border-color: #999999;
}

.label-collections.arrowed:before {
    border-right-color: #ab7a4b;
}

.label-collections.arrowed-in:before {
    border-color: #ab7a4b;
}

.label-collections.arrowed-right:after {
    border-left-color: #ab7a4b;
}

.label-collections.arrowed-in-right:after {
    border-color: #ab7a4b;
}

.label-fraud.arrowed:before {
    border-right-color: #222222;
}

.label-fraud.arrowed-in:before {
    border-color: #222222;
}

.label-fraud.arrowed-right:after {
    border-left-color: #222222;
}

.label-fraud.arrowed-in-right:after {
    border-color: #222222;
}

.label {
    font-size: 12px;
    line-height: 1.2;
    height: 20px;
}

.label.arrowed {
    margin-left: 5px;
}

.label.arrowed:before {
    left: -10px;
    border-width: 10px 5px;
}

.label.arrowed-in {
    margin-left: 5px;
}

.label.arrowed-in:before {
    left: -5px;
    border-width: 10px 5px;
}

.label.arrowed-right {
    margin-right: 5px;
}

.label.arrowed-right:after {
    right: -10px;
    border-width: 10px 5px;
}

.label.arrowed-in-right {
    margin-right: 5px;
}

.label.arrowed-in-right:after {
    right: -5px;
    border-width: 10px 5px;
}

.label-lg {
    padding: 0.3em 0.6em 0.4em;
    font-size: 13px;
    line-height: 1.1;
    height: 24px;
}

.label-lg.arrowed {
    margin-left: 6px;
}

.label-lg.arrowed:before {
    left: -12px;
    border-width: 12px 6px;
}

.label-lg.arrowed-in {
    margin-left: 6px;
}

.label-lg.arrowed-in:before {
    left: -6px;
    border-width: 12px 6px;
}

.label-lg.arrowed-right {
    margin-right: 6px;
}

.label-lg.arrowed-right:after {
    right: -12px;
    border-width: 12px 6px;
}

.label-lg.arrowed-in-right {
    margin-right: 6px;
}

.label-lg.arrowed-in-right:after {
    right: -6px;
    border-width: 12px 6px;
}

.label-xlg {
    padding: 0.3em 0.7em 0.4em;
    font-size: 14px;
    line-height: 1.3;
    height: 28px;
}

.label-xlg.arrowed {
    margin-left: 7px;
}

.label-xlg.arrowed:before {
    left: -14px;
    border-width: 14px 7px;
}

.label-xlg.arrowed-in {
    margin-left: 7px;
}

.label-xlg.arrowed-in:before {
    left: -7px;
    border-width: 14px 7px;
}

.label-xlg.arrowed-right {
    margin-right: 7px;
}

.label-xlg.arrowed-right:after {
    right: -14px;
    border-width: 14px 7px;
}

.label-xlg.arrowed-in-right {
    margin-right: 7px;
}

.label-xlg.arrowed-in-right:after {
    right: -7px;
    border-width: 14px 7px;
}

.label-sm {
    padding: 0.2em 0.4em 0.3em;
    font-size: 11px;
    line-height: 1.2;
    height: 18px;
}

.label-sm.arrowed {
    margin-left: 4px;
}

.label-sm.arrowed:before {
    left: -8px;
    border-width: 9px 4px;
}

.label-sm.arrowed-in {
    margin-left: 4px;
}

.label-sm.arrowed-in:before {
    left: -4px;
    border-width: 9px 4px;
}

.label-sm.arrowed-right {
    margin-right: 4px;
}

.label-sm.arrowed-right:after {
    right: -8px;
    border-width: 9px 4px;
}

.label-sm.arrowed-in-right {
    margin-right: 4px;
}

.label-sm.arrowed-in-right:after {
    right: -4px;
    border-width: 9px 4px;
}

.label > span, .label > [class*="fa-"], .label > [class*="glyphicon-"] {
    line-height: 1;
    vertical-align: bottom;
}

form { /***Input icons***/
}

form .tcb {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    form.form-inline .tcb {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle;
    }
}

form .labels {
    cursor: pointer;
}

form label {
    font-weight: 600;
}

form .form-actions {
    display: block;
    border-top: 1px solid #e5e5e5;
    padding: 15px 10px;
}

form .form-actions .form-group {
    margin-bottom: 0;
}

form .input-group-addon {
    border: 1px solid #e5e5e5;
}

form .input-group-addon [class*=" fa-"], form .input-group-addon [class^="fa-"], form .input-group-addon [class*=" glyphicon-"], form .input-group-addon [class^="glyphicon-"] {
    color: #686868;
}

form .input-group-addon [class*=" glyphicon-"], form .input-group-addon [class^="glyphicon-"] {
    font-size: 13px;
}

form .form-group .help-block {
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 4px;
}

form .form-group.has-success > .input-icon [class*="fa-"], form .form-group.has-success > .input-icon [class^="fa-"], form .form-group.has-success > .input-icon [class*="glyphicon-"], form .form-group.has-success > .input-icon [class^="glyphicon-"] {
    color: #3c763d;
}

form .form-group.has-warning > .input-icon [class*="fa-"], form .form-group.has-warning > .input-icon [class^="fa-"], form .form-group.has-warning > .input-icon [class*="glyphicon-"], form .form-group.has-warning > .input-icon [class^="glyphicon-"] {
    color: #8a6d3b;
}

form .form-group.has-error > .input-icon [class*="fa-"], form .form-group.has-error > .input-icon [class^="fa-"], form .form-group.has-error > .input-icon [class*="glyphicon-"], form .form-group.has-error > .input-icon [class^="glyphicon-"] {
    color: #a94442;
}

form .input-icon {
    position: relative;
}

form .input-icon input {
    padding-left: 33px !important;
}

form .input-icon [class*="fa-"], form .input-icon [class^="fa-"], form .input-icon [class*=" glyphicon-"], form .input-icon [class^="glyphicon-"] {
    display: block;
    position: absolute;
    margin: 11px 2px 4px 10px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    font-size: 16px;
}

form .input-icon.right input {
    padding-left: 12px !important;
    padding-right: 33px !important;
}

form .input-icon.right [class*="fa-"], form [class^="fa-"] {
    right: 8px;
    float: right;
}

.form-horizontal .tcb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.form-horizontal .tcb-inline {
    display: inline-block;
    padding-left: 0 !important;
    margin-bottom: 0;
    vertical-align: middle;
    margin-right: 15px;
    min-height: 20px;
}

@media (max-width: 767px) {
    .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
        margin-bottom: 5px;
    }
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="find"], input[type="tel"], input[type="color"] {
    border-radius: 0 !important;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    font-size: 13px;
    box-shadow: none !important;
    padding: 6px;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="find"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #e5e5e5 #e5e5e5 #e5e5e5 #4e72c2;
    background-color: #ffffff;
    outline: 0 none;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

input[readonly] {
    background: #f5f5f5 !important;
    cursor: default !important;
}

.input-mini {
    width: 60px;
    max-width: 100%;
}

.input-small {
    width: 90px;
    max-width: 100%;
}

.input-medium, .input-md {
    width: 150px;
    max-width: 100%;
}

.input-large {
    width: 210px;
    max-width: 100%;
}

.input-xlarge {
    width: 270px;
    max-width: 100%;
}

.input-xxlarge {
    width: 530px;
    max-width: 100%;
}

.input-lg {
    height: 45px;
}

select option, select.form-control option {
    padding: 3px 4px;
}

select option:active, select.form-control option:active, select option:hover, select.form-control option:hover, select option:focus, select.form-control option:focus {
    background-color: #ffffff;
    color: #686868;
}

select option[value=""], select.form-control option[value=""] {
    padding: 0;
}

.form-control, select {
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #686868;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
}

.form-control:focus, select:focus {
    color: #686868;
    border-color: #e5e5e5;
    background-color: #ffffff;
    outline: none;
}

select {
    padding: 3px 4px;
    height: 30px;
}

select.form-control {
    padding: 4px 6px;
}

select[multiple], select.form-control[multiple] {
    height: auto;
}

select.input-sm {
    border-radius: 0;
    padding: 2px 3px;
}

select.input-lg {
    border-radius: 0;
    padding: 6px 8px;
}

input[disabled] {
    color: #848484 !important;
    background-color: #eeeeee !important;
}

input[disabled]:hover {
    border-color: #e5e5e5 !important;
}

input[readonly] {
    color: #939192;
    background: #f5f5f5 !important;
    cursor: default;
}

input[readonly]:hover {
    border-color: #c3c3c3;
}

input[readonly]:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #aaaaaa;
    background-color: #f9f9f9;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #ffffff inset !important;
}

/* For login and error pages */
.login-container {
    width: 375px;
    margin: 10% auto 50px;
}

.login-box {
    width: 360px;
    padding: 20px;
    padding-bottom: 0;
    background: rgba(255, 255, 255, 0.75);
    border: 6px solid rgba(0, 0, 0, 0.5);
    visibility: hidden;
    position: absolute;
    overflow: hidden;
    -moz-transform: scale(0, 1) translate(-150px);
    -webkit-transform: scale(0, 1) translate(-150px);
    -o-transform: scale(0, 1) translate(-150px);
    -ms-transform: scale(0, 1) translate(-150px);
    transform: scale(0, 1) translate(-150px);
}

.login-box.visible {
    visibility: visible;
    -moz-transform: scale(1, 1) translate(0);
    -webkit-transform: scale(1, 1) translate(0);
    -o-transform: scale(1, 1) translate(0);
    -ms-transform: scale(1, 1) translate(0);
    transform: scale(1, 1) translate(0);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -o-transition: none; /* too slow */
    -webkit-transition: none; /* works in chrome but not in safari, never scales back to 1! */
}

.login-box .page-header {
    margin: -15px 0 15px;
}

.login-box .footer-wrap {
    background: rgba(255, 255, 255, 0.3);
    margin: 20px -20px 0;
    padding: 10px 20px;
    border-top: 2px solid #e5e5e5;
}

.login-box .footer-wrap a {
    text-decoration: none;
}

.login-box .social-or-login {
    margin-top: 4px;
    position: relative;
    z-index: 1;
    text-align: center;
}

.login-box .social-or-login :first-child {
    display: inline-block;
    background: rgba(255, 255, 255, 0.36);
    padding: 2px 8px;
    color: #4e72c2;
    font-size: 13px;
}

.login-box .social-or-login:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px dotted rgba(255, 255, 255, 0.46);
}

.login-box .hr {
    border-color: rgba(255, 255, 255, 0.46);
}

@media (max-width: 480px) {
    .login-container, .login-box {
        width: 95%;
    }
}

body.login, body.error {
    background: #555555 url("../../images/loginBg.jpg") center center no-repeat;
    background-size: cover;
}

.error-container {
    margin: 10% auto 50px;
}

.error-container .error-box {
    padding: 15px;
    text-align: center;
    background: rgba(255, 255, 255, 0.75);
    border: 6px solid rgba(0, 0, 0, 0.5);
}

.error-container .error-box .error-code {
    font-size: 700%;
    font-weight: bolder;
    border-bottom: 1px solid #bd362f;
    padding: 10px;
    color: #bd362f;
}

@media (max-width: 768px) {
    .lang.navbar-right {
        padding-right: 0;
    }

    .account-page .menu-button-top {
        position: absolute;
        z-index: 9999;
        background: #444;
        color: #fff;
        width: 100%;
        left: 0px;
        padding: 8px 3%;
        cursor: pointer;
        text-align: center;
        font-size: 14px;
        line-height: 150%;
        top: 0px;
        display: block !important;
    }

    .more-option {
        background: none repeat scroll 0 0 #fff;
        left: 0 !important;
        position: absolute;
        top: 0;
        width: 50%;
        z-index: 999999;
    }

    .more-option .navbar-side .navbar-collapse, .more-option .navbar-side {
        margin-top: 0px !important;
        left: 0px !important;
        top: 0;
    }

    .menu-button-top.open .fa-times {
        color: #ccc;
        cursor: pointer;
        display: block !important;
        float: right;
        font-size: 20px;
        margin-top: 0;
    }

    .more-option .navbar-side .navbar-collapse, .more-option .navbar-side {
        display: block;
    }

    .navbar-side .navbar-collapse, .navbar-side { /*display:none;*/
    }

    .navbar-top .nav-top .lang li.dropdown > a, .navbar-top .nav-top .user-information li.dropdown > a {
        padding: 10px 15px !important;
    }

    .navbar-top .navbar-right > li.dropdown > .dropdown-menu:after, .top-navbar .navbar-right > li.dropdown > .dropdown-menu:after {
        left: 8px;
    }

    .error-container .error-box .error-code {
        font-size: 360%;
    }

    .navbar-top.container .nav-top {
        margin: 0 !important;
    }

    .navbar-top .nav-top .navbar-collapse {
        clear: both;
        padding: 0;
    }

    .navbar-top .nav-top li > a, .top-navbar .nav-top li > a {
        border: 1px solid rgba(255, 255, 255, 0.2);
        height: auto !important;
        padding: 6px !important;
    }

    .navbar-top .nav-top .dropdown-menu .divider {
        display: none;
    }

    .navbar-top .navbar-brand, .top-navbar .navbar-brand {
        height: auto;
    }

    .navbar-top .navbar-brand img, .top-navbar .navbar-brand img {
        width: auto;
    }

    .navbar-top {
        max-height: 170px;
    }

    .navbar-top .nav-top .lang, .navbar-top .nav-top .user-information {
        margin-top: 0;
    }

    .navbar-top .nav-top .lang li.dropdown > a, .navbar-top .nav-top .user-information li.dropdown > a {
        margin: 0 2px;
    }

    body .navbar-top .mobileFix {
        float: none !important;
    }

    .nav.user-information, .nav.lang {
        display: inline-block;
    }

    .navbar-brand {
        padding: 0 !important;
        text-align: center;
        width: 100% !important;
        margin: 0 !important;
    }

    body .nav-top {
        clear: none;
        text-align: center;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .error-container .error-box .error-code {
        font-size: 200%;
    }

    .error-container .error-box h3 {
        font-size: 13px !important;
    }
}

.top-navbar .navbar-nav > li > a, .top-navbar .navbar-right > li > a {
    color: #ffffff;
}

.top-navbar .navbar-nav > li > a:hover, .top-navbar .navbar-right > li > a:hover, .top-navbar .navbar-nav > li > a:focus, .top-navbar .navbar-right > li > a:focus {
    color: #ffffff;
}

.top-navbar .nav li a {
    border-top: 1px solid transparent;
}

.top-navbar .navbar-toggle {
    outline: none;
    margin-top: 6px;
    margin-bottom: auto;
    border-color: transparent;
    color: #686868;
}

.top-navbar .navbar-toggle:hover, .top-navbar .navbar-toggle:active, .top-navbar .navbar-toggle:focus {
    background: transparent;
}

.top-navbar .navbar-toggle .fa {
    font-size: 21px;
}

.top-navbar .navbar-collapse {
    border-color: transparent;
}

.top-navbar .nav .open > a, .top-navbar .nav .open > a:hover, .top-navbar .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
}

.top-navbar .navbar-left > li > a, .top-navbar .navbar-right > li > a {
    font-size: 14px;
}

.top-navbar .top-menu {
    background-color: #373737;
}

.top-navbar.navbar {
    background-color: #ffffff;
    margin-bottom: 0;
    border-bottom: 0 none;
}

.top-navbar .navbar-header {
    background-color: #ffffff;
    padding: 0 0 5px;
}

@media (max-width: 992px) {
    .top-navbar .nav-top {
        margin-left: -15px;
        margin-right: -15px;
        padding: 0 10px;
        background-color: #373737;
    }

    .top-navbar .navbar-left.pull-right {
        float: none !important;
    }
}

@media (min-width: 1367px) {
    .footer-main.footer-pushed-bottom {
    }
}

@media (min-width: 992px) {
    .top-navbar.navbar {
        border-bottom: none;
    }

    .top-navbar .search-box {
        min-width: 190px;
    }

    .top-navbar .navbar-brand {
        margin-left: 0 !important;
    }

    .top-navbar .navbar-nav > li > a, .top-navbar .navbar-right > li > a {
        padding: 15px;
    }

    .top-navbar .navbar-right > li > a {
        color: #686868 !important;
    }

    .top-navbar .nav-top {
        margin: 0;
    }

    .top-navbar .navbar-right, .top-navbar .navbar-header {
        -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
        -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
        transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
        padding: 10px 0;
    }

    .top-navbar.top-nav-collapse .navbar-right, .top-navbar.top-nav-collapse .navbar-header {
        padding: 0;
    }

    .top-navbar .navbar-left.navbar-nav > li {
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-width: 0 1px 0 0;
    }

    .top-navbar .navbar-left.navbar-nav > li:first-child {
        border-width: 0 1px !important;
    }

    .top-navbar .navbar-left.navbar-nav > li .btn:hover, .top-navbar .navbar-left.navbar-nav > li .btn:focus {
        background-color: #4e72c2 !important;
    }
}

.mass-head {
    width: 100%;
    height: auto;
}

.mass-head.inner {
    padding: 15px 0 0;
    border-bottom: 1px solid #e5e5e5;
    background: #f2f2f2;
}

.mass-head.inner h1 {
    font-size: 31px;
    margin-top: 0;
}

.mass-head.inner h1 small {
    font-size: 13px;
}

.mass-head.inner .breadcrumb {
    float: right;
    margin-top: 0;
    background: none;
    border-bottom: 0 none;
    margin-bottom: 10px;
}

.mass-head.inner .breadcrumb li, .mass-head.inner .breadcrumb a {
    text-decoration: none;
}

.mass-head.inner .breadcrumb > li + li:before {
    content: "//�0a0";
    padding: 0 5px;
}

@media (max-width: 992px) {
    .mass-head.inner .breadcrumb {
        float: left;
        padding: 0;
    }

    body .navbar-side.sidebar-light {
        margin: 15px 0 0;
    }
}

.mass-head.inner.bg-danger h1, .mass-head.inner.bg-primary h1, .mass-head.inner.bg-success h1, .mass-head.inner.bg-warning h1, .mass-head.inner.bg-info h1, .mass-head.inner.dark h1, .mass-head.inner.gray h1, .mass-head.inner.bg-danger .breadcrumb, .mass-head.inner.bg-primary .breadcrumb, .mass-head.inner.bg-success .breadcrumb, .mass-head.inner.bg-warning .breadcrumb, .mass-head.inner.bg-info .breadcrumb, .mass-head.inner.dark .breadcrumb, .mass-head.inner.gray .breadcrumb, .mass-head.inner.bg-danger .breadcrumb li, .mass-head.inner.bg-primary .breadcrumb li, .mass-head.inner.bg-success .breadcrumb li, .mass-head.inner.bg-warning .breadcrumb li, .mass-head.inner.bg-info .breadcrumb li, .mass-head.inner.dark .breadcrumb li, .mass-head.inner.gray .breadcrumb li, .mass-head.inner.bg-danger .breadcrumb a, .mass-head.inner.bg-primary .breadcrumb a, .mass-head.inner.bg-success .breadcrumb a, .mass-head.inner.bg-warning .breadcrumb a, .mass-head.inner.bg-info .breadcrumb a, .mass-head.inner.dark .breadcrumb a, .mass-head.inner.gray .breadcrumb a, .mass-head.inner.bg-danger .breadcrumb > li + li:before, .mass-head.inner.bg-primary .breadcrumb > li + li:before, .mass-head.inner.bg-success .breadcrumb > li + li:before, .mass-head.inner.bg-warning .breadcrumb > li + li:before, .mass-head.inner.bg-info .breadcrumb > li + li:before, .mass-head.inner.dark .breadcrumb > li + li:before, .mass-head.inner.gray .breadcrumb > li + li:before {
    color: rgba(255, 255, 255, 0.95);
}

.mass-head.inner.bg-danger .breadcrumb li:hover, .mass-head.inner.bg-primary .breadcrumb li:hover, .mass-head.inner.bg-success .breadcrumb li:hover, .mass-head.inner.bg-warning .breadcrumb li:hover, .mass-head.inner.bg-info .breadcrumb li:hover, .mass-head.inner.dark .breadcrumb li:hover, .mass-head.inner.gray .breadcrumb li:hover, .mass-head.inner.bg-danger .breadcrumb a:hover, .mass-head.inner.bg-primary .breadcrumb a:hover, .mass-head.inner.bg-success .breadcrumb a:hover, .mass-head.inner.bg-warning .breadcrumb a:hover, .mass-head.inner.bg-info .breadcrumb a:hover, .mass-head.inner.dark .breadcrumb a:hover, .mass-head.inner.gray .breadcrumb a:hover {
    color: #ffffff;
}

.mass-head.inner.bg-danger small, .mass-head.inner.bg-primary small, .mass-head.inner.bg-success small, .mass-head.inner.bg-warning small, .mass-head.inner.bg-info small, .mass-head.inner.dark small, .mass-head.inner.gray small {
    color: rgba(255, 255, 255, 0.65);
}

@media (min-width: 992px) {
    .mass-head {
        padding: 120px 0 0;
    }

    .mass-head.inner {
        padding: 140px 0 0;
    }

    .mass-head.inner .breadcrumb {
        margin-bottom: 0;
    }
}

.block-s1 {
    padding: 10px 0;
}

.block-s1 p, .block-s1 h1, .block-s1 h2, .block-s1 h3, .block-s1 h4, .block-s1 h5, .block-s1 h6 {
    padding: 0;
    margin: 10px 15px;
}

@media (max-width: 992px) {
    .block-s1 .text-right, .block-s1 .text-left {
        text-align: center !important;
    }
}

@media (max-width: 600px) {
    .bottom-section-inner-right ul li {
        float: left;
        padding: 0 5px 10px 0;
    }
}

@media (max-width: 480px) {
    .block-s1 h1, .block-s1 h2, .block-s1 h3, .block-s1 h4 {
        font-size: 16px;
        line-height: 26px;
    }
}

.block-s1.notice {
    padding: 10px;
}

.block-s2, .block-s4 {
    padding: 20px 0 5px;
}

.block-s3 {
    padding: 15px 0;
}

.block-footer {
    padding: 40px 0 10px;
    background: #2f2f2f;
}

.block-footer ul.list-unstyled {
    padding: 0 10px;
}

.block-footer ul.list-unstyled a {
    color: #909090;
}

.block-footer ul.list-unstyled a:hover, .block-footer ul.list-unstyled a:active, .block-footer ul.list-unstyled a:focus {
    color: #f6f6f6;
    text-decoration: none;
}

.block-footer ul.list-unstyled li {
    padding-top: 5px;
}

.block-footer ul.list-unstyled .fa, .block-footer ul.list-unstyled .glyphicon {
    font-size: 110%;
}

.block-footer h4 {
    text-transform: uppercase;
    color: #909090;
    font-size: 15px;
}

.block-footer .social ul, .block-footer .social li {
    padding: 0 !important;
}

.block-footer .well {
    background: #282828;
    border: 0 none;
}

.block-footer .copyright {
    padding-top: 10px;
    margin-top: 60px;
    border-top: 1px solid #494949;
    border-bottom: 1px solid #494949;
}

.block-footer .copyright ul {
    float: right;
}

.block-footer .copyright ul a {
    color: #909090;
}

.block-footer .copyright ul a:hover, .block-footer .copyright ul a:active, .block-footer .copyright ul a:focus {
    color: #f6f6f6;
    text-decoration: none;
}

@media (max-width: 768px) {
    .block-footer .copyright ul {
        float: left !important;
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    .navbar-side.fixed {
        width: 220px;
    }

    .navbar-left > li {
        padding: 0 5px;
    }

    body {
        margin-top: 55px;
    }
}

.page-container {
    background: #ffffff;
}

@media (min-width: 767px) {
    .block-s2 {
        padding: 40px 0 25px;
    }
}

@media (max-width: 992px) {
    .container {
        width: 100% !important;
    }
}

#back-to-top {
    z-index: 999;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 15px;
    display: none;
}

.blog-posts {
    margin: 0 0 15px;
    border-bottom: 1px double #e5e5e5;
    padding-bottom: 15px;
}

.blog-posts h1, .blog-posts h2 {
    margin-top: 10px;
}

.blog-posts h1 a, .blog-posts h2 a {
    color: #686868;
}

.blog-posts h1 a:hover, .blog-posts h2 a:hover, .blog-posts h1 a:focus, .blog-posts h2 a:focus {
    color: #4e72c2;
}

@media (max-width: 480px) {
    .blog-posts h1, .blog-posts h2 {
        font-size: 18px;
    }
}

.blog-posts .article-info {
    margin: 20px 0 15px;
    background: #ffffff;
    padding: 7.5px 0;
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
}

.blog-posts .article-info li {
    display: inline-block;
    margin-right: 10px;
    border-left: solid 1px #e5e5e5;
    padding-left: 15px;
}

.blog-posts .article-info li:first-child {
    padding-left: 0;
    border: 0 none;
}

.blog-posts .article-info li a {
    color: #686868;
}

.blog-posts .article-info li .fa {
    margin-right: 4px;
    font-size: 14px;
    color: #4e72c2;
}

.blog-posts .article-info .pull-right li {
    margin-right: 0;
}

.blog-posts .article-info.top {
    border: 0 none;
    padding: 0;
    margin: 0 0 15px;
}

.blog-posts .article-info.top li {
    border: 0 none;
    padding-left: 0;
}

.blog-posts img {
    margin: 10px 0 15px;
}

.blog-posts .lead {
    font-size: 16px;
}

.blog-posts .comments {
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    padding: 15px 0;
    margin-bottom: 15px;
}

.blog-posts .comments h4 {
    padding-top: 0;
    margin: 10px 0 4px;
    font-size: 16px;
}

.blog-posts .comments .media-object {
    width: 60px;
    max-width: 60px;
    height: 60px;
    max-hegiht: 60px;
    border: 1px solid #e5e5e5;
    padding: 3px;
}

.blog-posts .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 10px;
}

.blog-posts .video iframe, .blog-posts .video object, .blog-posts .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog-tags {
    margin-bottom: 15px;
}

.blog-tags h3 {
    margin: 0 0 10px;
}

.blog-tags ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog-tags ul li {
    position: relative;
    margin: 0 16px 7px 0;
    display: inline-block;
}

.blog-tags ul li a {
    background: #f2f2f2;
    display: inline-block;
    padding: 3px 5px 3px 10px;
    color: #999999;
}

.blog-tags ul li a:hover, .blog-tags ul li a:focus {
    color: #ffffff;
    background: #4e72c2;
    text-decoration: none;
}

.blog-tags ul li a:hover:after, .blog-tags ul li a:focus:after {
    border-left-color: #4e72c2;
}

.blog-tags ul li a:after {
    top: 50%;
    width: 0;
    left: 100%;
    height: 0;
    z-index: 2;
    content: " ";
    display: block;
    margin-top: -12px;
    position: absolute;
    border-left: 12px solid #f2f2f2;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.blog-categories {
    margin-bottom: 15px;
}

.blog-categories h3 {
    margin: 0 0 10px;
}

.blog-categories ul li {
    padding: 5px 15px;
    border-bottom: 1px solid #f5f5f5;
}

.blog-categories ul li a:hover, .blog-categories ul li a:focus {
    text-decoration: none;
    color: #686868;
}

.blog-categories ul li :before {
    content: "f105";
    margin-left: 4px;
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 4px;
}

.pricing-table-1 {
    padding: 0 25px 15px;
    margin-bottom: 15px;
    text-align: center;
    background: #ffffff;
    border: 3px solid #e5e5e5;
}

.pricing-table-1 .plan-title {
    margin-top: 15px;
}

.pricing-table-1 .plan-pricing {
    width: 140px;
    height: 140px;
    margin: 30px auto;
    border: 3px solid #e5e5e5;
    background: #ffffff;
    border-radius: 100%;
    display: table;
}

.pricing-table-1 .plan-pricing .plan-price {
    font-size: 30px;
    line-height: 20px;
    vertical-align: middle;
    display: table-cell;
}

.pricing-table-1 .plan-pricing .plan-unit {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
}

.pricing-table-1 .plan-pricing .plan-text {
    text-transform: none;
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: 400;
}

.pricing-table-1 .plan-features {
    margin: 30px auto;
    padding: 15px 0 0;
    border-top: 1px solid #e5e5e5;
}

.pricing-table-1 .plan-features li {
    list-style: none;
    padding: 5px 0;
}

.pricing-table-1 .plan-button {
    margin-bottom: 15px;
}

.pricing-table-1.active {
    border-color: #4e72c2;
}

.pricing-table-1.active .plan-pricing {
    background: #4e72c2;
    border-color: #4369be;
}

.pricing-table-1.active .plan-price, .pricing-table-1.active .plan-unit {
    color: #ffffff;
}

.pricing-table-1:hover {
    border-color: #4e72c2;
}

.pricing-table-1 .ribbon-wrapper .ribbon {
    top: 14px;
}

.pricing-table-2 {
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
}

.pricing-table-2 .product-image {
    display: block;
    position: relative;
    z-index: 2;
}

.pricing-table-2 .icon-attachment {
    color: #ffffff;
}

.pricing-table-2 .details {
    position: relative;
    background: #ffffff;
    padding: 0 10px 25px;
    z-index: 3;
}

.pricing-table-2 .details h4 {
    margin: 0;
    padding: 5px 0;
    font-weight: 500;
}

.pricing-table-2 .details h4 a {
    color: #686868;
}

.pricing-table-2 .details h4 a:hover {
    text-decoration: none;
    color: #4e72c2;
}

.pricing-table-2 .details p {
    padding: 0;
    font-size: 11px;
}

.pricing-table-2 .details .intents {
    text-align: right;
    position: absolute;
    top: 10px;
    right: 10px;
}

.pricing-table-2 .details .intents .count {
    display: inline-block;
    position: relative;
    top: -3px;
    margin: 0 5px;
}

.pricing-table-2 .actions {
    height: 25px;
    font-size: 18px;
    font-weight: normal;
}

.pricing-table-2 .actions .btn-round {
    position: relative;
    border-radius: 100%;
    padding: 10px 0;
    width: 38px;
    height: 38px;
    top: -19px;
    text-align: center;
    border-color: transparent;
    background: #ffffff;
}

.pricing-table-2 .actions .btn-round:hover {
    background: #ffffff;
}

.pricing-table-2 .actions .counter {
    float: right;
}

.pricing-table-2 .actions .counter.text {
    font-size: 14px;
}

.pricing-table-2 .actions a:hover {
    text-decoration: none;
}

.pricing-table-2 .pricing {
    position: absolute;
    z-index: 3;
    color: #ffffff;
    font-weight: 500;
    font-size: 1.7em;
    right: 10px;
    bottom: 5px;
    padding: 0 10px;
    background-color: rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(0, 0, 0, 0.35);
}

.pricing-table-2 .tag {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 10px;
}

.pricing-table-2 .tag .text {
    font-weight: 700;
    position: absolute;
    top: 5px;
    right: 0;
    width: 40px;
    color: #ffffff;
    z-index: 4;
    text-align: center;
}

.pricing-table-2 .tag .caret {
    border-top: 8px solid transparent !important;
    display: block;
    color: #ffffff;
    z-index: 3;
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    border-left: 20px solid rgba(0, 0, 0, 0.55);
    border-right: 20px solid rgba(0, 0, 0, 0.55);
    border-bottom: 30px solid rgba(0, 0, 0, 0.55);
}

.pricing-table-2 .tag .bg-danger, .pricing-table-2 .tag .bg-primary, .pricing-table-2 .tag .bg-success, .pricing-table-2 .tag .bg-warning, .pricing-table-2 .tag .bg-info, .pricing-table-2 .tag .dark, .pricing-table-2 .tag .gray, .pricing-table-2 .tag .inverse {
    background-color: transparent !important;
}

.pricing-table-3 {
    padding: 15px;
    width: 100%;
    height: 100%;
    border: 3px solid #e5e5e5;
    margin-bottom: 15px;
    background: #ffffff;
}

.pricing-table-3 .price-small {
    font-size: 24px;
}

.pricing-table-3 h3, .pricing-table-3 h4 {
    margin-bottom: 5px;
    margin-top: 0px;
}

.pricing-table-3 .desc {
    margin-bottom: 10px;
    padding-bottom: 0px;
}

.pricing-table-3 .rate {
    background: #4e72c2;
    padding: 15px;
    margin: 15px -15px;
    color: #ffffff;
    clear: both;
}

.pricing-table-3 .rate .price {
    display: inline-block;
    float: left;
    clear: both;
}

.pricing-table-3 .rate .price .term {
    padding-top: 4px;
    margin-left: 4px;
    float: left;
}

.pricing-table-3 .rate .price .amount {
    padding-top: 4px;
    float: left;
    text-align: right;
    font-size: 41px;
    line-height: 40px;
    font-weight: 300;
}

.pricing-table-3 .rate .btn {
    margin-top: 3px;
    float: right;
    display: block;
}

.pricing-table-3 .rate:before {
    display: table;
    line-height: 0;
    content: "";
}

.pricing-table-3 .rate:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both;
}

.pricing-table-3 ul {
    padding-left: 5px;
    margin-bottom: 15px;
}

.pricing-table-3 ul li {
    list-style: none;
    padding: 7.5px 0;
    border-bottom: solid 1px #f2f2f2;
}

.pricing-table-3 ul li:before {
    content: "f105";
    margin-right: 4px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
}

.pricing-table-3:hover {
    border-color: #4e72c2;
}

.pricing-table-3.active {
    border-color: #4e72c2;
}

.pricing-table-3 .ribbon-wrapper .ribbon {
    top: 14px;
}

.tc-gallery {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tc-gallery > li {
    float: left;
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 15px 15px 0;
}

.tc-gallery > li > :first-child {
    display: block;
    position: relative;
}

.tc-gallery > li > :first-child:focus {
    outline: none;
}

.tc-gallery > li .tags {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: visible;
    direction: rtl;
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    background-color: transparent;
    border-width: 0;
    vertical-align: inherit;
}

.tc-gallery > li .tags > .label-holder {
    opacity: 0.92;
    filter: alpha(opacity=92);
    display: table;
    margin: 1px 0 0 0;
    direction: ltr;
    text-align: left;
}

.tc-gallery > li .tags > .label-holder:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tc-gallery > li > .tools {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30px;
    width: 24px;
    background-color: rgba(0, 0, 0, 0.55);
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.tc-gallery > li > .tools.tools-right {
    left: auto;
    right: -30px;
}

.tc-gallery > li > .tools.tools-bottom {
    width: auto;
    height: 28px;
    left: 0;
    right: 0;
    top: auto;
    bottom: -30px;
}

.tc-gallery > li > .tools.tools-top {
    width: auto;
    height: 28px;
    left: 0;
    right: 0;
    top: -30px;
    bottom: auto;
}

.tc-gallery > li:hover > .tools {
    left: 0;
    right: 0;
}

.tc-gallery > li:hover > .tools.tools-bottom {
    top: auto;
    bottom: 0;
}

.tc-gallery > li:hover > .tools.tools-top {
    bottom: auto;
    top: 0;
}

.tc-gallery > li:hover > .tools.tools-right {
    left: auto;
    right: 0;
}

.tc-gallery > li > .in.tools {
    left: 0;
    right: 0;
}

.tc-gallery > li > .in.tools.tools-bottom {
    top: auto;
    bottom: 0;
}

.tc-gallery > li > .in.tools.tools-top {
    bottom: auto;
    top: 0;
}

.tc-gallery > li > .in.tools.tools-right {
    left: auto;
    right: 0;
}

.tc-gallery > li > .tools > a, .tc-gallery > li > :first-child .inner a {
    display: inline-block;
    color: #FFF;
    font-size: 18px;
    font-weight: normal;
    padding: 0 4px;
}

.tc-gallery > li > .tools > a:hover, .tc-gallery > li > :first-child .inner a:hover {
    text-decoration: none;
    color: #C9E2EA;
}

.tc-gallery > li .tools.tools-bottom > a, .tc-gallery > li .tools.tools-top > a {
    display: inline-block;
}

.tc-gallery > li > :first-child > .text {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    text-align: center;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.55);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.tc-gallery > li > :first-child > .text:before { /* makes the inner text become vertically centered*/
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: 0; /* Adjusts for spacing */
}

.tc-gallery > li > :first-child > .text > .inner {
    padding: 4px 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
}

.tc-gallery > li:hover > :first-child > .text {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tc-gallery-2 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tc-gallery-2 > li {
    float: left;
    display: block;
    position: relative;
    margin: 0 15px 15px 0;
}

.tc-gallery-2 > li > :first-child {
    display: block;
    position: relative;
}

.tc-gallery-2 > li > :first-child:focus {
    outline: none;
}

.tc-gallery-2 > li.thumbnail {
    padding: 10px;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #f2f2f2;
}

.tc-gallery-2 > li.thumbnail .thumb-preview {
    position: relative;
    z-index: 2;
}

.tc-gallery-2 > li.thumbnail .thumb-preview .thumb-image {
    display: block;
    overflow: hidden;
}

.tc-gallery-2 > li.thumbnail .thumb-preview img {
    width: 100%;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    border: 1px solid #e5e5e5;
}

.tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.55);
    visibility: hidden;
    overflow: hidden;
}

.tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-zoom {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 15px 10px;
    font-size: 18px;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: transform 0.1s linear 0.1s;
    -o-transition: transform 0.1s linear 0.1s;
    transition: transform 0.1s linear 0.1s;
    -moz-transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

.tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.55);
    color: #ffffff;
    padding: 6px 10px;
    -webkit-transition: transform 0.1s linear 0.1s;
    -o-transition: transform 0.1s linear 0.1s;
    transition: transform 0.1s linear 0.1s;
    -moz-transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
}

.tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar .gl-option {
    margin: 0;
}

.tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar .gl-group > a {
    color: #ffffff;
    padding: 0 5px;
    text-decoration: none;
}

.tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar .gl-group .gl-toggle {
    color: #ffffff;
    background: none;
    border: none;
    padding: 2px 2px 2px 10px;
    border-left: 1px solid rgba(0, 0, 0, 0.55);
}

.tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar .checkbox-inline {
    padding-left: 0;
}

.iti-flag {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.4/img/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.4/img/flags@2x.png");
    }
}
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type="text"], .intl-tel-input.allow-dropdown input[type="tel"], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type="text"], .intl-tel-input.separate-dial-code input[type="tel"] {
    padding-left: 52px !important;
}

.tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar:after {
    content: "";
    display: table;
    clear: both;
}

.tc-gallery-2 > li.thumbnail .gl-title {
    margin: 10px 0 2px;
    padding-bottom: 2px;
    display: inline-block;
}

.tc-gallery-2 > li.thumbnail .gl-title small {
    position: relative;
    top: 0;
    left: 0;
    color: #999999;
    opacity: 0;
    z-index: 1;
    font-size: 10px;
    font-size: 1rem;
}

.tc-gallery-2 > li.thumbnail .gl-description:after {
    content: "";
    display: table;
    clear: both;
}

.tc-gallery-2 > li.thumbnail.thumbnail-selected {
    border-color: #ffffff;
    box-shadow: 0 0 8px -1px #e5e5e5;
}

.tc-gallery-2 > li.thumbnail.thumbnail-selected .gl-title small {
    opacity: 1;
}

.tc-gallery-2 > li.thumbnail.thumbnail-selected .thumb-preview .gl-thumb-options {
    visibility: visible;
}

.tc-gallery-2 > li.thumbnail.thumbnail-selected .thumb-preview .gl-thumb-options .gl-toolbar {
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.tc-gallery-2 > li.thumbnail:hover .gl-title small, .tc-gallery-2 > li.thumbnail:focus .gl-title small {
    opacity: 1;
}

.tc-gallery-2 > li.thumbnail:hover .thumb-preview img, .tc-gallery-2 > li.thumbnail:focus .thumb-preview img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.tc-gallery-2 > li.thumbnail:hover .thumb-preview .gl-thumb-options, .tc-gallery-2 > li.thumbnail:focus .thumb-preview .gl-thumb-options {
    visibility: visible;
}

.tc-gallery-2 > li.thumbnail:hover .thumb-preview .gl-thumb-options .gl-zoom, .tc-gallery-2 > li.thumbnail:focus .thumb-preview .gl-thumb-options .gl-zoom {
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.tc-gallery-2 > li.thumbnail:hover .thumb-preview .gl-thumb-options .gl-toolbar, .tc-gallery-2 > li.thumbnail:focus .thumb-preview .gl-thumb-options .gl-toolbar {
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

@media only screen and (max-width: 460px) {
    .tc-gallery {
        text-align: center;
    }

    .tc-gallery > li, .tc-gallery-2 > li {
        float: none;
        display: inline-block;
        margin: 2px;
    }
}

.notice {
    display: block;
    min-width: 200px;
    height: auto;
    position: relative;
    background-color: #f2f2f2;
    padding: 15px;
    margin-bottom: 15px;
}

.notice * {
    color: inherit;
}

.notice *:hover, .notice *:focus, .notice *:active {
    color: inherit;
}

.notice:before {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    background-color: inherit;
    left: -5px;
    top: 50%;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.notice.marker-on-top:before {
    top: 0;
    left: 50%;
    margin-left: -5px;
}

.notice.marker-on-right:before {
    top: 50%;
    margin-top: -5px;
    left: 100%;
    margin-left: -5px;
}

.notice.marker-on-bottom:before {
    top: 100%;
    margin-left: -5px;
    left: 50%;
    margin-top: -5px;
}

#live-chat-ui {
    bottom: 0;
    font-size: 12px;
    right: 25px;
    position: fixed;
    width: 290px;
    z-index: 1100;
}

#live-chat-ui header {
    background: #252525;
    border-radius: 4px 4px 0 0;
    color: #ffffff;
    cursor: pointer;
    padding: 7.5px 15px;
    -webkit-box-shadow: 0px -3px 52px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px -3px 52px -13px rgba(0, 0, 0, 0.75);
}

#live-chat-ui h4:before {
    background: #72af46;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin: 0 8px 0 0;
    width: 8px;
}

#live-chat-ui h4 {
    font-size: 13px;
    margin: 5px 0;
}

#live-chat-ui h5 {
    font-size: 11px;
    margin-top: 0;
    margin-bottom: 5px;
    color: #555555;
}

#live-chat-ui p {
    margin: 0;
}

#live-chat-ui form {
    padding: 15px;
}

#live-chat-ui input[type="text"] {
    background-color: #f2f2f2;
    border: 1px solid #e5e5e5;
    width: 100%;
    font-size: 12px;
}

#live-chat-ui input[type="text"]:focus, #live-chat-ui input[type="text"]:hover {
    border: 1px solid #4e72c2;
}

#live-chat-ui .chat-message-counter {
    background: #4e72c2;
    border: 2px solid #395aa4;
    border-radius: 50%;
    display: none;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    left: 0;
    line-height: 24px;
    margin: -10px 0 0 -10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 28px;
}

#live-chat-ui a.chat-close {
    color: #ffffff;
    display: block;
    float: right;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    margin: 5px 0;
    text-align: center;
    width: 16px;
}

#live-chat-ui a.chat-close :hover {
    color: #f2f2f2;
}

#live-chat-ui .chat {
    background: #f2f2f2;
}

#live-chat-ui .chat-history {
    height: auto;
    padding: 8px 24px;
    overflow: none;
}

#live-chat-ui .chat-message {
    margin: 16px 0;
}

#live-chat-ui .chat-message img {
    border-radius: 100%;
    float: left;
}

#live-chat-ui .chat-message-content {
    margin-left: 46px;
}

#live-chat-ui .chat-time {
    float: right;
    font-size: 10px;
}

#live-chat-ui .chat-feedback {
    font-style: italic;
    margin: 10px 0 -5px 0;
    text-align: center;
}

@media (max-width: 359px) {
    #live-chat {
        margin-left: 15px;
        right: 15px;
    }
}

.in-chat {
    position: relative;
}

.in-chat .itemdiv {
    padding-right: 3px;
    min-height: 66px;
    position: relative;
}

.in-chat .itemdiv > .user {
    display: inline-block;
    width: 42px;
    position: absolute;
    left: 0;
}

.in-chat .itemdiv > .user > img {
    border-radius: 100%;
    border: 2px solid #e5e5e5;
    max-width: 40px;
    position: relative;
}

.in-chat .itemdiv > .body {
    width: auto;
    margin-left: 50px;
    margin-right: 12px;
    position: relative;
}

.in-chat .itemdiv > .body > .time {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #999999;
    position: absolute;
    right: 9px;
    top: 0;
}

.in-chat .itemdiv > .body > .name {
    display: block;
}

.in-chat .itemdiv > .body > .text {
    display: block;
    position: relative;
    margin-top: 2px;
    padding-bottom: 19px;
    padding-left: 7px;
    font-size: 13px;
}

.in-chat .itemdiv > .body > .text:after {
    display: block;
    content: "";
    height: 1px;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    left: 16px;
    right: -12px;
    margin-top: 9px;
    border-top: 1px solid #e5e5e5;
}

.in-chat .itemdiv:last-child > .body > .text {
    border-bottom: none;
}

.in-chat .itemdiv:last-child > .body > .text:after {
    display: none;
}

.in-chat .itemdiv.dialogdiv {
    padding-bottom: 14px;
}

.in-chat .itemdiv.dialogdiv:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: 19px;
    width: 3px;
    max-width: 3px;
    background-color: #f2f2f2;
    border: 1px solid #e5e5e5;
    border-width: 0 1px;
}

.in-chat .itemdiv.dialogdiv:last-child:before {
    display: none;
}

.in-chat .itemdiv.dialogdiv > .user > img {
    border-color: #e5e5e5;
}

.in-chat .itemdiv.dialogdiv > .body {
    border: 1px solid #e5e5e5;
    padding: 5px 8px 8px;
    border-left-width: 1px;
    margin-right: 1px;
}

.in-chat .itemdiv.dialogdiv > .body:before {
    content: "";
    display: block;
    position: absolute;
    left: -5px;
    top: 11px;
    width: 8px;
    height: 8px;
    border: 1px solid #e5e5e5;
    border-width: 1px 0 0 1px;
    background-color: #ffffff;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.in-chat .itemdiv.dialogdiv > .body > .time {
    position: static;
    float: right;
}

.in-chat .itemdiv.dialogdiv > .body > .text {
    padding-left: 0;
    padding-bottom: 0px;
}

.in-chat .itemdiv.dialogdiv > .body > .text:after {
    display: none;
}

.in-chat .itemdiv.dialogdiv .tooltip-inner {
    word-break: break-all;
}

.in-chat .itemdiv.memberdiv {
    width: 175px;
    padding: 2px;
    margin: 3px 0;
    float: left;
    border-bottom: 1px solid #e5e5e5;
}

.in-chat .itemdiv.memberdiv > .user > img {
    border-color: #e5e5e5;
}

.in-chat .itemdiv.memberdiv > .body > .time {
    position: static;
}

.in-chat .itemdiv.memberdiv > .body > .name {
    line-height: 18px;
    height: 18px;
    margin-bottom: 0;
}

.in-chat .itemdiv.memberdiv > .body > .name > a {
    display: inline-block;
    max-width: 100px;
    max-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.in-chat .itemdiv .tools {
    position: absolute;
    right: 5px;
    bottom: 10px;
    display: none;
}

.in-chat .itemdiv .tools .btn {
    border-radius: 36px;
    margin: 1px 0;
}

.in-chat .itemdiv .body .tools {
    bottom: 4px;
}

.in-chat .itemdiv.commentdiv .tools {
    right: 9px;
}

.in-chat .itemdiv:hover .tools {
    display: inline-block;
}

.timeline {
    margin: auto;
    position: relative;
    margin-bottom: 15px;
}

.timeline li {
    list-style: none;
}

.timeline:before {
    background-color: #e5e5e5;
    content: '';
    position: absolute;
    top: 0;
    left: 25px;
    width: 2px;
    height: 100%;
}

.timeline > .timeline-day {
    margin-left: -15px;
    margin-bottom: 15px;
}

.timeline .timeline-event {
    position: relative;
}

.timeline .timeline-event:hover .timeline-event-point {
    background-color: #4e72c2 !important;
}

.timeline .timeline-event-wrap {
    padding: 32px 15px 15px;
    position: relative;
    top: -30px;
    left: 0;
    width: 100%;
}

.timeline .timeline-event-point {
    background-color: #414141;
    outline: 5px solid #e5e5e5;
    display: block;
    margin: 8px 8px 8px -7px;
    position: absolute;
    top: 0;
    left: -15px;
    width: 15px;
    height: 15px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.timeline .timeline-event-time {
    border: 1px solid #e5e5e5;
    position: relative;
    clear: both;
    display: inline-block;
    margin-bottom: 7.5px;
    padding: 3px 5px;
    background: #ffffff;
}

.timeline .timeline-event-time:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -16px;
    width: 16px;
    height: 2px;
    background: #e5e5e5;
}

.timeline .timeline-event-time:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    width: 2px;
    height: 15px;
    background: #e5e5e5;
}

.timeline .timeline-event-massage {
    padding: 10px;
    margin-top: 7px;
    border: 1px solid #e5e5e5;
    background: #ffffff;
}

.timeline .timeline-event-massage img {
    padding: 2px;
    border: 1px solid #e5e5e5;
    background: #ffffff;
}

.gritter-item-wrapper {
    background-image: none;
    background-color: #4e72c2;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.gritter-item-wrapper.gritter-light, .gritter-item-wrapper.light {
    background: #f2f2f2;
}

.gritter-item-wrapper.gritter-light .gritter-item, .gritter-item-wrapper.light .gritter-item, .gritter-item-wrapper.gritter-light .gritter-close, .gritter-item-wrapper.light .gritter-close {
    color: #555555;
}

.gritter-item-wrapper.gritter-light .gritter-title, .gritter-item-wrapper.light .gritter-title {
    text-shadow: none;
    color: #555555;
}

.gritter-item-wrapper.gritter-light .gritter-close:before, .gritter-item-wrapper.light .gritter-close:before {
    color: #555555;
}

.gritter-item-wrapper.dark .gritter-item, .gritter-item-wrapper.bg-info .gritter-item, .gritter-item-wrapper.bg-succsss .gritter-item, .gritter-item-wrapper.bg-primary .gritter-item, .gritter-item-wrapper.bg-success .gritter-item, .gritter-item-wrapper.bg-warning .gritter-item, .gritter-item-wrapper .inverse .gritter-item {
    color: #ffffff;
}

.gritter-item-wrapper .gritter-top, .gritter-item-wrapper .gritter-bottom, .gritter-item-wrapper .gritter-item {
    background-image: none !important;
}

.gritter-item-wrapper .gritter-image {
    border: 2px solid #e5e5e5;
    margin: 2px 10px 0 0;
}

.gritter-item {
    color: #f2f2f2;
    font-family: 'Open Sans', sans-serif !important;
}

.gritter-close {
    left: auto;
    right: 10px;
    top: 7px;
    background: none !important;
    width: 18px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 0;
    display: block !important;
    color: #f2f2f2;
}

.gritter-close:before {
    content: 'x' !important;
    font-size: 19px !important;
    text-indent: 0 !important;
    position: absolute !important;
    text-align: center !important;
    right: 0 !important;
    top: 0 !important;
    color: #ffffff;
}

.gritter-close:hover, .gritter-close:focus, .gritter-close:active {
    color: #ffffff;
    text-decoration: none;
}

.gritter-title {
    text-shadow: none;
    padding: 0px 0px 2px;
    font-weight: 500;
    color: #ffffff;
}

.gritter-center {
    position: fixed;
    left: 33%;
    right: 33%;
    top: 33%;
}

.gritter-center .gritter-with-image {
    float: left;
    width: auto;
}

@media (max-width: 767px) {
    .gritter-center {
        left: 30px;
        right: 30px;
    }
}

.fc .label, .fc-event .label {
    text-align: left !important;
    font-size: .85em;
    line-height: 1.42857143;
    height: auto;
}

.fc th, .fc-event th {
    padding: 7px 0;
    color: #555555;
}

.fc-event {
    border: 1px solid #04070d; /* default BORDER color */
    background-color: #4e72c2; /* default BACKGROUND color */
}

.fc-header-title > h2 {
    font-size: 21px;
    color: #555555;
    line-height: normal;
}

.fc-widget-header, .fc-widget-content {
    border: 1px solid #e5e5e5;
}

.fc-widget-header {
    background: #f2f2f2;
}

.fc-state-highlight {
    background: #fff7eb;
}

.fc-grid .fc-day-number {
    color: #999999;
}

.fc-event-hori, .fc-event-vert {
    border-radius: 0 !important;
    border-color: transparent;
}

.fc-event-vert .fc-event-content {
    padding-left: 1px;
    padding-right: 1px;
}

.fc-event-vert .fc-event-time {
    padding: 0;
}

.fc-state-default {
    border: none;
}

.fc-state-default, .fc-state-default .fc-button-inner {
    border: none;
    background-color: #999999;
    color: #ffffff;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0 !important;
    margin-left: 2px;
}

.fc-state-default .fc-button-effect {
    display: none;
}

.fc-state-disabled, .fc-state-disabled .fc-button-inner {
    opacity: 0.75;
    filter: alpha(opacity=75);
    color: #f2f2f2;
}

.fc-state-active, .fc-state-active .fc-button-inner {
    border-color: #04070d;
    background-color: #4e72c2;
}

.fc-state-hover, .fc-state-hover .fc-button-inner {
    background-color: #4e72c2;
}

.external-event {
    margin: 0 0 5px;
    padding: 0;
    cursor: default;
    display: block;
    color: #ffffff;
    background-color: #ffffff;
    line-height: 32px;
    text-align: left !important;
    font-size: 13px;
}

.external-event:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.external-event.ui-draggable-dragging {
    cursor: move;
}

.external-event.label {
    height: auto;
}

.external-event > [class*="fa-"]:first-child { /* the move & drag icon */
    display: inline-block;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 30px;
    margin-right: 5px;
    font-size: 15px;
    border-right: 1px solid #ffffff;
}

/* calendar */
@media only screen and (max-width: 480px) {
    .fc-header td {
        display: block;
        width: auto;
        text-align: left;
    }
}

.bootstrap-select .btn-default, .bootstrap-select.open .btn-default {
    background: #ffffff;
    border-color: #e5e5e5;
    color: #666;
}

.bootstrap-select .btn-default:hover, .bootstrap-select.open .btn-default:hover, .bootstrap-select .btn-default:focus, .bootstrap-select.open .btn-default:focus, .bootstrap-select .btn-default:active, .bootstrap-select.open .btn-default:active, .bootstrap-select .btn-default.active, .bootstrap-select.open .btn-default.active, .bootstrap-select .btn-default.disabled, .bootstrap-select.open .btn-default.disabled, .bootstrap-select .btn-default.disabled:focus, .bootstrap-select.open .btn-default.disabled:focus, .bootstrap-select .open .dropdown-toggle.btn-default, .bootstrap-select.open .open .dropdown-toggle.btn-default {
    background: #ffffff;
    border-color: #e5e5e5;
    color: #666;
}

.bootstrap-select .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select .btn:focus {
    outline: none !important;
    outline-offset: 0;
}

.bootstrap-select .caret {
    border: 0;
    width: auto;
    height: auto;
    margin-top: -10px !important;
}

.bootstrap-select .caret:before {
    content: "f107";
    display: inline-block;
    border: 0;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}

.bootstrap-tagsinput {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    box-shadow: none;
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 10px;
    color: #555555;
    vertical-align: middle;
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    line-height: 22px;
}

.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: auto !important;
    max-width: inherit;
}

.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: none;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: none;
}

.datetimepicker {
    padding: 4px;
    margin-top: 1px;
    white-space: normal;
    direction: ltr;
}

.datetimepicker.datetimepicker-rtl {
    direction: rtl;
}

.datetimepicker.datetimepicker-rtl table tr td span {
    float: right;
}

.datetimepicker > div {
    display: none;
}

.datetimepicker.minutes div.datetimepicker-minutes {
    display: block;
}

.datetimepicker.hours div.datetimepicker-hours {
    display: block;
}

.datetimepicker.days div.datetimepicker-days {
    display: block;
}

.datetimepicker.months div.datetimepicker-months {
    display: block;
}

.datetimepicker.years div.datetimepicker-years {
    display: block;
}

.datetimepicker table {
    margin: 0;
}

.datetimepicker table tr td.minute:hover {
    background: #f2f2f2;
    cursor: pointer;
}

.datetimepicker table tr td.hour:hover {
    background: #f2f2f2;
    cursor: pointer;
}

.datetimepicker table tr td.day:hover {
    background: #f2f2f2;
    cursor: pointer;
}

.datetimepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
}

.datetimepicker table tr td span:hover {
    background: #f2f2f2;
}

.datetimepicker table tr td span.old {
    color: #999999;
}

.datetimepicker .datetimepicker-hours span {
    height: 26px;
    line-height: 26px;
}

.datetimepicker .datetimepicker-minutes span {
    height: 26px;
    line-height: 26px;
}

.datetimepicker th.switch {
    width: 145px;
}

.datetimepicker-inline {
    width: 220px;
}

.datetimepicker-dropdown, .datetimepicker-dropdown-left {
    top: 0;
    left: 0;
}

[class*="datetimepicker-dropdown"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e5e5e5;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}

[class*="datetimepicker-dropdown"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
}

[class*="datetimepicker-dropdown-top"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #e5e5e5;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0;
}

[class*="datetimepicker-dropdown-top"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    border-bottom: 0;
}

.datetimepicker-dropdown-bottom-left:before {
    top: -7px;
    right: 6px;
}

.datetimepicker-dropdown-bottom-left:after {
    top: -6px;
    right: 7px;
}

.datetimepicker-dropdown-bottom-right:before {
    top: -7px;
    left: 6px;
}

.datetimepicker-dropdown-bottom-right:after {
    top: -6px;
    left: 7px;
}

.datetimepicker-dropdown-top-left:before {
    bottom: -7px;
    right: 6px;
}

.datetimepicker-dropdown-top-left:after {
    bottom: -6px;
    right: 7px;
}

.datetimepicker-dropdown-top-right:before {
    bottom: -7px;
    left: 6px;
}

.datetimepicker-dropdown-top-right:after {
    bottom: -6px;
    left: 7px;
}

.datetimepicker td, .datetimepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border: none;
}

.table-striped .datetimepicker table tr td, .table-striped .datetimepicker table tr th {
    background-color: transparent;
}

.datetimepicker table tr td.old, .datetimepicker table tr td.new {
    color: #999999;
}

.datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datetimepicker table tr td.today, .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled:hover {
    background-color: #dff0d8;
    border: 0 none;
}

.datetimepicker table tr td.today:hover, .datetimepicker table tr td.today:hover:hover, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today.disabled:hover:hover, .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today:hover.disabled, .datetimepicker table tr td.today.disabled.disabled, .datetimepicker table tr td.today.disabled:hover.disabled, .datetimepicker table tr td.today[disabled], .datetimepicker table tr td.today:hover[disabled], .datetimepicker table tr td.today.disabled[disabled], .datetimepicker table tr td.today.disabled:hover[disabled] {
    background-color: #a1cd7c;
}

.datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 9;
}

.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover {
    background-color: #999999;
    color: #555555;
}

.datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active:hover.disabled, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled:hover.disabled, .datetimepicker table tr td.active[disabled], .datetimepicker table tr td.active:hover[disabled], .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active.disabled:hover[disabled] {
    background-color: #4e72c2;
}

.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active {
    background-color: #4e72c2;
    border: 0 none;
}

.datetimepicker .datetimepicker-hours table tr td span.hour_am, .datetimepicker .datetimepicker-hours table tr td span.hour_pm {
    width: 14.6%;
}

.datetimepicker .datetimepicker-hours fieldset legend, .datetimepicker .datetimepicker-minutes fieldset legend {
    margin-bottom: inherit;
    line-height: 30px;
}

.datetimepicker table tr td span.disabled, .datetimepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover {
    background-color: #4e72c2;
    color: #ffffff;
}

.datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active:hover:hover, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active.disabled:hover:hover, .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active:hover.disabled, .datetimepicker table tr td span.active.disabled.disabled, .datetimepicker table tr td span.active.disabled:hover.disabled, .datetimepicker table tr td span.active[disabled], .datetimepicker table tr td span.active:hover[disabled], .datetimepicker table tr td span.active.disabled[disabled], .datetimepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #4e72c2;
    border: 0 none;
}

.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active {
    background-color: #4e72c2;
    border: 0 none;
}

.datetimepicker thead tr:first-child th, .datetimepicker tfoot tr:first-child th {
    cursor: pointer;
}

.datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot tr:first-child th:hover {
    background: none;
}

.input-append.date .add-on i, .input-prepend.date .add-on i, .input-group.date .input-group-addon span {
    cursor: pointer;
    width: 14px;
    height: 14px;
}

/* spinner */
.spinner-buttons.btn-group-vertical .btn {
    margin: 0;
    height: 17px;
    width: 22px;
    font-size: 10px;
}

/* wizard */
.wizard-steps {
    list-style: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

.wizard-steps li {
    display: table-cell;
    text-align: center;
    width: 1%;
}

.wizard-steps li .step {
    border: 3px solid #e5e5e5;
    color: #999999;
    font-size: 15px;
    border-radius: 100%;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 32px;
    text-align: center;
}

.wizard-steps li:before { /* the line running through each step*/
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    font-size: 0;
    overflow: hidden;
    border-top: 4px solid #e5e5e5;
    position: relative;
    top: 21px;
    z-index: 1;
}

.wizard-steps li:last-child:before {
    max-width: 50%;
    width: 50%;
}

.wizard-steps li:first-child:before {
    max-width: 51%;
    left: 50%;
}

.wizard-steps li.active:before, .wizard-steps li.complete:before, .wizard-steps li.active .step, .wizard-steps li.complete .step {
    border-color: #4e72c2;
}

.wizard-steps li.complete .step {
    cursor: default;
    color: #ffffff;
    -webkit-transition: transform ease 0.1s;
    -o-transition: transform ease 0.1s;
    transition: transform ease 0.1s;
}

.wizard-steps li.complete .step:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 32px;
    text-align: center;
    border-radius: 100%;
    content: "f00c";
    background-color: #ffffff;
    z-index: 3;
    font-family: FontAwesome;
    font-size: 17px;
    color: #4e72c2;
}

.wizard-steps li.complete:hover .step {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}

.wizard-steps li .title {
    display: block;
    margin-top: 4px;
    max-width: 100%;
    color: #999999;
    font-size: 14px;
    z-index: 104;
    text-align: center;
    table-layout: fixed;
    word-wrap: break-word;
}

.wizard-steps li.complete .title, .wizard-steps li.active .title {
    color: #555555;
}

.step-content .step-pane {
    display: none;
    min-height: 75px;
    padding: 4px 8px 12px;
    margin-top: 15px;
}

.step-content .active {
    display: block;
}

.wizard-actions {
    text-align: right;
}

.wizard-actions.btn-group, .wizard-actions.ui-group-buttons {
    float: right;
}

@media only screen and (max-width: 460px) {
    .wizard-steps li .step {
        width: 30px;
        height: 30px;
        line-height: 24px;
        border-width: 3px;
    }

    .wizard-steps li:before, .wizard-steps li:after {
        border-width: 3px;
    }

    .wizard-steps li.complete .step:before {
        line-height: 24px;
        font-size: 13px;
    }

    .wizard-steps li:before {
        top: 16px;
    }

    .step-content .step-pane {
        padding: 4px 4px 6px;
    }
}

#bwizard .bw-navbar {
    border-bottom: 0 none;
    background-color: transparent;
    font-size: 13px;
    padding: 0;
    position: relative;
    min-height: 50px;
    margin-bottom: 10px;
}

.bwizard-steps {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: #ffffff;
}

.bwizard-steps .active {
    color: #ffffff;
    background: #4e72c2;
}

.bwizard-steps .active a, .bwizard-steps .active a:hover {
    color: #ffffff;
    cursor: default;
}

.bwizard-steps .active .label {
    background-color: #555555;
}

.bwizard-steps .active:after {
    border-left-color: #4e72c2;
}

.bwizard-steps .label {
    position: relative;
    top: -1px;
    margin: 0 5px 0 0;
    padding: 1px 5px 2px;
}

.bwizard-steps li {
    display: inline-block;
    position: relative;
    padding: 12px 17px 10px 30px;
    background: #f2f2f2;
    line-height: 18px;
    list-style: none;
}

.bwizard-steps li:first-child {
    padding-left: 12px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.bwizard-steps li:first-child:before {
    border: none;
}

.bwizard-steps li:last-child {
    margin-right: 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.bwizard-steps li:last-child:after {
    border: none;
}

.bwizard-steps li:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #ffffff;
    border-top: 20px inset transparent;
    content: "";
}

.bwizard-steps li:after {
    position: absolute;
    right: -20px;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #f2f2f2;
    border-top: 20px inset transparent;
    content: "";
    z-index: 2;
}

.bwizard-steps a, .bwizard-steps a:hover {
    color: #999999;
    text-decoration: none;
}

.bwizard-steps.clickable li:not(.active) {
    cursor: pointer;
}

.bwizard-steps.clickable li:hover:not(.active) {
    background: #e5e5e5;
}

.bwizard-steps.clickable li:hover:not(.active) a {
    color: #4e72c2;
}

.bwizard-steps.clickable li:hover:not(.active):after {
    border-left-color: #e5e5e5;
}

@media (max-width: 460px) {
    .bwizard-steps li {
        margin: 5px 0;
        padding: 6px 17px 10px 15px;
    }

    .bwizard-steps li:first-child {
        border-radius: 0;
    }

    .bwizard-steps li:last-child {
        margin-right: 0;
        border-radius: 0;
    }

    .bwizard-steps li:before {
        border-bottom: 0 none;
        border-left: 0 none;
        border-top: 0 none;
        content: "";
    }

    .bwizard-steps li:after {
        border-bottom: 0 none;
        border-left: 0 none;
        border-top: 0 none;
    }
}

.md-editor {
    display: block;
    border: 1px solid #e5e5e5;
}

.md-editor > .md-header, .md-editor .md-footer {
    display: block;
    padding: 6px 4px;
    background: #f5f7fb;
}

.md-editor > .md-header {
    margin: 0;
}

.md-editor > .md-preview {
    border-top: 1px dashed #e5e5e5;
    border-bottom: 1px dashed #e5e5e5;
    min-height: 10px;
    overflow: auto;
}

.md-editor > textarea {
    outline: 0;
    outline: thin dotted 9; /* IE6-9 */
    margin: 0;
    display: block;
    padding: 10px;
    width: 100%;
    border: 0;
    border-top: 1px dashed #e5e5e5;
    border-bottom: 1px dashed #e5e5e5;
    background: #f5f7fb;
}

.md-editor .btn {
    border: 1px solid #e5e5e5;
    background: #f2f2f2;
}

.md-editor .btn.btn-primary {
    background: #4e72c2;
    border-color: #4369be;
}

.md-editor .btn .fa {
    font-size: 14px;
}

.editable-container .popover-title {
    color: #222222;
    line-height: 18px !important;
}

.editable-click {
    border-bottom: 1px dashed #e5e5e5;
    cursor: pointer;
    font-weight: normal;
}

img.editable-click {
    border: 1px dotted #e5e5e5;
}

.editable-click:hover {
    border-color: #4e72c2;
    color: #4e72c2;
}

img.editable-click:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.editable-buttons, .editable-input {
    display: inline-block;
}

.editable-buttons .btn {
    margin: 0 2px 0 0;
}

.editable-buttons .btn > [class*="fa-"] {
    margin: 0;
}

.editable-clear-x {
    cursor: pointer;
    color: #999999;
    background: none;
}

.editable-clear-x:hover {
    color: #bd362f;
}

.editable-clear-x:before {
    display: inline-block;
    content: "f057";
    font-family: FontAwesome;
    font-size: 15px;
    position: absolute;
    margin-top: -9px;
    width: 16px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.editable-input .spinner {
    margin-right: 8px;
}

.editable-inline .editable-slider {
    margin-top: 10px;
    margin-right: 4px;
}

.editable-popup .editable-slider {
    display: block;
    margin-bottom: 16px;
    margin-top: 4px;
}

.editable-slider input {
    display: none;
}

.editable-input .file-input {
    display: block;
}

.editable-image .file-multiple label.selected {
    border-color: transparent;
}

.editable-image + .editable-buttons, .editable-wysiwyg + .editable-buttons {
    display: block;
    text-align: center;
    margin-top: 8px;
}

.editable-wysiwyg {
    width: 95%;
}

.editable-wysiwyg .wysiwyg-editor {
    height: auto;
    overflow-y: hidden;
}

.editableform .input-append.dropdown-menu {
    display: none;
}

.editableform .open .input-append.dropdown-menu {
    display: block;
}

.editable-container .editableform {
    margin-bottom: 10px;
}

.editable-inline .editableform {
    margin-bottom: 0;
}

.editableform-loading {
    background: none;
}

.editableform-loading [class*="fa-"], .editableform-loading .progress {
    position: relative;
    top: 35%;
}

/* date & time picker */
.datepicker table {
    width: 100%;
}

.datepicker.datepicker-inline {
    width: 100%;
    padding: 0;
    margin: 0 0 15px;
}

.datepicker td, .daterangepicker td, .datetimepicker td, .datepicker th, .daterangepicker th, .datetimepicker th {
    border-radius: 0 !important;
}

.datepicker td.active, .daterangepicker td.active, .datetimepicker td.active, .datepicker td.active:hover, .daterangepicker td.active:hover, .datetimepicker td.active:hover {
    background: #4e72c2 !important;
    color: #ffffff !important;
    text-shadow: none !important;
    border: 0 none !important;
}

.datepicker td.active.disabled, .daterangepicker td.active.disabled, .datetimepicker td.active.disabled, .datepicker td.active.disabled:hover, .daterangepicker td.active.disabled:hover, .datetimepicker td.active.disabled:hover {
    background: #f2f2f2 !important;
}

.datepicker-months .month, .datepicker-years .year {
    border-radius: 0 !important;
}

.datepicker-months .month.active, .datepicker-years .year.active, .datepicker-months .month.active:hover, .datepicker-years .year.active:hover, .datepicker-months .month.active:focus, .datepicker-years .year.active:focus, .datepicker-months .month.active:active, .datepicker-years .year.active:active {
    background-image: none !important;
    background-color: #4e72c2 !important;
    border: 0 none !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

.datepicker thead th.dow, .datetimepicker thead th.dow {
    background: #4e72c2;
    color: #ffffff;
}

.well .datepicker table tr td.day:hover {
    background-color: #999999;
    color: #ffffff;
}

.jvectormap-label {
    position: absolute;
    display: none;
    border: 1px solid #eee;
    background: #4e72c2;
    opacity: 0.95;
    filter: alpha(opacity=95);
    color: #ffffff;
    font-size: 10px !important;
    padding: 3px;
    z-index: 9999;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    background: #4e72c2;
    padding: 5px;
    color: #ffffff;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    font-weight: bold;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 35px;
}

/* a few small third party css style here *//* EasyPieChart */
.easy-pie-chart {
    position: relative;
    display: inline-block;
    text-align: center;
}

.easy-pie-chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.easy-pie-chart .percent {
    display: inline-block;
    z-index: 2;
}

.easy-pie-chart .percent:after {
    content: "%";
    margin-left: 0.1em;
}

.easy-pie-chart .number, .easy-pie-chart .icon {
    display: inline-block;
    z-index: 2;
}

.easy-pie-chart a.title {
    display: block;
    text-align: center;
    font-size: 13px 1;
    color: #555555;
    margin-top: 5px;
    margin-bottom: 10px;
    white-space: nowrap;
}

.easy-pie-chart a.title:hover, .easy-pie-chart a.title:focus, .easy-pie-chart a.title:active {
    text-decoration: none;
}

.easy-pie-chart a.title:after {
    *content: "f101";
    *margin-left: 4px;
    *font-family: FontAwesome;
    *font-style: normal;
    *font-weight: normal;
    *color: #4e72c2;
}

/* Bootstrap Input Rating */
.rating-input .rating-clear {
    text-decoration: none;
}

/* sparkline */
.sparkline-chart {
    margin-top: 10px;
}

.sparkline-chart a.title {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #555555;
    margin-top: 5px;
    margin-bottom: 10px;
    white-space: nowrap;
}

.sparkline-chart a.title:hover, .sparkline-chart a.title:focus, .sparkline-chart a.title:active {
    text-decoration: none;
}

.sparkline-chart a.title:after {
    content: "f101";
    margin-left: 4px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #4e72c2;
}

.jqstooltip {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.profile-pic {
    display: block;
    padding: 3px;
    border: 1px solid #f2f2f2;
    background: #ffffff;
    margin-bottom: 5px;
}

.profile-pic img {
    width: 100%;
    max-width: 100%;
}

.profile-pic :after, .profile-pic :before {
    content: "";
    height: 4px;
    position: absolute;
    right: 0;
    top: -5px;
}

.profile-pic :before {
    border-left: 35px solid #72af46;
    border-right: 34px solid #466baf;
    margin: 0 30px 0 0;
}

.profile-pic :after {
    border-left: 34px solid #4e72c2;
    border-right: 35px solid #414141;
    margin: 0 99px 0 0;
}

ul.wysihtml5-toolbar .btn {
    background: #4e72c2;
    color: #ffffff;
    border-color: #ffffff;
}

ul.wysihtml5-toolbar .btn .fa, ul.wysihtml5-toolbar .btn .glyphicon {
    font-size: 14px;
    color: #ffffff;
}

ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
    background: #4369be;
}

/* scrollbar */
.slimScrollBar {
    border-radius: 0 !important;
    background-color: #4e72c2 !important;
}

.slimScrollRail {
    border-radius: 0 !important;
}

/* morris-chart */
.morris-hover.morris-default-style {
    background: #4e72c2;
    opacity: 0.95;
    filter: alpha(opacity=95);
}

.morris-hover-row-label, .morris-hover-point {
    color: #ffffff !important;
}

.morris-hover.morris-default-style {
    padding: 0 10px 5px;
    border: 0 none;
    border-radius: 0;
}

.chart-holder {
    overflow: hidden;
    position: relative;
    width: 100% !important;
}

.chart-holder > svg {
    width: 100% !important;
}

/* Flot Chart style */
td.legendColorBox {
    padding-right: 4px;
}

td.legendColorBox > div {
    border: 1px solid #e5e5e5 !important;
}

/* For User's Quick List */
.quick-list a {
    color: #686868;
}

.quick-list a:hover, .quick-list a:focus, .quick-list a:active {
    text-decoration: none;
}

.quick-list .media {
    position: relative;
    padding: 7.5px 10px;
    margin-top: 5px;
    border-bottom: 1px dotted #e5e5e5;
}

.quick-list .media .media-body {
    font-weight: 600;
    color: #4e72c2;
}

.quick-list .media .media-body small {
    font-weight: normal;
    color: #686868;
}

.quick-list .media img {
    border: 2px solid #4e72c2;
}

.quick-list .media > .tools {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: none;
}

.quick-list .media:hover {
    background: #F5F5F5;
}

.quick-list .media:hover > .tools {
    display: inline-block;
}

.widget {
    margin-bottom: 15px;
    position: relative; /* border:1px solid #e5e5e5; */
}

.widget .body {
    min-height: 100px;
    height: auto;
    color: inherit;
    padding: 15px;
    overflow: hidden;
    position: relative;
    font-size: 13px;
}

.widget .body h1, .widget .body h2, .widget .body h3, .widget .body h4, .widget .body p:last-child {
    margin: 0;
}

.widget .body a, .widget .body a:hover, .widget .body a:focus, .widget .body a:active {
    color: inherit;
    text-decoration: none;
}

.widget .body .background-icon-right [class*="fa-"], .widget .body .background-icon-right [class*="glyphicon-"], .widget .body .background-icon-left [class*="fa-"], .widget .body .background-icon-left [class*="glyphicon-"] {
    font-size: 7.5em;
    position: absolute;
    opacity: 0.1;
    filter: alpha(opacity=10);
}

.widget .body .background-icon-left [class*="fa-"], .widget .body .background-icon-left [class*="glyphicon-"] {
    top: -15px;
    left: -15px;
}

.widget .body .background-icon-right [class*="fa-"], .widget .body .background-icon-right [class*="glyphicon-"] {
    top: -15px;
    right: -15px;
}

/* colorbox custom style */
#colorbox:focus, #colorbox:active {
    outline: none;
}

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
    background: none !important;
    opacity: 0;
}

#cboxContent {
    border: 12px solid #222222;
    background-color: #ffffff;
    padding: 7px;
}

#cboxOverlay {
    background: rgba(0, 0, 0, 0.95);
    background: #000;
}

#cboxCurrent {
    left: 64px;
    margin-bottom: 4px;
    font-size: 14px;
}

#cboxTitle {
    margin-bottom: 4px;
    font-size: 14px;
    color: #555555;
}

#cboxNext, #cboxPrevious, #cboxClose {
    background: none;
    text-indent: 0;
    width: 26px;
    height: 26px;
    line-height: 22px;
    padding: 0 4px;
    text-align: center;
    border: 2px solid #f2f2f2;
    border-radius: 16px;
    color: #666;
    font-size: 12px;
    margin-left: 5px;
    margin-bottom: 5px;
}

#cboxNext:hover, #cboxPrevious:hover {
    color: #555555;
    border-color: #e5e5e5;
}

#cboxContent {
    overflow: visible;
}

#cboxClose {
    background-color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 32px;
    color: #ffffff;
    font-size: 21px;
    height: 28px;
    width: 28px;
    padding-bottom: 2px;
    margin-left: 0;
    right: -14px;
    top: -14px;
}

#cboxLoadingOverlay {
    background: none !important;
}

#cboxLoadingGraphic {
    background: #ffffff none !important;
    text-align: center;
}

#cboxLoadingGraphic > [class*="fa-"] {
    display: inline-block;
    background-color: #ffffff;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    position: relative;
    top: 48%;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    color: #ab7a4b;
}

/* datepagepicker for bs3 custom style */
.daterangepicker .ranges li {
    color: #999999;
    border-radius: 0;
}

.daterangepicker .ranges li:hover, .daterangepicker .ranges li.active {
    background: #4e72c2;
    border: 1px solid transparent;
}

.daterangepicker .calendar-date {
    border-radius: 0;
}

.paper-clip {
    display: none;
}

@media (min-width: 992px) {
    .paper-clip {
        width: 60px;
        height: 85px;
        background: url('../../images/paper-clip.png') repeat scroll 0% 0% transparent;
        position: absolute;
        top: -14px;
        right: -13px;
        display: block;
    }
}

/* Select2 custom styles */
.select2-container-multi .select2-choices .select2-search-choice {
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
}

/* Ribbon */
.ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}

.ribbon-wrapper .ribbon {
    display: block;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    line-height: 20px;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.ribbon-wrapper.small {
    width: 65px;
    height: 68px;
}

.ribbon-wrapper.small .ribbon {
    width: 90px;
    padding: 0;
    font-size: 13px;
}

.profile-card {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    color: #999999;
    text-align: center;
}

.profile-card .animate {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.profile-card > img {
    width: 100px;
    padding: 1px;
    background: rgba(0, 0, 0, 0.5);
}

.profile-card .profile-card-details {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -100%;
    left: 0;
    padding: 0 15px;
}

.profile-card .profile-card-details .profile-card-header {
    width: 100%;
    height: 100%;
    height: auto;
    position: absolute;
    bottom: -100%;
    bottom: 100%;
    left: 0;
    padding: 10px 5px;
    background: rgba(0, 0, 0, 0.7);
}

.profile-card .profile-card-details .profile-card-header h4, .profile-card .profile-card-details .profile-card-header span {
    margin: 0;
    padding: 0;
}

.profile-card .profile-card-details .profile-card-detail .social {
    list-style: none;
    padding: 0px;
    margin-top: 25px;
}

.profile-card .profile-card-details .profile-card-detail .social li {
    padding: 0px;
    display: inline-block;
}

.profile-card .profile-card-details::-webkit-scrollbar {
    width: 8px;
}

.profile-card .profile-card-details::-webkit-scrollbar-button {
    width: 8px;
    height: 0px;
}

.profile-card .profile-card-details::-webkit-scrollbar-track {
    background: transparent;
}

.profile-card .profile-card-details::-webkit-scrollbar-thumb {
    background: none;
}

.profile-card .profile-card-details::-webkit-scrollbar-thumb:hover {
    background: none;
}

.profile-card:hover .profile-card-details {
    bottom: 0px;
    overflow: auto;
    padding-bottom: 15px;
    background: rgba(0, 0, 0, 0.7);
}

.profile-card:hover .profile-card-details .profile-card-header {
    position: relative;
    bottom: 0px;
    padding-top: 45px;
    padding-bottom: 25px;
    background: none;
}

.tc-box {
    margin-bottom: 15px;
}

.tc-box a, .tc-box:hover, .tc-box:active, .tc-box:focus {
    text-decoration: none !important;
}

.tc-box .media {
    padding: 10px 0;
}

.tc-box .media .pull-left {
    margin-right: 0;
}

.tc-box .border-right {
    border-right: 1px dotted #e5e5e5;
}

@media (max-width: 992px) {
    .tc-box .border-right {
        border-right: 1px dotted transparent;
        border-bottom: 1px dotted #e5e5e5;
    }
}

.tc-box .media-body {
    padding-right: 10px;
    padding-left: 10px;
}

.tc-box .icon-box {
    font-size: 26px;
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #e5e5e5;
    border-radius: 100%;
    margin: 0 auto;
    text-align: center;
    color: #999999;
}

.tc-box:hover .icon-box, .tc-box:focus .icon-box {
    color: #ffffff;
    background: #4e72c2;
    border-color: #4e72c2;
}

.tc-box.no-hover .icon-box {
    border: 2px solid transparent;
}

.tc-box.no-hover:hover .icon-box, .tc-box.no-hover:focus .icon-box {
    background: none;
    border-color: transparent;
}

.tc-box.no-hover:hover .icon-box .fa, .tc-box.no-hover:focus .icon-box .fa, .tc-box.no-hover:hover .icon-box .glyphicon, .tc-box.no-hover:focus .icon-box .glyphicon {
    color: inherit;
}

.tc-box.s2 {
    padding: 20px 15px;
    text-align: center;
    margin-bottom: 15px;
    background: #ffffff;
}

.tc-box.s2 .icon-box {
    font-size: 26px;
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #e5e5e5;
    border-radius: 100%;
    margin: 0 auto;
    color: #4e72c2;
}

.tc-box.s2:hover, .tc-box.s2:focus {
    color: #ffffff;
    background: #4e72c2;
}

.tc-box.s2:hover .icon-box, .tc-box.s2:focus .icon-box {
    border-color: #ffffff;
    color: #ffffff;
}

/* MS */
.hidden-mobile {
    display: none;
}

.hidden-desktop {
    display: block;
}

.sideBar {
    max-width: 270px;
}

/*.user-information .dropdown{background:#000 !important; border:1px #fff solid !important;}.user-information a.dropdown-toggle{border:none !important; margin:0 !important;}.user-information a.dropdown-toggle *{color:#fff !important;}.user-information .dropdown:hover{background:#ccc !important; border:1px #fff solid !important;}.user-information a.dropdown-toggle{border:none !important; margin:0 !important;}.user-information a.dropdown-toggle *{color:#fff !important;}*//*.dropdown.open:hover{background:inherit !important; }.dropdown.open:hover .user-info{color:#fff !important;}*/
.navbar-top, .navbar-left li { /*background:#5180C6 !important;*/
}

.stateBox {
    border-radius: 10px;
    #box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -5px 0 rgba(0, 0, 0, 0.3), inset 0 0 15px rgba(0, 0, 0, 0.5);
    border-style: solid;
    border-width: 1px;
    border-color: #404040;
}

.stateBox .heading {
    font-size: 20px;
}

@media only screen and (min-width: 240px) and (max-width: 640px) {
    .hidden-mobile {
        display: block !important;
    }

    .hidden-desktop {
        display: none !important;
    }

    .mobileMenu .navbar-side {
        position: relative;
        top: 0 !important;
    }

    .mobileMenu .navbar-side .collapse {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hidden-mobile {
        display: block !important;
    }

    .hidden-desktop {
        display: none !important;
    }

    .contentArea {
        max-width: 72% !important;
    }
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .hidden-mobile {
        display: block !important;
    }

    .hidden-desktop {
        display: none !important;
    }

    .contentArea {
        width: 77%;
        max-width: 79% !important;
    }

    .ie .fixedWidth.contentArea {
        width: 77%;
        max-width: 79% !important;
    }

    .ie .fullWidth.contentArea {
        width: 82%;
        max-width: 85% !important;
    }

    .ie #page-wrapper {
        min-height: 800px !important;
    }
}

@media (min-width: 1900px) {
    .hidden-mobile {
        display: block !important;
    }

    .hidden-desktop {
        display: none !important;
    }

    .contentArea {
        width: 77%;
    }

    .ie .contentArea {
        width: 85%;
        max-width: 85% !important;
    }

    .fullWidth.contentArea {
        width: 82.8%;
    }

    #page-wrapper {
        min-height: 800px !important;
    }
}

/
/
stripe css a.stripe-connect {
    display: inline-block;
    text-decoration: none;
}

.stripe-connect, .button-example {
    display: inline-block;
    margin-bottom: 1px;
    background-image: -webkit-linear-gradient(#28a0e5, #015e94);
    background-image: -moz-linear-gradient(#28a0e5, #015e94);
    background-image: -ms-linear-gradient(#28a0e5, #015e94);
    background-image: linear-gradient(#28a0e5, #015e94);
    -webkit-font-smoothing: antialiased;
    border: 0;
    padding: 1px;
    height: 30px;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none !important
}

.stripe-connect span, .button-example span {
    display: block;
    position: relative;
    padding: 0 12px;
    height: 30px;
    background: #1275ff;
    background-image: -webkit-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    background-image: -moz-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    background-image: -ms-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    background-image: linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    font-size: 14px;
    line-height: 30px;
    color: white;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.stripe-connect span {
    padding-left: 44px
}

.stripe-connect span:before {
    content: '';
    display: block;
    position: absolute;
    left: 11px;
    top: 50%;
    width: 23px;
    height: 24px;
    margin-top: -12px;
    background-repeat: no-repeat;
    background-size: 23px 24px
}

.stripe-connect:active, .button-example:active {
    background: #005d93
}

.stripe-connect:active span, .button-example:active span {
    color: #EEE;
    background: #008cdd;
    background-image: -webkit-linear-gradient(#008cdd, #008cdd 85%, #239adf);
    background-image: -moz-linear-gradient(#008cdd, #008cdd 85%, #239adf);
    background-image: -ms-linear-gradient(#008cdd, #008cdd 85%, #239adf);
    background-image: linear-gradient(#008cdd, #008cdd 85%, #239adf);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1)
}

.stripe-connect span:before, .stripe-connect.blue span:before {
    background-image: url("data:image/png;base64, ");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .stripe-connect span:before, .stripe-connect.blue span:before {
        background-image: url("data:image/png;base64, ");
    }
}

/* Custom CSS */
.dataTables_filter input[type=text] {
    margin: 0 !important
}

.img-responsive, .img-responsive * {
    max-width: 100% !important;
    max-height: auto !important;
}

.navbar-inner {
    padding: 0;
}

.navbar-top .navbar-header { /* height: 90px;  width: 330px; */
    float: left;
    overflow: hidden;
    min-width: 10%;
    max-width: 23%;
}

/* .navbar-top .navbar-header img{max-width:100% !important;} */
.navbar-top .collapse {
    padding: 0;
}

.navbar-top .navbar-brand img {
    max-width: 100%;
    max-height: 150px;
    display: block;
}

.navbar-top .nav-top { /*width:65%;*/
    position: relative;
    max-width: 74.5%
}

.navbar-left {
    float: right !important;
}

.navbar-top {
    max-height: none !important;
}

nav.navbar-top:after {
    content: '';
    display: block;
    clear: both;
}

.navbar-brand {
    padding: 15px 0px;
}

.account-page .fancybox-type-iframe .fancybox-inner {
    min-height: 600px !important;
}

.portlet .portlet-body img {
    max-width: 100%;
    height: auto;
}

.portlet-basic.testimonials .widget {
    border: 1px solid #ccc;
}

.dataTables_processing {
    padding: 3px 19px;
}

@media only screen and ( max-width: 1200px ) {
    .navbar-top {
        padding: 14px 0 15px !important;
    }

    .navbar-brand {
        padding: 0px 0 0px 0px;
    }

    .navbar-top .nav-top {
        width: 100% !important;
        top: -13px !important;
        margin-bottom: -12px !important;
    }
}

@media (max-width: 992px) {
    .navbar-top {
        padding: 14px 20px 15px !important;
    }

    .navbar-brand {
        padding: 0px 0 0px 0px;
    }

    .navbar-top .navbar-brand img {
        margin-top: 0;
    }

    .navbar-top .navbar-header {
        max-width: 30%;
    }

    .navbar-top .nav-top {
        max-width: 68.5%;
    }

    .portlet .portlet-body li.list-group-item img {
        width: 100% !important;
        height: auto;
    }

    .portlet-body li.list-group-item img {
        width: 100%;
        height: auto;
    }

    .portlet .portlet-body li.list-group-item.social_media_icons img {
        width: auto !important;
    }

    div#idevads_1 {
        margin: 0px;
        width: 100%;
    }

    .content-white-area .portlet-body {
        overflow: auto;
        padding: 5px 22px;
    }

    .navbar-top .nav-top {
        max-width: 100%;
        width: 100% !important;
        top: -58px !important;
        margin-bottom: -64px !important;
    }

    .sideBar {
        float: left;
    }
}

@media (max-width: 768px) {
    #page-wrapper {
        min-height: 650px;
    }
}

@media only screen and (max-width: 766px) {
    .navbar-top .navbar-header {
        width: 100% !important;
        height: auto !important;
        margin: 0px !important;
    }

    .navbar-top .navbar-brand img {
        margin-top: 0px !important;
    }

    .visible-xs-block.mobileMenu {
        display: none !important;
    }

    .navbar-top .navbar-header {
        min-width: 100%;
        max-width: 100%;
    }

    .navbar-toggle {
        position: absolute !important;
        right: 0 !important;
    }

    .navbar-top .navbar-nav, .top-navbar .navbar-nav {
        width: 100%;
    }

    .navbar-toggle {
        position: absolute !important;
        right: -13px !important;
        top: 54px;
        border: 1px solid #333;
        border-radius: 0px;
        z-index: 999;
    }

    .navbar-top .nav-top {
        max-width: 100% !important;
        margin-bottom: 0px !important;
        top: 8px !important;
        text-align: left;
        border-top: 1px solid #333;
        padding-top: 10px;
    }

    .page-header.title h1 span.pull-right {
        float: left !important;
    }

    .page-header.title:after {
        content: '';
        display: block;
        clear: both;
    }

    .navbar-toggle {
        bottom: 0px !important;
        top: inherit !important;
        margin-top: 0px !important;
    }

    div#dyntable_payment_history_info, .dataTables_info {
        text-align: center;
    }

    .dataTables_paginate.paging_bootstrap {
        display: table;
        float: none !important;
        margin: 0 auto;
    }

    div#dyntable_payment_history_length {
    }

    div#dyntable_payment_history_length label, div.dataTables_length label {
        float: none !important;
        display: table;
        margin: 0 auto;
        margin-bottom: 11px;
    }

    .dataTables_wrapper {
        overflow: hidden;
    }

    .portlet-body .btn-primary {
        display: block;
    }

    .account-page .navbar-side .navbar-collapse, .navbar-side {
        width: 100%;
        display: block !important;
        max-height: 100% !important;
        top: 0px !important;
        position: relative !important
    }

    .account-page .sideBar {
        display: block !important;
        max-width: 100%;
    }

    .portlet-body .list-group-item img {
        width: 100%;
        height: auto;
    }

    .dataTable-scroll {
        overflow-x: scroll;
    }

    .dataTable-scroll .dataTable {
        min-width: 900px !important;
    }

    select.form-control {
        margin-bottom: 12px;
    }

    .footer-main {
        z-index: 9 !important;
    }

    .idevads-container_1 {
        width: 100% !important;
        margin: 0px !important;
    }

    .account-page .menu-button, .breadcrumbs, .breadcrumbs .hidden-xs {
        display: none !important;
    }

    #whyiDev {
        margin: 40px 0px;
    }

    input[type=file] {
        width: 100%;
    }

    .portlet img {
        width: 100%;
        height: auto;
    }

    .portlet-body li.list-group-item img {
        width: 100%;
        height: auto;
    }

    .text-center.footer-logo img {
        width: 100%;
    }

    .portlet .portlet-body li.list-group-item img {
        width: 100% !important;
        height: auto;
    }

    .idevads-container_1 {
        margin: 0px;
        width: 100% !important;
    }

    .portlet .portlet-body {
        overflow: scroll;
    }

    .portlet .portlet-body .table {
        width: 600px;
    }

    .sideBar {
        float: none;
    }
}

@media (max-width: 480px) {
    .navbar-top .navbar-header {
        max-width: 100%;
    }
}

/*--------- Additional Style 5-18-2018 ---------*/
i.icon-search:before {
    content: "\f002";
    font: normal normal normal 14px/1 FontAwesome;
}

.morris-hover.morris-default-style {
    position: absolute;
}

a[data-pin-log="button_pinit"] {
    float: left;
    margin-right: 5px;
}

.dataTables_length select {
    width: 98px;
}

@media only screen and (max-width: 766px){
    .account-page .menu-button, .breadcrumbs, .breadcrumbs .hidden-xs{
        display: block !important;
    }
    .slimScrollDiv{height:auto !important}
}

/*--------- Additional Style 5-18-2018 ---------*/

#dyntable_Pending_Debits_filter .form-control {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" id="spyglass" viewBox="0 0 22 22" height="22" width="22"><path d="m 10.011718,5.0898489 c -2.7000005,0 -4.9003915,2.2004 -4.9003915,4.9003996 0,2.6999995 2.200391,4.8983995 4.9003915,4.8983995 1.154374,0 2.204251,-0.4184 3.042969,-1.0898 l 3.207031,3.1113 0.626953,-0.6465 -3.185547,-3.0879 c 0.743242,-0.8594 1.208984,-1.964 1.208984,-3.1854995 0,-2.6999996 -2.20039,-4.9003996 -4.90039,-4.9003996 z m 0,1 c 2.2,0 3.90039,1.7004 3.90039,3.9003996 0,2.1999995 -1.70039,3.8983995 -3.90039,3.8983995 -2.2000005,0 -3.9003915,-1.6984 -3.9003915,-3.8983995 0,-2.1999996 1.700391,-3.9003996 3.9003915,-3.9003996 z" style="fill:#808080"/></svg>');
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 0px 5px !important;
    padding-left: 22px;
}