.chat_list .chat-avatar i, .chat_list .ctext-wrap i {
    font-size: 12px;
    font-style: normal;
}
body, html {
    background: #F1F3F6;
    /*height: 100%;*/
    min-height: 100%;
}
body 
{
    background-color: #f1f3f6;
    color: #374767;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    
    height: 100%;
}
.h1, .h2, .h3, .h4, .h5, .h6, .main-header .top-nav .nav > li > a > .label, h1, h2, h3, h4, h5, h6, nav.navbar.bootsnav {
    font-family: "Alegreya Sans",sans-serif;
}
.animsition-loading, .animsition-loading::after {
    height: 50px;
    width: 50px;
}
.animsition-loading {
    background-color: transparent;
    border-color: #00b9e8 #00b9e8 #00b9e8 silver;
    border-style: solid;
    border-width: 1px;
}
.main-footer, hr {
    border-top: 1px solid #e1e6ef;
}
.main-footer {
    background: #fff none repeat scroll 0 0;
    color: #444;
    padding: 5px 0;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .container, .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
}
*::-moz-selection {
    background: #00b9e8 none repeat scroll 0 0;
    color: #fff;
    text-shadow: none;
}
p {
    margin: 0 0 10px;
}
a {
    text-decoration: none;
}
a:active, a:focus, a:hover {
    color: #72afd2;
    outline: 0 none;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
@media (min-width: 1200px) {
.container {
    /*width: 1140px;*/
    width: 99%;
}
}
.row {
    margin-left: -10px;
    margin-right: -10px;
}
.m-0 {
    margin: 0 !important;
}
.m-t-0 {
    margin-top: 0 !important;
}
.m-t-20 {
    margin-top: 20px !important;
}
.m-r-2 {
    margin-right: 2px !important;
}
.m-r-5 {
    margin-right: 5px !important;
}
.m-r-15 {
    margin-right: 15px !important;
}
.m-b {
    margin-bottom: 20px !important;
}
.m-b-5 {
    margin-bottom: 5px !important;
}
.m-b-10 {
    margin-bottom: 10px !important;
}
.m-b-15 {
    margin-bottom: 15px !important;
}
.m-b-20 {
    margin-bottom: 20px !important;
}
.p-0 {
    padding: 0 !important;
}
.p-l-30 {
    padding-left: 30px !important;
}
.p-r-30 {
    padding-right: 30px !important;
}
.p-20 {
    padding: 20px !important;
}
.p-b-20 {
    padding-bottom: 20px !important;
}
.space-25 {
    line-height: 0;
    margin: 12.5px 0;
}
.color-green {
    color: #00b9e8 !important;
}
.color-red {
    color: #e5343d !important;
}
.color-violet {
    color: #8e23e0 !important;
}
.color-gray {
    color: #9a9a9a !important;
}
.color-yellow {
    color: #ffb61e !important;
}
.color-info {
    color: #62d0f1 !important;
}
.text-white {
    color: #fff !important;
}
.text-muted {
    color: #9a9a9a !important;
}
.text-primary {
    color: #428bca !important;
}
.text-success {
    color: #00b9e8 !important;
}
.text-info {
    color: #62d0f1 !important;
}
.text-warning {
    color: #ffb61e !important;
}
.text-danger {
    color: #e5343d !important;
}
.text-inverse {
    color: #3b3e47 !important;
}
.text-purple {
    color: #5b69bc !important;
}
.text-pink {
    color: #ff8acc !important;
}
.text-black {
    color: #000 !important;
}
.text-violet {
    color: #8e23e0 !important;
}
.border-all {
    border: 1px solid #e4e5e7 !important;
}
.border-btm {
    border-bottom: 1px solid #e4e5e7 !important;
}
.border-green {
    border-color: #00b9e8 !important;
}
.border-red {
    border-color: #e5343d !important;
}
.border-violet {
    border-color: #8e23e0 !important;
}
.border-gray {
    border-color: #9a9a9a !important;
}
.border-yellow {
    border-color: #ffb61e !important;
}
.bg-green {
    background: #00b9e8 none repeat scroll 0 0 !important;
}
.bg-red {
    background: #e5343d none repeat scroll 0 0 !important;
}
.bg-violet {
    background: #8e23e0 none repeat scroll 0 0 !important;
}
.bg-gray {
    background: #9a9a9a none repeat scroll 0 0 !important;
}
.bg-yellow {
    background: #ffb61e none repeat scroll 0 0 !important;
}
#toTop {
    bottom: 10px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 15px;
    z-index: 10;
    padding: 7px 9px;
}
.back-top {
    border: 1px solid #00b9e8;
    border-radius: 50% !important;
    color: #fff;
    height: 34px;
    padding: 7px 9px;
    width: 34px;
}
.back-top:hover {
    background-color: #2c3136;
    border: 1px solid #2c3136;
    color: #fff;
}
@media (min-width: 768px) {
#toTop {
    right: 30px;
}
}
.page-header {
    font-size: 22px;
    margin: 10px 0 20px;
}
.page-header > small {
    color: #666;
    display: block;
    margin-top: 5px;
}
.main-header {
    margin-bottom: 5px;
    position: relative;
}
.main-header .top-nav {
    background-color: #395169;
    border: medium none;
    border-radius: 0;
    margin-bottom: 0;
    min-height: 0;
}
.main-header .top-nav .navbar-brand {
    color: #fff;
    height: 45px;
    padding: 2px 15px;
}
.main-header .top-nav .navbar-brand > img {
    display: block;
    height: 38px;
}
.navbar
{
    min-height: 0;
}
.navbar-top-links {
    float: right !important;
    margin-right: 0;
}
.navbar-top-links li {
    display: inline-block;
}
.navbar-top-links li a {
    /*min-height: 50px;*/
    padding: 7px 5px 0;
    color: #fff;
}
.navbar-top-links li a:hover
{
    color: #fff !important;
}
.navbar-top-links li a .dropdowm-icon {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    display: block;
    font-size: 17px;
    height: 32px;
    padding: 6px 3px;
    text-align: center;
    width: 32px;
}
.main-header .top-nav .nav > li > a > .label {
    border-radius: 50em;
    height: 18px;
    line-height: 11px;
    padding: 1px;
    position: absolute;
    right: -4px;
    top: 5px;
    width: 19px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
    border-color: transparent;
}
.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-notification, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-user {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 1s ease 0s normal none 1 running flipInX;
    border-color: #00b9e8 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-radius: 0;
    border-style: solid none none;
    border-width: 3px 0 0;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
    margin-top: 0;
    padding: 0;
}
.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-notification, .navbar-top-links .dropdown-tasks {
    min-width: 0;
    width: 140px;
}
.navbar-top-links .dropdown-user {
    left: auto;
    min-width: 165px;
    right: 0;
}
.navbar-top-links .dropdown-messages::before, .navbar-top-links .dropdown-notification::before, .navbar-top-links .dropdown-tasks::before, .navbar-top-links .dropdown-user::before {
    border-color: #00b9e8 transparent;
    border-style: solid;
    border-width: 0 8px 10px;
    content: "";
    position: absolute;
    right: 12px;
    top: -13px;
}
.navbar-top-links .dropdown-menu li {
    border-bottom: 1px solid #e7ecf5;
    display: block;
}
.navbar-top-links .dropdown-menu li.rad-dropmenu-footer, .navbar-top-links .dropdown-menu li.rad-dropmenu-header {
    background-color: #f1f3f6;
    display: block !important;
    font-size: 13px;
    margin: 0 !important;
    text-align: center;
}
.navbar-top-links .dropdown-menu li a {
    color: #374767;
    min-height: 0;
    padding: 10px;
}
.navbar-top-links .dropdown-menu li.rad-dropmenu-footer > a, .navbar-top-links .dropdown-menu li.rad-dropmenu-header > a {
    font-weight: 600;
    line-height: 12px;
    text-decoration: none;
}
@media (max-width: 767px) {
.navbar-top-links .dropdown-messages {
   /* margin-right: -137px;*/
}
.navbar-top-links .dropdown-tasks {
    margin-right: -91px;
}
.navbar-top-links .dropdown-notification {
    margin-right: -46px;
}
.dropdown-menu {
    left: auto;
    right: 0;
}
.navbar-top-links .dropdown-messages::before {
   /* right: 150px;*/
}
.navbar-top-links .dropdown-tasks::before {
    right: 104px;
}
.navbar-top-links .dropdown-notification::before {
    right: 59px;
}
}
.attr-nav {
    float: left;
}
.attr-nav > ul > li > a {
    color: #fff;
    font-size: 17px;
    padding: 18px 15px;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu {
    border: 0 none;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
}
ul.cart-list > li > h5 {
    margin: 0;
}
ul.cart-list > li.total {
    background-color: #f1f3f6;
}
ul.cart-list > li.total > .btn {
    border-bottom: 1px solid #cfcfcf !important;
    border-radius: 4px;
    color: #fff !important;
    padding: 6px 15px;
}
.side {
    background-color: #2c3136;
    padding: 15px;
    right: -250px;
    width: 250px;
    z-index: 10000;
}
.side.on {
    box-shadow: 0 0 70px 10px rgba(57, 55, 73, 0.5);
}
body.on-side {
    margin-left: 0;
}
body.on-side .wrap-sticky nav.navbar.bootsnav.sticked {
    left: 0;
}
.top-search {
    background-color: #f1f3f6;
    border-bottom: 1px solid #e1e6ef;
}
.top-search .input-group-addon, .top-search input.form-control {
    color: #263238;
}
nav.navbar.bootsnav {
    border-bottom: 0 none;
    box-shadow: 0 2px 2px #e1e6ef, 0 1px 0 #e1e6ef;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a > i {
    margin-right: 10px;
    font-size: 13px;
}
@media (max-width: 768px) {
.attr-nav {
    left: 0;
    margin-left: 10px;
    margin-right: 0;
    position: absolute;
    right: auto;
}
}
@media (max-width: 992px) {
.attr-nav {
    position: relative;
    right: 0;
}
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a
{
    text-transform: capitalize;
}
@media (min-width: 993px) {
.navbar-collapse.collapse {
    margin-left: -15px;
    margin-right: -15px;
}
nav.navbar.bootsnav ul.nav > li {
    border-left: 1px solid #e7ecf5;
}
nav.navbar.bootsnav ul.nav > li:last-child {
    border-right: 1px solid #e7ecf5;
}
nav.navbar.bootsnav ul.nav > li > a {
    box-shadow: 0 0 1px transparent;
    color: #374767;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding: 10px 12px;
    position: relative;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color;
    vertical-align: middle;
    z-index: 10000;
    font-size: 16px;
    text-transform: capitalize;
}
nav.navbar.bootsnav ul.nav > li > a::before {
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    transform-origin: 50% 50% 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
nav.navbar.bootsnav ul.nav > li > a:active, nav.navbar.bootsnav ul.nav > li > a:focus, nav.navbar.bootsnav ul.nav > li > a:hover,nav.navbar.bootsnav ul.nav > li.active > a {
    color: #00b9e8;
}
nav.navbar.bootsnav ul.nav > li > a:active::before, nav.navbar.bootsnav ul.nav > li > a:focus::before, nav.navbar.bootsnav ul.nav > li > a:hover::before,nav.navbar.bootsnav ul.nav > li.active >a::before {
    transform: scaleX(1);
}
nav.navbar.bootsnav ul.nav > li > a > i {
    display: block;
    margin-bottom: 5px;
    text-align: center;
}
nav.navbar .navbar-brand {
    margin-top: 0;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
    border: 0 none;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
    width: 225px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
    border-bottom: 1px solid #e7ecf5;
    color: #374767;
    transition: all 0.3s ease 0s;
    text-transform: capitalize;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li.active a, nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li.active a {
    background-color: #f8f9fa;
    /*padding-left: 20px;*/
}
nav.navbar-center .navbar-brand {
    margin: 0 !important;
}
nav.navbar-brand-top .navbar-brand {
    margin: 10px !important;
}
nav.navbar-full .navbar-brand {
    position: relative;
    top: -15px;
}
nav.navbar-sidebar .navbar-brand, nav.navbar-sidebar ul.nav {
    margin-bottom: 50px;
}
nav.navbar-sidebar ul.nav > li > a {
    font-weight: 700;
    padding: 10px 15px;
}
nav.navbar.bootsnav.navbar-transparent.white {
    background-color: rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid #bbb;
}
nav.navbar.bootsnav.navbar-transparent.dark, nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark {
    background-color: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #555;
}
nav.navbar.bootsnav.navbar-transparent.white .attr-nav {
    border-left: 1px solid #bbb;
}
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav, nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav {
    border-left: 1px solid #555;
}
nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a, nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, nav.navbar.bootsnav.no-background.white ul.nav > li > a {
    color: #fff;
}
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a {
    color: #eee;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content {
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {
    padding: 0 !important;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li {
    padding: 0;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li .row {
    margin: 0;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
    border-left: 0 none;
    border-right: 1px solid #e7ecf5;
    margin: 0;
    padding: 0;
    width: 20%;
}
ul.menu-col li {
    border-top: 1px solid #e7ecf5;
    position: relative;
}
ul.menu-col li:first-child {
    border-top: 0 none;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
    color: #374767;
    display: block;
    padding: 10px 15px 10px 20px;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover {
    padding-left: 25px;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a i {
    margin-right: 10px;
}
}
nav.navbar.bootsnav {
    z-index: 100;
}
@media (max-width: 992px) {
nav.navbar .navbar-brand {
    margin-top: 0;
    position: relative;
    top: -2px;
}
nav.navbar .navbar-brand img.logo {
    height: 45px;
}
.attr-nav > ul > li > a {
    padding: 16px 15px 15px;
}
nav.navbar.bootsnav .navbar-toggle {
    font-size: 22px;
    top: 8px;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
    background: #263238 none repeat scroll 0 0;
}
nav.navbar.bootsnav.navbar-mobile ul.nav {
    border-top: 0 none;
}
nav.navbar.bootsnav.navbar-mobile ul.nav > li > a {
    border: 0 none;
    color: #cbcbcb;
    font-weight: 500;
    margin-bottom: -1px;
}
nav.navbar.bootsnav ul.nav li.active > a, nav.navbar.bootsnav ul.nav li.active > a:focus, nav.navbar.bootsnav ul.nav li.active > a:hover, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover {
    background-color: #334047;
}
nav.bootsnav .dropdown.megamenu-fw {
    display: none;
}
nav.navbar.bootsnav.navbar-mobile ul.nav > li > a > i {
    margin-right: 10px;
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
    background-color: #1c262c;
    padding: 0 0 0 40px !important;
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
    background-color: transparent;
    border: 0 none;
    color: #9e9e9e;
    padding-bottom: 15px !important;
    padding-right: 15px !important;
    padding-top: 15px !important;
}
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
    padding-bottom: 13px !important;
    padding-right: 30px !important;
    padding-top: 13px !important;
}
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {
    padding-bottom: 13px !important;
    padding-top: 13px !important;
}
nav.navbar-full .navbar-brand {
    padding-top: 10px;
    top: 0;
}
}
nav.navbar.navbar-inverse {
    background-color: #222;
    border-bottom: 1px solid #303030;
}
nav.navbar.navbar-inverse ul.cart-list > li.total > .btn {
    border-bottom: 1px solid #222 !important;
}
nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right {
    color: #fff;
}
nav.navbar.navbar-inverse ul.nav > li > a, nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
    color: #eee;
}
nav.navbar.navbar-inverse ul.nav > li.dropdown > a {
    background-color: #222;
}
nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a {
    color: #999;
}
nav.navbar.navbar-inverse ul.nav .dropdown-menu h1, nav.navbar.navbar-inverse ul.nav .dropdown-menu h2, nav.navbar.navbar-inverse ul.nav .dropdown-menu h3, nav.navbar.navbar-inverse ul.nav .dropdown-menu h4, nav.navbar.navbar-inverse ul.nav .dropdown-menu h5, nav.navbar.navbar-inverse ul.nav .dropdown-menu h6 {
    color: #fff;
}
nav.navbar.navbar-inverse .form-control {
    background-color: #333;
    border-color: #303030;
    color: #fff;
}
nav.navbar.navbar-inverse .attr-nav > ul > li > a {
    color: #eee;
}
nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu {
    background-color: #222;
    border-bottom: 1px solid #303030;
    border-left: 1px solid #303030;
    border-right: 1px solid #303030;
}
nav.navbar.navbar-inverse ul.cart-list > li {
    border-bottom: 1px solid #303030;
    color: #eee;
}
nav.navbar.navbar-inverse ul.cart-list > li img {
    border: 1px solid #303030;
}
nav.navbar.navbar-inverse ul.cart-list > li.total {
    background-color: #333;
}
nav.navbar.navbar-inverse .share ul > li > a {
    background-color: #555;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu {
    border-right: 1px solid #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a {
    border-bottom: 1px solid #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-content {
    border-left: 1px solid #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a, nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus, nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover {
    background-color: #333 !important;
}
nav.navbar-inverse.navbar-full ul.nav > li > a {
    border: medium none;
}
nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu {
    background-color: #222;
}
nav.navbar-inverse.navbar-full .navbar-toggle {
    background-color: #222 !important;
    color: #6f6f6f;
}
@media (min-width: 993px) {
nav.navbar.navbar-inverse ul.nav .dropdown-menu {
    background-color: #222 !important;
    border-bottom: 1px solid #303030 !important;
    border-left: 1px solid #303030 !important;
    border-right: 1px solid #303030 !important;
}
nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a {
    border-bottom: 1px solid #303030;
}
nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu {
    border-left: 1px solid #303030;
    border-right: 1px solid #303030;
}
nav.navbar.navbar-inverse.navbar-transparent.dark {
    background-color: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #999;
}
nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav {
    border-left: 1px solid #999;
}
nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a, nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a, nav.navbar.navbar-inverse.no-background.white ul.nav > li > a {
    color: #fff;
}
nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a, nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a {
    color: #3f3f3f;
}
}
@media (max-width: 992px) {
nav.navbar.navbar-inverse .navbar-toggle {
    background-color: #222 !important;
    color: #eee;
}
nav.navbar.navbar-inverse .navbar-nav > li > a {
    border-bottom: 1px solid #303030;
    border-top: 1px solid #303030;
}
nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu > li > a {
    border-bottom: 1px solid #303030;
    color: #999;
}
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title {
    border-bottom: 1px solid #303030;
    color: #eee;
}
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a {
    border-bottom: 1px solid #303030;
    color: #999 !important;
}
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title {
    border-bottom: 1px solid #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul {
    border-top: 1px solid #303030;
}
nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse {
    background-color: #222;
}
}
@media (max-width: 767px) {
.attr-nav > ul > li.dropdown ul.dropdown-menu {
    left: -64px;
    margin-top: 5px;
}
nav.navbar.navbar-inverse.navbar-mobile ul.nav {
    border-top: 1px solid #222;
}
}
#bottom_text a, #nestable .dd-handle:hover, .attr-nav > ul > li > a:focus, .attr-nav > ul > li > a:hover, .breadcrumb > .active, .cbp_tmtimeline > li .cbp_tmtime span:first-child, .check-list li::before, .content-header .header-icon, .dd-handle:hover, .dd3-content:hover, .f1-step.activated .f1-step-icon, .f1-step.activated p, .f1-step.active p, .icon_box i, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav > li > a:focus, .nav > li > a:hover, .pricing .pricing_price, .pricing .pricing_sentence, .profile-usermenu ul li a:hover, .profile-usermenu ul li.active a, .rad-list-content, .side .widget ul.link li a:focus, .side .widget ul.link li a:hover, .tree li a:hover, .view-header .header-icon, a, nav.navbar .dropdown .megamenu-content .col-menu.on .title, nav.navbar li.dropdown ul.dropdown-menu > li a:hover, nav.navbar ul.nav li.active > a, nav.navbar ul.nav li.dropdown.on > a, nav.navbar ul.nav > li.active > a:hover, nav.navbar ul.nav > li > a:hover, nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title, nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover, nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a, nav.navbar-sidebar ul.nav li.dropdown.on > a, nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover, nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li.active a, nav.navbar.navbar-inverse ul.nav li.dropdown.on > a, ul.cart-list > li > h6 > a {
    color: #374767;
}
nav.navbar ul.nav li.dropdown.on > a, nav.navbar ul.nav li.scroll.active > a, nav.navbar-dark ul.nav li.dropdown.on > a, nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu > li > a:hover, nav.navbar.navbar-transparent ul.nav > li > a:hover, nav.navbar.no-background ul.nav > li > a:hover {
    color: #00b9e8 !important;
}
.back-top,  .card-footer-message, .chart-legend-color.green, .dd3-handle, .f1-progress-line, .f1-step.active .f1-step-icon, .icon_list li:hover, .inbox-item .profile-status.available, .info-aapl li span.green, .label-success, .modal-success .modal-header, .panel-success > .panel-heading, .pricing .pricing_action, .progress-bar-success, .progress-bar-success .tooltip .tooltip-inner, .yearly-change span, nav.navbar.bootsnav ul.nav > li > a::before {
    background-color: #00b9e8 !important;
}
#navbar-menu ul li.active>a
{
    color: #00b9e8;
}
@media (max-width: 920px) {
nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover, nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover {
    color: #f43438 !important;
}
}
@media (max-width: 992px) {
nav.navbar.bootsnav ul.nav > li > a::before {
    background-color: transparent !important;
}
}
ul.cart-list > li.total > .btn {
    border-color: #f43438;
}
.attr-nav > ul > li > a span.badge, nav.navbar .share ul > li > a:focus, nav.navbar .share ul > li > a:hover, ul.cart-list > li.total > .btn {
    background-color: #f43438;
}
ul.cart-list > li.total > .btn:focus, ul.cart-list > li.total > .btn:hover {
    background-color: #dc3236 !important;
}
nav.bootsnav .megamenu-content .title {
    color: #fff;
    margin-top: 0;
}
.content-header {
    background-color: #fff;
    border: 1px solid #e1e6ef;
    margin: 0 auto 20px;
    padding: 12px 15px;
    position: relative;
}
.content-header hr {
    border-top: 1px solid #ddd;
}
.content-header .header-icon {
    float: left;
    color: #374767;
    font-size: 45px;
    line-height: 0;
    margin-top: -4px;
    width: 55px;
}
.content-header .header-title {
    margin-left: 55px;
}
.content-header .header-title h1 {
    font-size: 24px;
    margin: 0;
}
.content-header .header-title small {
    color: #7a7a7a;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    padding-left: 4px;
}
.header-title .breadcrumb {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    bottom: 18px;
    float: right;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
    padding: 7px;
    position: absolute;
    right: 15px;
}
.header-title .breadcrumb > li > a {
    color: #374767;
    display: inline-block;
    text-decoration: none;
}
.header-title .breadcrumb > li > a > .fa, .header-title .breadcrumb > li > a > .glyphicon, .header-title .breadcrumb > li > a > .ion {
    margin-right: 5px;
}
@media (max-width: 991px) {
.header-title .breadcrumb {
    float: none !important;
    margin-top: 5px;
    padding-left: 10px;
    position: relative;
    right: 0;
    top: 0;
}
.header-title .breadcrumb li::before {
    color: #97a0b3;
}
}
@media (max-width: 767px) {
.content-header {
    padding: 12px 15px;
}
.content-header .header-icon {
    font-size: 40px;
    width: 50px;
}
.content-header .header-title {
    margin-left: 50px;
}
.main-header {
    position: relative;
}
.main-header .logo, .main-header .top-nav {
    float: none !important;
    width: 100%;
}
.main-header .top-nav {
    margin: 0 !important;
}
.main-header .navbar-custom-menu {
    float: left;
}
}
.sidebar-heading {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px 0;
}
.rad-list-group {
    margin: 0 -15px;
    overflow: hidden;
    position: relative;
}
.rad-list-group.group::before {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    bottom: -20px;
    content: "";
    left: 35px;
    position: absolute;
    top: -20px;
    width: 1px;
}
.rad-list-group-item {
    display: block;
    padding: 15px;
}
.rad-list-group-item:hover {
    background: #33383e none repeat scroll 0 0;
    color: #fff;
}
.rad-list-group-item::after {
    content: "";
    display: table;
}
.rad-bg-danger {
    background: #e94b3b none repeat scroll 0 0;
}
.rad-list-icon {
    border-radius: 100%;
    color: #fff;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    top: -5px;
    width: 40px;
}
.icon-shadow {
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.26);
}
.rad-list-content {
    line-height: 1.3;
    margin-left: 50px;
}
.md-text {
    color: #d8d8d8;
    font-size: 12px;
    font-weight: 500;
}
.sidebar-menu {
    list-style: outside none none;
    margin: 0 -15px;
    padding: 0;
}
.sidebar-menu > li > a {
    display: block;
    padding: 10px 15px;
}
.sidebar-menu .progress {
    margin: 0;
}
.sidebar-menu .subheading {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 400;
    margin-top: 0;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: rgba(255, 255, 102, 0.2);
    color: #262626;
    text-decoration: none;
}
.navbar-top-links .dropdown-menu li a div {
    border: 0 none;
    padding: 0;
    white-space: normal;
}
.dd-item > button, .dd3-handle, .text-truncate {
    overflow: hidden;
    white-space: nowrap;
}
.user-avatar, .user-avatar img {
    border-radius: 50%;
}
.navbar-top-links .dropdown-menu li a .progress {
    margin-bottom: 0;
}
.rad-dropmenu-header {
    border-bottom: 1px solid #eee;
}
.rad-content {
    color: #404040;
}
.rad-notification-body {
    color: #000;
    margin-left: 35px;
    vertical-align: middle;
}
.lg-text {
    color: #333;
    font-size: 13px;
    font-weight: 600;
}
.sm-text {
    color: #9a9da0;
    font-size: 12px;
}
.user-avatar.small {
    height: 26px;
    width: 26px;
}
.panel {
    border-radius: 3px;
    box-shadow: none;
}
.panel .panel-heading h1, .panel .panel-heading h2, .panel .panel-heading h3, .panel .panel-heading h4, .panel .panel-heading h5, .panel .panel-heading h6 {
    display: inline-block;
    letter-spacing: 0.5px;
    line-height: 26px;
    margin: 0;
}
.panel-title i {
    margin-right: 5px !important;
}
.panel-bd, .panel-danger, .panel-info, .panel-inverse, .panel-primary, .panel-success, .panel-warning {
    border: 1px solid #e1e6ef;
    border-top:2px solid #656D81;
}
.lobipanel {
    margin-bottom: 20px;
}
.panel-bd > .panel-heading {
    background-color: #fff;
    border-color: #e4e5e7;
    color: #374767;
    position: relative;
}
.panel-primary > .panel-heading {
    background-color: #428bca;
    border-color: #428bca;
    color: #fff;
}
.panel-success > .panel-heading {
    border-color: #00b9e8;
    color: #fff;
}
.panel-info > .panel-heading {
    background-color: #62d0f1;
    border-color: #62d0f1;
    color: #fff;
}
.panel-warning > .panel-heading {
    background-color: #ffc751;
    border-color: #ffc751;
    color: #fff;
}
.panel-danger > .panel-heading {
    background-color: #e5343d;
    border-color: #e5343d;
    color: #fff;
}
.panel-inverse > .panel-heading {
    background-color: #3b3e47;
    border-color: #3b3e47;
    color: #fff;
}
.panel-footer {
    background-color: #f7f9fa;
    border-top: 1px solid #e1e6ef;
}
@media (min-width: 768px) {
.panel-danger.lobipanel .panel-heading .dropdown .dropdown-menu > li > a, .panel-info.lobipanel .panel-heading .dropdown .dropdown-menu > li > a, .panel-inverse.lobipanel .panel-heading .dropdown .dropdown-menu > li > a, .panel-primary.lobipanel .panel-heading .dropdown .dropdown-menu > li > a, .panel-success.lobipanel .panel-heading .dropdown .dropdown-menu > li > a, .panel-warning.lobipanel .panel-heading .dropdown .dropdown-menu > li > a {
    color: #fff;
}
}
.message_inner {
    height: 320px;
}
.message_widgets {
    margin-right: 10px;
}
.inbox-item {
    border-bottom: 1px solid #f3f3f3;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
}
.inbox-item .inbox-item-img {
    display: block;
    float: left;
    margin-right: 15px;
    width: 40px;
}
.inbox-item img {
    width: 40px;
}
.inbox-item .inbox-item-author {
    color: #374767;
    font-weight: 600;
    margin: 0;
    font-size: 15px;
}
.inbox-item .inbox-item-text {
    color: #9a9da0;
    display: block;
    font-size: 12px;
    margin: 0;
}
.inbox-item .inbox-item-date {
    color: #9a9da0;
    font-size: 11px;
    right: 7px;
    top: 2px;
}
.inbox-item .profile-status {
    border-radius: 50%;
    bottom: 50%;
    display: inline-block;
    height: 6px;
    position: absolute;
    right: 0;
    width: 6px;
}
.inbox-item .profile-status.away {
    background-color: #ffb61e;
}
.inbox-item .profile-status.busy {
    background-color: #e5343d;
}
.inbox-item .profile-status.offline {
    background-color: #9a9a9a;
}
.chat_list {
    list-style: outside none none;
    padding: 0 15px;
}
.chat_list li {
    margin-bottom: 24px;
}
.chat_list .chat-avatar {
    display: inline-block;
    float: left;
    text-align: center;
    width: 40px;
}
.chat_list .chat-avatar img {
    border-radius: 100%;
    width: 100%;
}
.chat_list .conversation-text {
    display: inline-block;
    float: left;
    font-size: 12px;
    margin-left: 12px;
    width: 70%;
}
.chat_list .ctext-wrap {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    display: inline-block;
    padding: 10px;
    position: relative;
}
.chat_list .ctext-wrap::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(213, 242, 239, 0) rgba(0, 0, 0, 0.1) rgba(213, 242, 239, 0) rgba(213, 242, 239, 0);
    border-image: none;
    border-style: solid;
    border-width: 7px;
    content: " ";
    height: 0;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 20%;
    width: 0;
}
.chat_list .ctext-wrap i {
    color: rgba(54, 58, 92, 0.9);
    display: block;
    font-weight: 700;
    position: relative;
}
.chat_list .ctext-wrap p {
    font-weight: 500;
    margin: 0;
    padding-top: 3px;
}
.chat_list .odd .chat-avatar {
    float: right !important;
}
.chat_list .odd .conversation-text {
    float: right !important;
    margin-right: 12px;
    text-align: right;
    width: 70% !important;
}
.icon_box, .icon_list li, .icon_name {
    text-align: center;
}
.chat_list .odd .ctext-wrap {
    background: #fff none repeat scroll 0 0 !important;
    border-color: #00b9e8 !important;
}
.chat_list .odd .ctext-wrap::after {
    border-color: rgba(238, 238, 242, 0) rgba(238, 238, 242, 0) rgba(238, 238, 242, 0) #00b9e8 !important;
    left: 100% !important;
    top: 20% !important;
}
.emojionearea, .emojionearea.form-control {
    border: 1px solid #e4e5e7;
    box-shadow: none;
}
.emojionearea.form-control:focus, .emojionearea:focus {
    border: 1px solid #00b9e8;
}
#calendar1 {
    margin: 0 auto;
}
#calendar1 .fc-toolbar h2 {
    font-size: 16px;
    margin: 6px 0;
}
.activity-list > li {
    padding: 10px 0 10px 25px;
    position: relative;
}
.activity-list > li::after, .activity-list > li::before {
    content: "";
    position: absolute;
}
.activity-list > li::before {
    border-left: 1px solid #d9d9d9;
    height: 100%;
    left: 5px;
    top: 0;
}
.activity-list > li::after {
    background-color: #fff;
    border: 2px solid #9a9a9a;
    border-radius: 50%;
    height: 11px;
    left: 0;
    top: 14px;
    width: 11px;
}
.activity-list > li.activity-purple::after {
    border-color: #8e23e0;
}
.activity-list > li.activity-danger::after {
    border-color: #e5343d;
}
.activity-list > li.activity-warning::after {
    border-color: #ffb61e;
}
.activity-list > li.activity-primary::after {
    border-color: #0667d6;
}
.icon_box {
    font-size: 42px;
    margin: 10px 0;
    min-height: 92px;
}
.icon_box i {
    display: block;
    font-size: 35px;
}
.icon_box:hover i {
    color: #676a6c;
}
.icon-name {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
}
@keyframes hvr-buzz-out {
10%, 30% {
    transform: translateX(3px) rotate(2deg);
}
20%, 40% {
    transform: translateX(-3px) rotate(-2deg);
}
50%, 70% {
    transform: translateX(2px) rotate(1deg);
}
60%, 80% {
    transform: translateX(-2px) rotate(-1deg);
}
90% {
    transform: translateX(1px) rotate(0deg);
}
100% {
    transform: translateX(-1px) rotate(0deg);
}
}
.hvr-buzz-out {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    transform: perspective(1px) translateZ(0px);
    vertical-align: middle;
}
.hvr-buzz-out:active, .hvr-buzz-out:focus, .icon_box:hover .hvr-buzz-out {
    animation-duration: 0.75s;
    animation-iteration-count: 1;
    animation-name: hvr-buzz-out;
    animation-timing-function: linear;
}
@media (min-width: 1200px) {
.icon_box_width {
    width: 12.5%;
}
}
.flag-icon-inner, .material-icon-inner, .weather-icon-inner {
    overflow: hidden;
}
.icon_list {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.icon_list li {
    background-color: #f1f3f6;
    border: 1px solid #fff;
    float: left;
    font-size: 10px;
    height: 110px;
    line-height: 1.4;
    padding: 16px 10px;
    width: 33.33%;
}
.icon_list li:hover {
    color: #fff;
}
.icon_list li i {
    color: #374767;
    display: block;
    font-size: 28px;
    margin: 0 auto 10px;
}
.icon_list li:hover i {
    color: #fff;
}
.icon_name {
    display: block;
    word-wrap: break-word;
}
@media (min-width: 768px) {
.flag-icon {
    margin-left: 0;
    margin-right: 0;
}
.icon_list li {
    font-size: 12px;
    width: 20%;
}
}
@media (min-width: 1200px) {
.icon_list li {
    font-size: 14px;
    
}
}
.icon-section {
    clear: both;
    margin: 0 0 3em;
    overflow: hidden;
}
.icon-container {
    float: left;
    padding: 0.7em 0;
    position: relative;
    text-align: left;
    width: 25%;
}
.sideways > li > a, table.text-center, table.text-center td, table.text-center th {
    text-align: center;
}
.icon-container [class*=" ti-"], .icon-container [class^="ti-"] {
    color: #374767;
    font-size: 16px;
    margin-top: 3px;
    position: absolute;
    transition: all 0.3s ease 0s;
}
.icon-container:hover [class*=" ti-"], .icon-container:hover [class^="ti-"] {
    font-size: 2.2em;
    margin-top: -5px;
}
.icon-container:hover .icons-name {
    color: #000;
}
.icons-name {
    color: #7a7a7a;
    font-size: 13px;
    margin-left: 35px;
    transition: all 0.3s ease 0s;
}
.icon-container:hover .icons-name {
    margin-left: 45px;
}
@media (max-width: 767px) {
.icon-container {
    width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.icon-container {
    width: 50%;
}
}
.glyphs.character-mapping {
    border: 1px solid #e1e6ef;
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.5);
    margin: 0 0 20px;
    padding: 20px 0 20px 30px;
}
.glyphs.character-mapping li {
    display: inline-block;
    margin: 0 30px 20px 0;
    width: 90px;
}
.glyphs.character-mapping .icon {
    border-radius: 3px;
    color: #374767 !important;
    font-size: 32px;
    height: 55px;
    margin: 10px 0 10px 15px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    width: 55px;
}
.glyphs.character-mapping .icon svg {
    fill: #000;
}
.glyphs.character-mapping input {
    border: 1px solid #d8e0e5;
    border-radius: 5px;
    display: block;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    outline: 0 none;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}
.glyphs.character-mapping input:focus, .glyphs.character-mapping input:hover {
    border: 1px solid #00b9e8;
}
.glyphs.css-mapping {
    border: 1px solid #e1e6ef;
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.5);
    margin: 0 0 30px;
    padding: 30px 0 20px 30px;
}
.glyphs.css-mapping li {
    display: inline-block;
    margin: 0 30px 20px 0;
    overflow: hidden;
    padding: 0;
}
.glyphs.css-mapping .icon {
    color: #374767 !important;
    float: left;
    font-size: 24px;
    height: 50px;
    margin: 0 10px 0 0;
    overflow: hidden;
    padding: 13px;
    width: 50px;
}
.glyphs.css-mapping input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8e0e5;
    border-radius: 5px;
    display: block;
    float: right;
    font-size: 14px;
    height: 40px;
    line-height: 14px;
    margin: 5px 0 0;
    outline: 0 none;
    padding: 8px;
    width: 150px;
}
.glyphs.css-mapping input:focus, .glyphs.css-mapping input:hover {
    border: 1px solid #00b9e8;
}
@media (min-width: 768px) and (max-width: 1199px) {
.glyphs.css-mapping li {
    margin: 0 15px 20px 0;
}
.glyphs.character-mapping li {
    margin: 0 20px 20px 0;
}
}
.material-icon-inner {
    margin-bottom: 20px;
}
.material-icon-inner:last-child {
    margin-bottom: 0;
}
#chartdiv {
    height: 500px;
    width: 100%;
}
#chartdiv2 {
    height: 360px;
    width: 100%;
}
#chartdiv3 {
    height: 450px;
    width: 100%;
}
#chartMap, #column, #zoomable {
    height: 350px;
    width: 100%;
}
#chartPie {
    font-size: 11px;
    height: 202px;
    margin-bottom: 10px;
    width: 100%;
}
.color1 .amcharts-pie-slice {
    fill: #00b9e8;
}
.color2 .amcharts-pie-slice {
    fill: #e5343d;
}
.color3 .amcharts-pie-slice {
    fill: #5b69bc;
}
.amcharts-graph-g2 .amcharts-graph-stroke {
    animation: 1s linear 0s normal none infinite running am-moving-dashes;
    stroke-dasharray: 3px, 3px;
    stroke-linecap: round;
    stroke-linejoin: round;
}
@keyframes am-moving-dashes {
100% {
    stroke-dashoffset: -31px;
}
}
.lastBullet {
    animation: 1s ease-out 0s normal none infinite running am-pulsating;
}
@keyframes am-pulsating {
0% {
    stroke-opacity: 1;
    stroke-width: 0;
}
100% {
    stroke-opacity: 0;
    stroke-width: 50px;
}
}
.amcharts-graph-column-front {
    transition: all 0.3s ease-out 0.3s;
}
.amcharts-graph-column-front:hover {
    fill: #496375;
    stroke: #496375;
    transition: all 0.3s ease-out 0s;
}
.amcharts-graph-g3 {
    animation: 40s ease 0s normal none 1 running am-draw;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-linejoin: round;
}
@keyframes am-draw {
0% {
    stroke-dashoffset: 500%;
}
100% {
    stroke-dashoffset: 0;
}
}
.flotChart {
    color: #545454;
    display: block;
    height: 300px;
    position: relative;
}
.flotChart-demo {
    color: #545454;
    height: 100%;
    width: 100%;
}
.spark_about {
    margin: 10px 0 40px;
}
.jqstooltip {
    background-color: #2c3136 !important;
    border: medium none !important;
    border-radius: 10px;
    color: #fff !important;
    height: auto !important;
    width: auto !important;
}
.nav-tabs {
    border-bottom: 0 none;
}
.nav-tabs > li > a {
    color: #7a7a7a;
    font-weight: 600;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: 1px solid #e4e5e7;
}
.nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent;
    border-color: transparent;
}
.tab-content .panel-body {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e4e5e7;
    border-radius: 2px;
    padding: 20px;
    position: relative;
}
.tabs-left > li, .tabs-right > li {
    float: none;
}
.tabs-left > li {
    margin-right: 0;
}
.tabs-right > li {
    margin-left: 0;
}
.tabs-left > li.active > a, .tabs-left > li.active > a:focus, .tabs-left > li.active > a:hover {
    border-bottom-color: #e4e5e7;
    border-right-color: transparent;
}
.tabs-right > li.active > a, .tabs-right > li.active > a:focus, .tabs-right > li.active > a:hover {
    border-bottom: 1px solid #e4e5e7;
    border-left-color: transparent;
}
.tabs-left > li > a {
    border-radius: 4px 0 0 4px;
    display: block;
    margin-right: 0;
}
.tabs-right > li > a {
    border-radius: 0 4px 4px 0;
    margin-right: 0;
}
.sideways {
    border: medium none;
    margin-top: 50px;
    position: relative;
}
.sideways > li {
    height: 20px;
    margin-bottom: 100px;
    width: 120px;
}
.sideways > li > a {
    border-radius: 4px 4px 0 0;
    border-right-color: transparent;
}
.sideways > li.active > a, .sideways > li.active > a:focus, .sideways > li.active > a:hover {
    border-bottom-color: transparent;
    border-left-color: #e4e5e7;
    border-right-color: #e4e5e7;
}
.sideways.tabs-left {
    left: -47px;
}
.sideways.tabs-right {
    right: 28px;
}
.sideways.tabs-right > li {
    transform: rotate(90deg);
}
.sideways.tabs-left > li {
    transform: rotate(-90deg);
}
@media (max-width: 767px) {
.sideways.tabs-left {
    left: -44px;
}
}
.tree ul li::before, .tree ul::before {
    content: "";
    display: block;
    left: 0;
}
.well {
    box-shadow: none;
    height: 135px;
}
.tree, .tree ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.tree ul {
    margin-left: 1em;
    position: relative;
}
.tree ul ul {
    margin-left: 0.5em;
}
.tree ul::before {
    border-left: 1px solid;
    bottom: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.tree li {
    color: #4c4c4c;
    cursor: pointer;
    font-weight: 600;
    line-height: 2em;
    margin: 0;
    padding: 0 1em;
    position: relative;
}
.tree ul li::before {
    border-top: 1px solid;
    height: 0;
    margin-top: -1px;
    position: absolute;
    top: 1em;
    width: 10px;
}
.tree ul li:last-child::before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    height: auto;
    top: 1em;
}
.indicator {
    margin-right: 5px;
}
.tree li a {
    color: #4c4c4c;
    text-decoration: none;
}
.tree li button, .tree li button:active, .tree li button:focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #369;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}
.show-grid {
    margin-bottom: 15px;
}
.show-grid [class^="col-"] {
    background-color: rgba(55, 160, 0, 0.15);
    border: 1px solid rgba(55, 180, 0, 0.2);
    padding-bottom: 10px;
    padding-top: 10px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 0 none;
    vertical-align: middle;
}
.table-bordered td
{
    border-top: 1px solid #e4e5e7 !important;
}
.table > tfoot > tr > th, .table > thead > tr > th {
    border-bottom: 0 none;
}
.table-bordered {
    border: 1px solid #e4e5e7;
}
.table.no-border, .table.no-border td, .table.no-border th {
    border: 0 none;
}
.table.align th {
    text-align: left;
}
.table.align td {
    text-align: right;
}
.footable-odd {
    background-color: #f9f9f9;
}
.popover {
    border: 1px solid #e1e6ef;
    box-shadow: 0 2px 2px #e1e6ef, 0 1px 0 #e1e6ef;
}
.bd-content > ol li, .bd-content > ul li {
    margin-bottom: 0.25rem;
}
.bd-content h3 {
    margin-top: 0;
}
.form-control {
    border: 1px solid #e4e5e7;
    border-radius: 0;
    box-shadow: none;
    padding: 3px 12px;
    height: 30px
}
.form-control:focus {
    border-color: #00AFEF;
    box-shadow: none;
}
.note-editor.note-frame {
    border: 1px solid #e4e5e7;
}
.icon-indent-left, .icon-indent-right, .icon-list, .icon-picture, .icon-share, .icon-th-list {
    background-image: url("../img/glyphicons-halflings.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    width: 14px;
}
.icon-font {
    background-position: -144px -48px;
}
.icon-list {
    background-position: -360px -48px;
}
.icon-th-list {
    background-position: -264px 0;
}
.icon-indent-right {
    background-position: -408px -48px;
}
.icon-indent-left {
    background-position: -384px -48px;
}
.icon-share {
    background-position: -120px -72px;
}
.icon-picture {
    background-position: -456px -48px;
}
.wysi-btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-repeat: repeat-x;
    border-color: #ccc #ccc #b3b3b3;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    font-size: 13px;
    margin-bottom: 0;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
.f1-steps {
    margin-top: 20px;
    overflow: hidden;
    position: relative;
}
.f1-progress, .f1-progress-line {
    height: 1px;
    left: 0;
    position: absolute;
}
.f1-progress {
    background: #ddd none repeat scroll 0 0;
    top: 24px;
    width: 100%;
}
.f1-progress-line {
    top: 0;
}
.f1-step {
    float: left;
    padding: 0 5px;
    position: relative;
    width: 33.3333%;
}
.f1-step-icon {
    background: #ddd none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-top: 4px;
    width: 40px;
}
.f1-step.activated .f1-step-icon {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #00b9e8;
    line-height: 38px;
}
.f1-step.active .f1-step-icon {
    font-size: 22px;
    height: 48px;
    line-height: 48px;
    margin-top: 0;
    width: 48px;
}
.f1-step p {
    color: #ccc;
}
.f1 fieldset {
    display: none;
    text-align: left;
}
.f1-buttons {
    text-align: right;
}
.f1 .input-error {
    border-color: #f35b3f;
}
@media (max-width: 767px) {
.navbar {
    padding-top: 0;
}
.navbar.navbar-no-bg {
    background: rgba(51, 51, 51, 0.9) none repeat scroll 0 0;
}
.navbar-brand {
    height: 60px;
    margin-left: 15px;
}
.navbar-collapse {
    border: 0 none;
}
.navbar-toggle {
    margin-top: 12px;
}
.top-content {
    padding: 40px 0 110px;
}
}
.checkbox.checkbox-inline, .radio.radio-inline {
    margin-top: 0;
}
@media (max-width: 415px) {
.f1 {
    padding-bottom: 20px;
}
.f1-buttons button {
    margin-bottom: 5px;
}
}
.checkbox {
    padding-left: 20px;
}
.checkbox label {
    display: inline-block;
    padding-left: 5px;
    position: relative;
}
.checkbox label::after, .checkbox label::before {
    display: inline-block;
    left: 0;
    margin-left: -20px;
    position: absolute;
}
.checkbox label::before {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    content: "";
    height: 17px;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    width: 17px;
}
.checkbox label::after {
    color: #555;
    font-size: 11px;
    height: 16px;
    padding-left: 3px;
    padding-top: 1px;
    top: 0;
    width: 16px;
}
.checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox input[type="checkbox"] {
    opacity: 0;
}
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
    content: "";
    font-family: FontAwesome;
}
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eee;
    cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #e5343d;
    border-color: #d9534f;
}
.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.radio {
    padding-left: 20px;
}
.radio label {
    display: inline-block;
    padding-left: 5px;
    position: relative;
}
.radio label::after, .radio label::before {
    display: inline-block;
    margin-left: -20px;
    position: absolute;
}
.radio label::before {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    content: "";
    height: 17px;
    left: 0;
    transition: border 0.15s ease-in-out 0s;
    width: 17px;
}
.radio label::after {
    background-color: #555;
    border-radius: 50%;
    content: " ";
    height: 11px;
    left: 3px;
    top: 3px;
    transform: scale(0, 0);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33) 0s, -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33) 0s;
    width: 11px;
}
#map1, #map8, .embed-container {
    position: relative;
}
.radio-primary input[type="radio"] + label::after, .radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca;
}
.radio input[type="radio"] {
    opacity: 0;
}
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
    transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca;
}
.radio-danger input[type="radio"] + label::after, .radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}
.radio-info input[type="radio"] + label::after, .radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after, .radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}
.has-success .form-control, .has-success .input-group-addon, .radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}
.radio-success input[type="radio"] + label::after, .radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}
.form-check-label {
    cursor: pointer;
    font-weight: 600;
}
.form-control-danger, .form-control-success, .form-control-warning {
    background-position: right 0.5625rem center;
    background-repeat: no-repeat;
    background-size: 1.125rem 1.125rem;
    padding-right: 2.25rem;
}
.form-feedback {
    margin-top: 0.25rem;
}
.has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label, .has-success .form-control-label, .has-success .form-feedback {
    color: #5cb85c;
}
.has-success .form-control:focus {
    border-color: #5cb85c;
    box-shadow: none;
}
.has-success .input-group-addon {
    background-color: #eaf6ea;
    color: #5cb85c;
}
.has-success .form-control-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%235cb85c\' d=\'M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z\'/%3E%3C/svg%3E");
}
.has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-label, .has-warning .form-feedback {
    color: #f0ad4e;
}
.has-warning .form-control {
    border-color: #f0ad4e;
}
.has-warning .form-control:focus {
    border-color: #f0ad4e;
    box-shadow: none;
}
.has-warning .input-group-addon {
    background-color: #fff;
    border-color: #f0ad4e;
    color: #f0ad4e;
}
.has-warning .form-control-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%23f0ad4e\' d=\'M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z\'/%3E%3C/svg%3E");
}
.has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-label, .has-danger .form-feedback {
    color: #d9534f;
}
.has-danger .form-control {
    border-color: #d9534f;
}
.has-danger .form-control:focus {
    border-color: #d9534f;
    box-shadow: none;
}
.has-danger .input-group-addon {
    background-color: #fdf7f7;
    border-color: #d9534f;
    color: #d9534f;
}
.has-danger .form-control-danger {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23d9534f\' viewBox=\'-2 -2 7 7\'%3E%3Cpath stroke=\'%23d9534f\' d=\'M0 0l3 3m0-3L0 3\'/%3E%3Ccircle r=\'.5\'/%3E%3Ccircle cx=\'3\' r=\'.5\'/%3E%3Ccircle cy=\'3\' r=\'.5\'/%3E%3Ccircle cx=\'3\' cy=\'3\' r=\'.5\'/%3E%3C/svg%3E");
}
.dropzone {
    border: 2px dashed #00b9e8;
    min-height: 200px;
}
.dropzone .dz-message {
    margin: 4em 0;
}
.dropzone .dz-message .upload-icon {
    background-color: #f1f3f6;
    border-radius: 50%;
    display: block;
    font-size: 38px;
    height: 75px;
    line-height: 79px;
    margin: 0 auto 20px;
    width: 75px;
}
#map1 {
    height: 320px;
    width: 100%;
}
#map2, #map3, #map4, #map5, #map6, #map7 {
    height: 350px;
    position: relative;
    width: 100%;
}
#map8 {
    height: 580px;
    width: 100%;
}
.embed-container {
    height: 0;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
}
.embed-container embed, .embed-container iframe, .embed-container object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#gmaps1, #gmaps2, #gmaps3, #gmaps4, #gmaps5, #gmaps6, #gmaps7, #gmaps8 {
    height: 350px;
    width: 100%;
}
#amchartMap1, #amchartMap2, #amchartMap3, #amchartMap4, #amchartMap5 {
    height: 500px;
    width: 100%;
}
pre {
    background-color: #2c3136;
    border: 1px solid #2c3136;
    border-radius: 5px;
    color: #f7f7f7;
    font-size: 14px;
    overflow: hidden;
    padding: 10px;
    text-align: left;
}
pre .str {
    color: #e6db74;
}
pre .func {
    color: #66d9ef;
}
pre .val {
    color: #a381ff;
}
pre .tag {
    color: #e92772;
}
pre .attr {
    color: #a6e22d;
}
pre .arg {
    color: #fd9720;
}
.mailbox {
    background-color: #fff;
    border: 1px solid #e1e6ef;
    border-radius: 10px;
    margin: 0 0 20px;
    overflow: hidden;
}
.mailbox-header {
    border-bottom: 1px solid #e1e6ef;
    padding: 0 25px;
}
.mailbox .btn, .mailbox .btn:hover {
    border-width: 2px;
}
.inbox-toolbar {
    float: right;
    padding-top: 16.5px;
}
.mailbox .btn {
    border-radius: 25px;
    padding: 4px 15px;
}
.mailbox .btn-default {
    background-color: #fff;
    border-color: #efefef;
    color: #89949b;
}
.mailbox .btn-default:hover {
    background-color: #62d0f1;
    border-color: #62d0f1;
    color: #fff;
}
.profile-usermenu ul li a:hover, .profile-usermenu ul li.active a {
    background-color: rgba(85, 139, 47, 0.2);
}
.mailbox-body .row {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.mailbox-body .inbox-mail, .mailbox-body .inbox-nav {
    display: table-cell;
    float: none;
    vertical-align: top;
}
.inbox-nav {
    border-right: 1px solid #e4e5e7;
}
.mailbox-sideber {
    margin-top: 20px;
}
.profile-usermenu ul {
    margin-bottom: 20px;
}
.profile-usermenu ul li a {
    color: #93a3b5;
    font-size: 13px;
    font-weight: 400;
}
.profile-usermenu ul li a i {
    font-size: 14px;
    margin-right: 8px;
}
.profile-usermenu ul li.active {
    border-bottom: medium none;
}
.profile-usermenu ul li.active a {
    border-left: 2px solid #00b9e8;
    margin-left: -2px;
}
.profile-usermenu h6 {
    border-bottom: 1px solid #e4e5e7;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 15px 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.inbox_item {
    background: #f9f9f9 none repeat scroll 0 0;
    border-bottom: 1px solid #e4e5e7;
    color: inherit;
    display: block;
    padding-bottom: 0 !important;
    padding-left: 25px;
    padding-right: 25px;
}
.unread {
    background: #fff none repeat scroll 0 0;
}
.inbox_item:focus, .inbox_item:hover {
    background: rgba(255, 255, 102, 0.2) none repeat scroll 0 0;
    color: inherit;
}
.inbox_item:last-child {
    border-bottom: medium none !important;
}
.inbox-avatar {
    padding-bottom: 12.5px;
    padding-top: 12.5px;
}
.inbox-avatar .i-check {
    display: inline-block;
    padding-right: 10px;
}
.inbox-avatar img {
    border: 1px solid #d4d4d4;
    border-radius: 100px;
    height: 40px;
    padding: 2px;
    width: 40px;
}
.inbox-avatar-text {
    color: #93a3b5;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.avatar-name {
    color: #43525a;
    font-weight: 600;
}
.badge.avatar-text {
    border-radius: 10px;
    color: #fff;
    display: inline;
    font-size: 72%;
    margin-right: 5px;
    padding: 3px 10px;
}
.inbox-date {
    color: #cdccc8;
    float: right;
    text-align: right;
}
.inbox-date .date {
    position: relative;
    top: 5px;
}
@media (max-width: 767px) {
.mailbox .btn {
    margin-bottom: 10px;
}
}
@media (min-width: 1200px) {
.inbox-avatar-text {
    padding-left: 12.5px;
}
}
.inbox-mail-details {
    line-height: 1.78571;
}
.btn {
    border-radius: 2px;
}
.btn-rounded {
    border-radius: 2em;
}
.w-md {
    min-width: 110px;
}
.btn-black, .btn-black:hover, .btn-danger, .btn-danger:hover, .btn-inverse, .btn-inverse:hover, .btn-pink, .btn-pink:hover, .btn-primary, .btn-primary:hover, .btn-purple, .btn-purple:hover, .btn-success, .btn-success:hover, .btn-violet, .btn-violet:hover, .btn-warning, .btn-warning:hover {
    color: #fff;
}
.btn-default.btn-transparent, .btn-default.btn-transparent:active, .btn-default.btn-transparent:focus, .btn-default.btn-transparent:hover {
    background-color: rgba(206, 208, 210, 0.2);
    border-color: rgba(206, 208, 210, 0.3);
    color: #ced0d2;
}
.btn-default.btn-outline {
    background-color: transparent;
    color: #ced0d2;
}
.btn-default.btn-outline:active, .btn-default.btn-outline:focus, .btn-default.btn-outline:hover {
    background-color: #cacbcc;
    color: #fff;
}
.btn-primary {
    background-color: #428bca;
    border-color: #428bca;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: #035BA9;
    border-color: #035BA9;
}
.btn-primary.btn-transparent, .btn-primary.btn-transparent:active, .btn-primary.btn-transparent:focus, .btn-primary.btn-transparent:hover {
    background-color: rgba(66, 193, 202, 0.2);
    border-color: rgba(66, 193, 202, 0.3);
    color: #42c1ca;
}
.btn-primary.btn-outline {
    background-color: transparent;
    color: #428bca;
}
.btn-primary.btn-outline:active, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:hover {
    background-color: #428bca;
    color: #fff;
}
.btn-success {
    border-color: #4cae4c;
}
.btn-success:active, .btn-success:focus, .btn-success:hover {
    background-color: #6cae3d;
    border-color: #4e8926;
}
.btn-success.btn-transparent, .btn-success.btn-transparent:active, .btn-success.btn-transparent:focus, .btn-success.btn-transparent:hover {
    background-color: rgba(55, 160, 0, 0.2);
    border-color: rgba(55, 160, 0, 0.3);
    color: #37a000;
}
.btn-success.btn-outline {
    background-color: transparent;
}
.btn-success.btn-outline:active, .btn-success.btn-outline:focus, .btn-success.btn-outline:hover {
    color: #fff;
}
.btn-info {
    background-color: #62d0f1;
    border-color: #51b3d1;
}
.btn-info:active, .btn-info:focus, .btn-info:hover {
    background-color: #53d4fa;
    border-color: #51b3d1;
}
.btn-info.btn-transparent, .btn-info.btn-transparent:active, .btn-info.btn-transparent:focus, .btn-info.btn-transparent:hover {
    background-color: rgba(83, 212, 250, 0.2);
    border-color: rgba(83, 212, 250, 0.3);
    color: #53d4fa;
}
.btn-info.btn-outline {
    background-color: transparent;
    color: #62d0f1;
}
.btn-info.btn-outline:active, .btn-info.btn-outline:focus, .btn-info.btn-outline:hover {
    background-color: #62d0f1;
    color: #fff;
}
.btn-warning {
    background-color: #ffb61e;
    border-color: #e1a21e;
}
.btn-warning:active, .btn-warning:focus, .btn-warning:hover {
    background-color: #ffc751;
    border-color: #e1a21e;
}
.btn-warning.btn-transparent, .btn-warning.btn-transparent:active, .btn-warning.btn-transparent:focus, .btn-warning.btn-transparent:hover {
    background-color: rgba(255, 199, 81, 0.2);
    border-color: rgba(255, 199, 81, 0.3);
    color: #ffc751;
}
.btn-warning.btn-outline {
    background-color: transparent;
    color: #ffb61e;
}
.btn-warning.btn-outline:active, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:hover {
    background-color: #ffb61e;
    color: #fff;
}
.btn-danger {
    background-color: #e5343d;
    border-color: #bf2d35;
}
.btn-danger:active, .btn-danger:focus, .btn-danger:hover {
    background-color: #e7575e;
    border-color: #bf2d35;
}
.btn-danger.btn-transparent, .btn-danger.btn-transparent:active, .btn-danger.btn-transparent:focus, .btn-danger.btn-transparent:hover {
    background-color: rgba(229, 52, 61, 0.2);
    border-color: rgba(229, 52, 61, 0.3);
    color: #e5343d;
}
.btn-danger.btn-outline {
    background-color: transparent;
    color: #e5343d;
}
.btn-danger.btn-outline:active, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:hover {
    background-color: #e5343d;
    color: #fff;
}
.btn-inverse {
    background-color: #3b3e47;
    border-color: #292d3b;
}
.btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover {
    background-color: #2f3239;
    border-color: #292d3b;
}
.btn-inverse.btn-transparent, .btn-inverse.btn-transparent:active, .btn-inverse.btn-transparent:focus, .btn-inverse.btn-transparent:hover {
    background-color: rgba(59, 62, 71, 0.2);
    border-color: rgba(59, 62, 71, 0.3);
    color: #3b3e47;
}
.btn-inverse.btn-outline {
    background-color: transparent;
    color: #3b3e47;
}
.btn-inverse.btn-outline:active, .btn-inverse.btn-outline:focus, .btn-inverse.btn-outline:hover {
    background-color: #3b3e47;
    color: #fff;
}
.btn-purple {
    background-color: #5b69bc;
    border-color: #4c59a7;
}
.btn-purple:active, .btn-purple:focus, .btn-purple:hover {
    background-color: #4a59b4;
    border-color: #4c59a7;
}
.btn-purple.btn-transparent, .btn-purple.btn-transparent:active, .btn-purple.btn-transparent:focus, .btn-purple.btn-transparent:hover {
    background-color: rgba(91, 105, 188, 0.2);
    border-color: rgba(91, 105, 188, 0.3);
    color: #5b69bc;
}
.btn-purple.btn-outline {
    background-color: transparent;
    color: #5b69bc;
}
.btn-purple.btn-outline:active, .btn-purple.btn-outline:focus, .btn-purple.btn-outline:hover {
    background-color: #5b69bc;
    color: #fff;
}
.btn-pink {
    background-color: #ff8acc;
    border-color: #db6fac;
}
.btn-pink:active, .btn-pink:focus, .btn-pink:hover {
    background-color: #ff70c1;
    border-color: #db6fac;
}
.btn-pink.btn-transparent, .btn-pink.btn-transparent:active, .btn-pink.btn-transparent:focus, .btn-pink.btn-transparent:hover {
    background-color: rgba(255, 138, 204, 0.2);
    border-color: rgba(255, 138, 204, 0.3);
    color: #ff8acc;
}
.btn-pink.btn-outline {
    background-color: transparent;
    color: #ff8acc;
}
.btn-pink.btn-outline:active, .btn-pink.btn-outline:focus, .btn-pink.btn-outline:hover {
    background-color: #ff8acc;
    color: #fff;
}
.btn-black {
    background-color: #000;
    border-color: #000;
}
.btn-black:active, .btn-black:focus, .btn-black:hover {
    background-color: #222;
    border-color: #6b6b6b;
}
.btn-black.btn-transparent, .btn-black.btn-transparent:active, .btn-black.btn-transparent:focus, .btn-black.btn-transparent:hover {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.3);
    color: #000;
}
.btn-black.btn-outline {
    background-color: transparent;
    color: #000;
}
.btn-black.btn-outline:active, .btn-black.btn-outline:focus, .btn-black.btn-outline:hover {
    background-color: #000;
    color: #fff;
}
.btn-violet {
    background-color: #8e23e0;
    border-color: #6c13b1;
}
.btn-violet:active, .btn-violet:focus, .btn-violet:hover {
    background-color: #a13eee;
    border-color: #6c13b1;
}
.btn-violet.btn-transparent, .btn-violet.btn-transparent:active, .btn-violet.btn-transparent:focus, .btn-violet.btn-transparent:hover {
    background-color: rgba(142, 35, 224, 0.2);
    border-color: rgba(142, 35, 224, 0.3);
    color: #8e23e0;
}
.btn-violet.btn-outline {
    background-color: transparent;
    color: #8e23e0;
}
.btn-violet.btn-outline:active, .btn-violet.btn-outline:focus, .btn-violet.btn-outline:hover {
    background-color: #8e23e0;
    color: #fff;
}
.btn-label {
    background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
    border-radius: 2px 0 0 2px;
    display: inline-block;
    left: -14px;
    padding: 6px 12px;
    position: relative;
}
.btn-labeled {
    padding-bottom: 0;
    padding-top: 0;
}
.btn-circle {
    border-radius: 15px;
    font-size: 12px;
    height: 30px;
    line-height: 1.42857;
    padding: 6px 0;
    text-align: center;
    width: 30px;
}
.login-wrapper, .register-wrapper {
    padding: 10px;
    min-height: 100%;
}
.container-center {
    margin: 2% auto 0;
    max-width: 400px;
    padding: 20px;
}
.container-center.lg {
    max-width: 450px;
}
.login-wrapper .panel-bd, .register-wrapper .panel-bd {
    border-radius: 3px;
    box-shadow: 0 0 2px #dadada, 0 -3px 0 #e6e6e6 inset;
}
.view-header {
    margin: 10px 0;
}
.view-header .header-icon {
    float: left;
    font-size: 60px;
    line-height: 0;
    margin-top: -8px;
    width: 68px;
}
.fb_bg, .twitter_bg {
    margin-top: 10px;
    width: 48%;
}
.view-header .header-title {
    margin-left: 68px;
}
.view-header .header-title h3 {
    margin-bottom: 2px;
}
.social {
    border-bottom: 1px solid #e0e0e0;
    height: 81px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.twitter_bg {
    background: #00aced none repeat scroll 0 0;
    display: block;
    float: left;
    height: 35px;
}
.fb_bg i, .twitter_bg i {
    color: #fff;
    padding: 10px;
}
.btn_1, .btn_2 {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 0 0 2px;
}
.btn_1 {
    display: inline-block;
    height: 32px;
    text-shadow: -1px -1px 0 #0083b3;
}
.fb_bg {
    background: #3b5998 none repeat scroll 0 0;
    display: block;
    float: right;
    height: 35px;
}
.fb a:hover, .twitter a:hover {
    color: #fff;
}
.btn_2 {
    display: inline-block;
    height: 32px;
    text-shadow: -1px -1px 0 #366c96;
}
.input-group-addon {
    border: 1px solid #e4e5e7;
}
#bottom_text {
    display: block;
    line-height: 19px;
    margin: 12px auto;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    width: 300px;
}
#bottom_text a {
    background: rgba(0, 0, 0, 0) url("../../dist/img/bullet.png") no-repeat scroll 100% 50%;
    font-weight: 700;
    padding: 0 8px 0 0;
}
.lock-wrapper-page {
    margin: 7.5% auto;
    padding: 15px;
    width: 360px;
}
.logo-lock {
    font-family: "Alegreya Sans",sans-serif;
    font-size: 50px;
    font-weight: 600;
}
.user-thumb img {
    height: 88px;
    margin: 0 auto;
    width: 88px;
}
.lock-wrapper-page .form-control {
    border: 1px solid #00b9e8;
    padding-left: 40px;
}
.dd, .dd-list {
    list-style: outside none none;
    padding: 0;
}
.lock-wrapper-page .fa-key {
    font-size: 15px;
    left: 15px !important;
    position: absolute;
    top: 10px;
    z-index: 99;
}
.dd, .dd-item {
    display: block;
    font-size: 13px;
    line-height: 20px;
}
.dd, .dd-item, .dd-item > button, .dd-list {
    position: relative;
}
@media (max-width: 767px) {
.lock-wrapper-page {
    margin: 15% auto;
    width: 320px;
}
}
.dd, .dd-item, .dd-list, .headding_ex h1, .headding_ex h2, .headding_ex h3, .headding_ex h4, .headding_ex h5, .headding_ex h6 {
    margin: 0;
}
.text-truncate {
    text-overflow: ellipsis;
}
.dd {
    max-width: 600px;
}
.dd-list {
    display: block;
}
.dd-list .dd-list {
    padding-left: 30px;
}
.dd-item {
    min-height: 20px;
    padding: 0;
}
.dd-handle, .dd-item > button {
    cursor: pointer;
    display: block;
    margin: 5px 0;
}
.dd-handle {
    background: #f7f9fa none repeat scroll 0 0;
    border: 1px solid #e4e5e7;
    border-radius: 3px;
    box-sizing: border-box;
    color: #333;
    padding: 5px 10px;
    text-decoration: none;
}
.dd-handle:hover {
    background: #fff none repeat scroll 0 0;
    font-weight: 600;
}
.dd-item > button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    float: left;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 1;
    padding: 0;
    text-align: center;
    text-indent: 100%;
    width: 25px;
}
.dd-item > button::before {
    content: "+";
    display: block;
    position: absolute;
    text-align: center;
    text-indent: 0;
    width: 100%;
}
.dd-item > button[data-action="collapse"]::before {
    content: "-";
}
#nestable .dd-handle {
    background: #f7f9fa none repeat scroll 0 0;
    border: 1px dashed #e4e5e7;
    color: inherit;
    padding: 8px 10px;
}
#nestable .dd-handle:hover {
    background: #fff none repeat scroll 0 0;
    font-weight: 600;
}
#nestable-output, #nestable2-output {
    box-sizing: border-box;
    font-size: 12px;
    padding: 25px;
}
#nestable .dd-item > button {
    color: #c1c1c1;
    font-family: FontAwesome;
    height: 34px;
    width: 33px;
}
.cbp_tmtimeline > li .cbp_tmtime span, .error-desc p, .pricing .pricing_item, .pricing .pricing_title, .social-media li a div {
    font-family: "Alegreya Sans",sans-serif;
}
#nestable .dd-item > button[data-action="collapse"]::before {
    content: "";
}
#nestable .dd-item > button::before {
    content: "";
}
#nestable span.label {
    margin-right: 10px;
}
.dd-handle span {
    font-weight: 700;
}
.dd3-content {
    background: #f7f9fa none repeat scroll 0 0;
    border: 1px solid #e4e5e7;
    border-radius: 3px;
    box-sizing: border-box;
    color: #333;
    display: block;
    height: 34px;
    margin: 5px 0;
    padding: 5px 10px 5px 40px;
    text-decoration: none;
}
.dd3-content:hover {
    background: #fff none repeat scroll 0 0;
}
.dd-dragel > .dd3-item > .dd3-content {
    margin: 0;
}
.dd3-item > button {
    margin-left: 30px;
}
.dd3-handle {
    border: 1px solid #00b9e8;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    cursor: pointer;
    height: 34px;
    left: 0;
    margin: 0;
    position: absolute;
    text-indent: 100%;
    top: 0;
    width: 32px;
}
.dd3-handle::before {
    color: #fff;
    content: "≡";
    display: block;
    font-size: 20px;
    font-weight: 400;
    left: 0;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 3px;
    width: 100%;
}
.dd3-handle:hover {
    background: #ddd none repeat scroll 0 0;
}
.card-header, .card-header-headshot {
    background-position: center center;
    background-size: cover;
}
.progress {
    background-color: #f5f5f5;
    box-shadow: none !important;
    height: 10px;
    overflow: visible;
}
.progress-bar {
    box-shadow: none;
    font-size: 8px;
    font-weight: 600;
    line-height: 12px;
}
.progress-animated {
    animation-duration: 5s;
    animation-name: animationProgress;
    transition: all 5s ease 0s;
}
.progress.progress-sm {
    height: 5px !important;
}
.progress.progress-md {
    height: 15px !important;
}
.progress.progress-lg {
    height: 20px !important;
}
.progress.progress-md .progress-bar {
    font-size: 10.8px;
    line-height: 14.4px;
}
.progress.progress-lg .progress-bar {
    font-size: 12px;
    line-height: 20px;
}
.progress-bar-primary {
    background-color: #428bca;
}
.progress-bar-info {
    background-color: #62d0f1;
}
.progress-bar-warning {
    background-color: #ffb61e;
}
.progress-bar-danger {
    background-color: #e5343d;
}
.progress-bar-inverse {
    background-color: #3b3e47;
}
.progress-bar-pink {
    background-color: #ff8acc;
}
.progress-bar-violet {
    background-color: #8e23e0;
}
.progress-bar .tooltip {
    float: right;
    position: relative;
}
.progress-bar .tooltip .tooltip-inner {
    background-color: #f5f5f5;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 4px 8px;
}
.popOver + .tooltip .tooltip-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
}
.progress-bar-primary .tooltip .tooltip-inner {
    background-color: #428bca;
}
.progress-bar-primary .tooltip.top .tooltip-arrow {
    border-top: 5px solid #428bca;
}
.progress-bar-success .tooltip.top .tooltip-arrow {
    border-top: 5px solid #00b9e8;
}
.progress-bar-info .tooltip .tooltip-inner {
    background-color: #62d0f1;
}
.progress-bar-info .tooltip.top .tooltip-arrow {
    border-top: 5px solid #62d0f1;
}
.progress-bar-warning .tooltip .tooltip-inner {
    background-color: #ffb61e;
}
.progress-bar-warning .tooltip.top .tooltip-arrow {
    border-top: 5px solid #ffb61e;
}
.progress-bar-danger .tooltip .tooltip-inner {
    background-color: #e5343d;
}
.progress-bar-danger .tooltip.top .tooltip-arrow {
    border-top: 5px solid #e5343d;
}
.progress-bar-inverse .tooltip .tooltip-inner {
    background-color: #3b3e47;
}
.progress-bar-inverse .tooltip.top .tooltip-arrow {
    border-top: 5px solid #3b3e47;
}
.progress-bar-pink .tooltip .tooltip-inner {
    background-color: #ff8acc;
}
.progress-bar-pink .tooltip.top .tooltip-arrow {
    border-top: 5px solid #ff8acc;
}
.progress-bar-violet .tooltip .tooltip-inner {
    background-color: #8e23e0;
}
.progress-bar-violet .tooltip.top .tooltip-arrow {
    border-top: 5px solid #8e23e0;
}
.card {
    margin-bottom: 20px;
}
.card-header {
    background-image: url("../img/profile-bg.jpg");
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: flex;
    justify-content: center;
    padding: 30px 15px;
    position: relative;
}
.card-header-menu {
    height: 4em;
    position: absolute;
    right: 0;
    top: 0;
    width: 4em;
}
.card-header-menu::after {
    border-color: #00b9e8 #00b9e8 transparent transparent;
    border-style: solid;
    border-top-right-radius: 4px;
    border-width: 2em;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
}
.card-header-menu i {
    color: #fff;
    position: absolute;
    right: 9px;
    top: 9px;
    z-index: 1;
}
.card-header-headshot {
    background-image: url("../img/avatar.png");
    border: 2px solid #00b9e8;
    border-radius: 50%;
    box-shadow: 1px 3px 3px #3e4142;
    height: 6em;
    width: 6em;
}
.card-content-member {
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(62, 65, 66, 0.15);
    padding: 1em;
    position: relative;
    text-align: center;
}
.pricing .pricing_item, .promo {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
.card-content-member p i {
    font-size: 16px;
    margin-right: 10px;
}
.card-content-languages {
    background-color: #fff;
    padding: 15px;
}
.card-content-languages .card-content-languages-group {
    display: flex;
    padding-bottom: 0.5em;
}
.card-content-languages .card-content-languages-group:last-of-type {
    padding-bottom: 0;
}
.card-content-languages .card-content-languages-group > div:first-of-type {
    flex: 0 0 5em;
}
.card-content-languages h4 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 1.5em;
    margin: 0;
}
.card-content-languages li {
    display: inline-block;
    font-size: 0.9em;
    line-height: 1.5em;
    padding-right: 0.5em;
}
.card-footer-stats, .pricing {
}
.card-content-summary {
    background-color: #fff;
    padding: 15px;
}
.card-content-summary p {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}
.card-footer-stats {
    background-color: #2c3136;
    display: flex;
}
.card-footer-stats div {
    flex: 1 0 33%;
    padding: 0.75em;
}
.card-footer-stats div:nth-of-type(2) {
    border-left: 1px solid #3e4142;
    border-right: 1px solid #3e4142;
}
.card-footer-stats p {
    color: #a6a6a6;
    font-size: 0.8em;
    font-weight: 600;
    margin-bottom: 0.4em;
    text-transform: uppercase;
}
.card-footer-stats i, .card-footer-stats span {
    color: #ddd;
}
.card-footer-stats span.stats-small {
    font-size: 0.9em;
}
.card-footer-message {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 15px;
}
.card-footer-message h4 {
    color: #fff;
    font-weight: 400;
    margin: 0;
    text-align: center;
}
.review-number {
    float: left;
    line-height: 1;
    width: 35px;
}
.review-number div {
    height: 9px;
    margin: 5px 0;
}
.review-progress {
    float: left;
    width: 230px;
}
.review-progress .progress {
    margin: 8px 0;
}
.progress-number {
    float: left;
    margin-left: 10px;
}
.rating-block, .review-block {
    background-color: #fff;
    border: 1px solid #e1e6ef;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}
.review-block {
    margin-bottom: 20px;
}
.review-block-img img {
    height: 60px;
    width: 60px;
}
.review-block-name {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 10px 0;
    text-transform: uppercase;
}
.review-block-name a {
    color: #374767;
}
.review-block-date {
    font-size: 12px;
}
.review-block-rate {
    font-size: 13px;
    margin-bottom: 15px;
}
.review-block-title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}
.review-block-description {
    font-size: 13px;
}
#calendar {
    margin: 0 auto;
    max-width: 900px;
}
#external-events h4 {
    margin-top: 0;
}
#external-events .fc-event {
    cursor: pointer;
    margin: 10px 0;
}
#external-events p {
    font-size: 13px;
    margin: 1.5em 0 0;
}
#external-events p input {
    margin: 0;
    vertical-align: middle;
}
#external-events p label {
    font-weight: 600;
}
.cbp_tmtimeline {
    list-style: outside none none;
    margin: 30px 0 0;
    padding: 0;
    position: relative;
}
.cbp_tmtimeline::before {
    background: #e1e6ef none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 20.5%;
    margin-left: -10px;
    position: absolute;
    top: 0;
    width: 2px;
}
.cbp_tmtimeline > li .cbp_tmtime {
    display: block;
    padding-right: 100px;
    position: absolute;
    width: 25%;
}
.cbp_tmtimeline > li .cbp_tmtime span {
    display: block;
    text-align: right;
}
.cbp_tmtimeline > li .cbp_tmtime span:first-child {
    font-size: 15px;
    font-weight: 600;
}
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 50px;
}
.cbp_tmtimeline > li .cbp_tmlabel {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e1e6ef;
    border-radius: 4px;
    margin: 0 0 15px 27%;
    padding: 2em;
    position: relative;
}
.cbp_tmtimeline > li .cbp_tmlabel h2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    margin-top: 0;
    padding: 0 0 10px;
}
.cbp_tmtimeline > li .cbp_tmlabel::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #fff transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 15px;
    width: 0;
}
.cbp_tmtimeline > li i {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #e1e6ef;
    border-radius: 50%;
    color: #374767;
    font-size: 24px;
    height: 50px;
    left: 19.4%;
    line-height: 46px;
    margin: 0 0 0 -25px;
    position: absolute;
    text-align: center;
    text-transform: none;
    top: 0;
    width: 50px;
}
@media screen and (max-width: 65.375em) {
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 25px;
}
}
@media screen and (max-width: 47.2em) {
.cbp_tmtimeline::before {
    display: none;
}
.cbp_tmtimeline > li .cbp_tmtime {
    padding: 0 0 20px;
    position: relative;
    width: 100%;
}
.cbp_tmtimeline > li .cbp_tmtime span {
    text-align: left;
}
.cbp_tmtimeline > li .cbp_tmlabel {
    font-size: 95%;
    font-weight: 400;
    margin: 0 0 30px !important;
    padding: 1em;
}
.cbp_tmtimeline > li .cbp_tmlabel::after {
    border-bottom-color: #fff;
    border-right-color: transparent;
    left: 20px;
    right: auto;
    top: -20px;
}
.cbp_tmtimeline > li i {
    float: right;
    left: auto;
    margin: -55px 0 0;
    position: relative;
}
}
.pricing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto 3em;
    width: 100%;
}
.pricing .pricing_item {
    align-items: stretch;
    background: #fff none repeat scroll 0 0;
    color: #262b38;
    cursor: default;
    display: flex;
    flex: 0 1 300px;
    flex-direction: column;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 30px;
    position: relative;
    text-align: center;
}
.pricing .pricing_title {
    color: #374767;
    font-size: 30px;
    margin: 8px 0 0;
}
.pricing i {
    color: #8a9790;
    display: inline-block;
    min-width: 30px;
    vertical-align: middle;
}
.pricing .pricing_price {
    font-size: 80px;
    font-weight: 800;
    position: relative;
    z-index: 100;
}
.pricing .pricing_currency {
    font-size: 0.5em;
    vertical-align: super;
}
.pricing .pricing_period {
    color: rgba(44, 49, 54, 0.3);
    display: inline-block;
    font-size: 0.25em;
    padding: 0 0 0 8px;
}
.pricing .pricing_sentence {
    font-weight: 700;
    margin: 0 0 16px;
    padding: 0 0 8px;
}
.pricing .pricing_feature-list {
    font-size: 15px;
    list-style: outside none none;
    margin: 0;
    padding: 24px 8px 40px;
    text-align: left;
}
.deal span, .features, .ic, .promo .price {
    display: block;
    text-align: center;
}
.pricing .pricing_feature {
    color: #7a7a7a;
    padding: 2px 0;
}
.ic, .ic i, .promo {
    color: #fff;
}
.pricing .pricing_action {
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    margin-top: auto;
    padding: 1em 2em;
    transition: background-color 0.3s ease 0s;
}
.pricing .pricing_action:focus, .pricing .pricing_action:hover {
    background-color: #2c3136;
}
.pricing .pricing_action:focus {
    outline: 0 none;
}
@media screen and (min-width: 66.25em) {
.pricing .pricing_item {
    margin: 1.5em 0;
}
.pricing .pricing_item_featured {
    font-size: 1.15em;
    margin: 0;
    z-index: 10;
}
}
.promos {
    margin: 50px auto;
}
.promo {
    background: #fff none repeat scroll 0 0;
    padding-bottom: 10px;
    transition-duration: 0.5s;
    width: 100%;
}
.promo:hover {
    box-shadow: 2px 4px 17px 4px #d1d1d1;
}
.ic {
    border-radius: 200px;
    box-sizing: border-box;
    font-size: 30px;
    font-weight: 700;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    padding: 19px 0;
    position: absolute;
    top: -40px;
    width: 80px;
}
.badge-inner a, .nav-pills > li > a {
    color: #3a95e4;
    font-weight: 600;
}
.deal {
    padding: 50px 10px 0;
    position: relative;
}
.deal span {
    color: #252525;
    font-size: 20px;
}
.deal span:first-of-type {
    font-size: 21px;
}
.deal span:last-of-type {
    color: #999;
    font-size: 13px;
}
.promo .price {
    font-size: 30px;
    margin: 15px 0 10px;
    padding: 17px 0;
    width: 100%;
}
.plan-1 .ic, .plan-1 .promo .price {
    background-color: #7ac484;
}
.plan-2 .ic, .plan-2 .promo .price {
    background-color: #3acf4e;
}
.plan-3 .ic, .plan-3 .promo .price {
    background-color: #3cb878;
}
.plan-4 .ic, .plan-4 .promo .price {
    background-color: #3db306;
}
.promo .price p {
    color: #fff;
    font-size: 14px;
    margin: 0;
}
.promo .price .period {
    font-size: 15px;
    letter-spacing: 0.1em;
}
.features {
    color: #999;
    list-style-type: none;
    margin: 20px 0 10px;
    padding: 0;
}
.features li {
    border-bottom: 1px solid #efefef;
    display: block;
    padding: 10px 0;
}
.button {
    background: #359508 none repeat scroll 0 0;
    border: medium none;
    border-radius: 40px;
    color: #f9f9f9;
    padding: 10px 37px;
    transition: all 0.5s ease 0s;
}
.promos:hover .button {
    background-color: #f64326;
}
.label-pill {
    border-radius: 5em;
}
.label-default-outline {
    background-color: transparent;
    border: 2px solid #ced0d2;
    color: #777;
}
.label-default {
    background-color: #ced0d2;
    border: 2px solid #ced0d2;
    color: #fff;
}
.label-primary-outline {
    background-color: transparent;
    border: 2px solid #3a95e4;
    color: #3a95e4;
}
.label-primary {
    background-color: #3a95e4;
    border: 2px solid #3a95e4;
    color: #fff;
}
.label-success-outline {
    background-color: transparent;
    border: 2px solid #45c203;
    color: #45c203;
}
.label-success {
    border: 2px solid #00b9e8;
    color: #fff;
}
.label-info-outline {
    background-color: transparent;
    border: 2px solid #53d4fa;
    color: #53d4fa;
}
.label-info {
    background-color: #53d4fa;
    border: 2px solid #53d4fa;
    color: #fff;
}
.label-warning-outline {
    background-color: transparent;
    border: 2px solid #ffc751;
    color: #ffc751;
}
.label-warning {
    background-color: #ffc751;
    border: 2px solid #ffc751;
    color: #fff;
}
.label-danger-outline {
    background-color: transparent;
    border: 2px solid #e5343d;
    color: #e5343d;
}
.label-danger {
    background-color: #e5343d;
    border: 2px solid #e5343d;
    color: #fff;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #3a95e4;
    color: #fff;
}
.nav-pills > li > a:hover {
    background-color: transparent;
    color: #3a95e4;
}
.nav-pills > li > a {
    border-radius: 5px;
    padding: 10px;
}
.badge-inner {
    margin-bottom: 15px;
}
.badge {
    background-color: #3a95e4;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    padding: 6px 7px;
}
.active .badge {
    color: #9875ab !important;
}
.alert {
    border: 2px solid transparent;
    border-radius: 5px;
}
.alert-success {
    background-color: #45c203;
    border-color: #349800;
    color: #fff;
}
.alert-success .close {
    color: #349800;
}
.alert-info {
    background-color: #53d4fa;
    border-color: #00b1e6;
    color: #fff;
}
.alert-info .close {
    color: #00b1e6;
}
.alert-warning {
    background-color: #ffc751;
    border-color: #efa200;
    color: #fff;
}
.alert-warning .close {
    color: #efa200;
}
.alert-danger {
    background-color: #e5343d;
    border-color: #bd000a;
    color: #fff;
}
.alert-danger .close {
    color: #bd000a;
}
.alert-dismissible .close {
    font-size: 16px;
    opacity: 1;
    right: -31px;
    text-shadow: none;
    top: -14px;
}
.alert-dismissible .close:hover {
    opacity: 0.8;
}
.alert-sm {
    font-size: 13px;
    padding: 5px;
}
.alert i {
    margin: 0 10px 0 5px;
}
.alert-sm.alert-dismissible .close {
    right: -2px;
    top: -5px;
}
.middle-box, .middle-box2 {
    margin: 0 auto;
    max-width: 768px;
    padding: 40px 15px 15px;
    z-index: 100;
}
.error-text h3 span {
    font-weight: 400;
}
.error-desc {
    text-align: left;
}
.error-desc .navbar-form {
    margin-top: 30px;
}
.error-desc .navbar-form .form-control {
    border: 1px solid #00b9e8;
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
    transform: translateY(0px);
}
40% {
    transform: translateY(-30px);
}
60% {
    transform: translateY(-15px);
}
}
@media (max-width: 767px) {
.error-text h1 {
    font-size: 115px;
    font-weight: 800;
    margin-bottom: 0;
    text-align: center;
}
.error-desc p, .error-text h3 {
    margin-bottom: 25px;
    text-align: center;
}
.error-text h3 {
    font-size: 30px;
    font-weight: 300;
    margin-top: 0;
}
.error-desc p {
    font-size: 16px;
}
}
@media (min-width: 768px) {
.error-text h1 {
    float: left;
    font-size: 280px;
    font-weight: 800;
}
.error-text h3 {
    float: left;
    font-size: 55px;
    font-weight: 300;
    margin-left: 19px;
    margin-top: 140px;
    text-align: left;
    text-transform: uppercase;
}
.error-desc p {
    font-size: 18px;
}
.arrow {
    bottom: 0;
    left: 168px;
    position: absolute;
}
.bounce {
    animation: 2s ease 0s normal none infinite running bounce;
}
.m-r-90 {
    margin-right: 155px;
}
.m-l-90 {
    margin-left: 155px;
}
.error-desc .navbar-form {
    padding: 0;
}
}
.error-text2 h1 {
    font-size: 280px;
    font-weight: 800;
}
.error-desc2 p {
    font-size: 16px;
    margin-bottom: 30px;
    text-align: center;
}
@media (max-width: 767px) {
.error-text2 h1 {
    font-size: 115px;
}
.error-desc2 p {
    font-size: 14px;
}
}
.statistic-box {
    background-color: #374767;
    border: 2px solid #374767;
    color: #fff;
    margin-bottom: 20px;
    padding: 15px;
    position: relative;
}
.statistic-filled-1 {
    background-color: #00b9e8;
    border-color: #00b9e8;
    color: #fff;
}
.statistic-filled-1.outline {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #00b9e8;
    color: #374767;
}
.statistic-filled-2 {
    background: #e5343d none repeat scroll 0 0;
    border-color: #e5343d;
    color: #fff;
}
.statistic-filled-2.outline {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #e5343d;
    color: #374767;
}
.statistic-filled-3 {
    background: #5b69bc none repeat scroll 0 0;
    border-color: #5b69bc;
    color: #fff;
}
.statistic-filled-3.outline {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #5b69bc;
    color: #374767;
}
.statistic-filled-4 {
    background: #ef6c00 none repeat scroll 0 0;
    border-color: #ef6c00;
    color: #fff;
}
.statistic-filled-4.outline {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ef6c00;
    color: #374767;
}
.statistic-box h2 {
    font-size: 42px;
    font-weight: 800;
    margin: 0;
}
.statistic-box .small {
    font-weight: 600;
    margin-bottom: 15px;
}
.statistic-box .statistic_icon {
    font-size: 50px;
    position: absolute;
    right: 30px;
    top: 16px;
}
.statistic-filled-1 .statistic_icon {
    color: #4b7a2b;
}
.statistic-filled-2 .statistic_icon {
    color: #c62f37;
}
.statistic-filled-3 .statistic_icon {
    color: #4b58a5;
}
.statistic-filled-4 .statistic_icon {
    color: #da6200;
}
.slight {
    font-size: 13px;
}
.chart-legend-item {
    margin-bottom: 7px;
    overflow: hidden;
    padding-left: 22px;
    position: relative;
}
.chart-legend-color {
    border-radius: 50%;
    height: 14px;
    left: 0;
    position: absolute;
    top: 0;
    width: 14px;
}
.temp, .weather-widget {
    position: relative;
}
.chart-legend-color.red {
    background-color: #e5343d;
}
.chart-legend-color.blue {
    background-color: #5b69bc;
}
.chart-legend-item p {
    float: left;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
}
.chart-legend-item .percentage {
    float: right;
}
.social-media {
    list-style-type: none;
    margin-left: -10px;
    padding: 0;
}
.social-media li {
    float: left;
    margin-bottom: 15px;
    margin-left: 15px;
}
.social-media li a {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    min-width: 113.3px;
    padding: 20px 10px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
.social-media li a i {
    font-size: 24px;
}
.social-media li .rss {
    background: #ff680d none repeat scroll 0 0;
    color: #fff;
}
.social-media li .fb {
    background-color: #4c66a3;
    color: #fff;
}
.social-media li .g_plus {
    background-color: #cf3e28;
    color: #fff;
}
.social-media li .you_tube {
    background-color: #e42c27;
    color: #fff;
}
.social-media li .twitter {
    background-color: #2fc2ee;
    color: #fff;
}
.social-media li .pint {
    background-color: #cb2028;
    color: #fff;
}
.social-media li a div {
    font-size: 25px;
    font-weight: 700;
}
.social-media li p {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 0;
    text-transform: uppercase;
}
@media (min-width: 0px) and (max-width: 1199px) {
.social-media li, .social-media-inner {
    margin-bottom: 5px;
}
.social-media {
    margin-left: -5px;
    width: 101.9%;
}
.social-media li {
    margin-left: 5px;
    width: 31.6%;
}
.social-media li a {
    min-width: auto;
    width: 100%;
}
.social-media li a div {
    font-size: 21px;
}
.social-media li p {
    font-size: 10px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.social-media li {
    width: 31.2%;
}
.social-media li a {
    padding: 15px 5px;
}
}
.weather-widget {
    background-color: #fff;
    border: 1px solid #e1e6ef;
    margin-bottom: 20px;
    text-align: center;
}
.city-name {
    font-size: 29px;
    font-weight: 100;
}
.weather-city {
    padding: 25px 10px 0;
}
.temp .icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 128px 128px;
    display: inline-block;
    height: 128px;
    line-height: 128px;
    vertical-align: top;
    width: 128px;
}
.icon.rainy-2 {
    background-image: url("../img/weather-animated/rainy-2.svg");
}
.temp .value {
    font-size: 55px;
    font-weight: 100;
    line-height: 128px;
}
.temp .value::after {
    content: "°";
    font-size: 65px;
    line-height: 145px;
    position: absolute;
}
.temp .wind {
    height: 17px;
    line-height: 17px;
    transition: transform 250ms ease-out 0s;
    width: 21px;
}
.meta {
    color: #afbed1;
    font-size: 12px;
    margin-bottom: 20px;
}
.meta, .meta .icon, .meta span, .temp .value, .temp .wind, .temp span {
    display: inline-block;
    position: relative;
}
.meta .icon {
    margin: 0;
    padding: 0 10px;
    vertical-align: middle;
}
.weather-week {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #e1e6ef;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    display: flex;
    line-height: 1;
    position: relative;
    width: 100%;
}
.weather-days {
    border-right: 1px solid #e1e6ef;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    width: 14.28%;
}
.weather-days:last-child {
    border-right: 0 none;
}
.weather-days .day-0, .weather-days .day-1, .weather-days .day-2, .weather-days .day-3, .weather-days .day-4, .weather-days .day-5, .weather-days .day-6 {
    font-size: 12px;
    font-weight: 600;
}
.day-icon img {
    height: 50px;
    width: 50px;
}
.weather-days .day-degrees {
    font-size: 15px;
    left: 4px;
    line-height: 14px;
    opacity: 0.7;
    position: relative;
}
.weather-footer {
    padding: 15px 10px 30px;
}
.weather-footer .weather-date {
    font-size: 21px;
    font-weight: 300;
}
.twt-feed {
    border-radius: 4px 4px 0 0;
    color: #fff;
    min-height: 170px;
    padding: 40px 10px 10px;
    position: relative;
}
.twt-feed.blue-bg {
    background: #45c203 none repeat scroll 0 0;
}
.corner-ribon {
    font-size: 20px;
    height: 71px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 71px;
}
.black-ribon {
    background: rgba(0, 0, 0, 0) url("../img/twitter_corner_black.png") no-repeat scroll 0 0;
}
.corner-ribon i {
    color: #fff;
    padding: 10px 0 0 35px;
}
.twt-feed .wtt-mark {
    color: rgba(255, 255, 255, 0.15);
    font-size: 160px;
    left: 40%;
    position: absolute;
    top: 10px;
}
.twt-feed a {
    border-radius: 50%;
    float: left;
    margin: 0 10px;
}
.twt-feed a img {
    border-radius: 50%;
    height: 85px;
    width: 85px;
}
.twt-category, .twt-category ul {
    display: inline-block;
    width: 100%;
}
.twt-feed h1 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 5px;
}
.twt-feed p {
    color: #fff;
}
.twt-category {
    color: #74829c;
    margin-bottom: 11px;
    margin-top: 10px;
    padding: 15px 10px;
}
.twt-category ul {
    margin: 0;
    padding: 0;
}
.twt-category ul li {
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 5px;
    text-align: center;
    width: 32%;
}
.twt-category ul li.tweets-color {
    background-color: #58c9f3;
}
.twt-category ul li.following-color {
    background-color: #ffb61e;
}
.twt-category ul li.followers-color {
    background-color: #e5343d;
}
.twt-category h5 {
    font-size: 18px;
    font-weight: 400 !important;
}
.twt-category ul li h5 {
    font-weight: 300;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.twt-write .t-text-area {
    background: #f4f4f6 none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    color: #c9c9c9;
    height: 40px;
    margin-bottom: 20px;
    padding-top: 10px;
}
.twt-footer {
    padding: 12px 15px;
}
.twt-footer, .twt-footer a {
    color: #d2d2d2;
}
.twt-footer i {
    padding-right: 10px;
}
.monthly_calender {
    display: inline-block;
    max-width: 600px;
    width: 100%;
}
.profile-widget .panel-heading {
    background: #fff url("../img/The-Lion-King-Desktop-1024x640.jpg") no-repeat scroll center top / cover ;
    min-height: 200px;
}
.profile-widget .media-heading {
    color: #5b5147;
}
.profile-widget .panel-body {
    padding: 25px 15px;
}
.profile-widget .panel-body .img-circle {
    border: 1px solid #e2dfdc;
    height: 90px;
    padding: 8px;
    width: 90px;
}
.profile-widget .panel-footer {
    border: medium none;
    padding: 0;
}
.profile-widget .panel-footer .btn-group .btn {
    background-color: #f6f1ed;
    border: medium none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #baaca3;
    font-size: 1.2em;
    padding: 15px 0;
}
.profile-widget .panel-footer .btn-group .btn:hover {
    background-color: #8f7f70;
    color: #f6f1ed;
}
.profile-widget .panel-footer .btn-group > .btn:not(:first-child) {
    border-left: 1px solid #fff;
}
.profile-widget .panel-footer .btn-group .highlight {
    color: #e56e4c;
}
.login-widget .panel-body .input-group {
    margin-bottom: 15px;
}
.login-widget .panel-footer {
    border: medium none;
    padding: 0;
}
.login-widget .panel-footer .login-btn {
    padding: 20px 20px 10px;
}
.login-widget .panel-footer .facebook {
    background-color: #3b5998;
    color: #fff;
    display: block;
    padding: 15px;
}
.pie-chart-widget .panel-body {
    padding: 0;
}
.pie-chart-widget .panel-footer {
    background-color: #fff;
    margin-top: 20px;
    padding: 0;
}
.pie-chart-widget .panel-footer .btn {
    background-color: #474751;
    border: medium none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #fff;
    padding: 12px 0;
}
.pie-chart-widget .panel-footer .btn:hover {
    background-color: #2c2c38;
}
.pie-chart-widget h2 {
    font-weight: 300;
    margin: 3px 0 0;
}
.pie-chart-widget .legend li {
    color: #bdbdbd;
    font-size: 13px;
    padding: 10px;
}
.list-block {
    border: medium none;
    border-collapse: collapse;
    display: table;
    width: 100%;
}
.list-block ul {
    display: table-row;
}
.list-block li {
    display: table-cell;
    margin: 0;
}
.user-widget {
    border: 1px solid #e1e6ef;
    border-radius: 4px;
}
.user-widget .list-group-item {
    border: 0 none;
    color: #474751;
    padding: 15px;
}
.user-widget a.list-group-item:hover {
    background-color: #f8f3f0;
    color: #64584c;
}
.user-widget a.list-group-item:hover i.fa {
    color: #e35935;
}
.user-widget .heading {
    background-color: #474751;
    padding: 25px 15px;
}
.user-widget .heading .text-wrap {
    padding: 20px 0;
}
.user-widget .img-circle {
    border: 1px solid #a6a6a6;
    float: left;
    height: 90px;
    margin-right: 10px;
    padding: 8px;
    width: 90px;
}
.user-widget .heading .list-group-item-heading {
    color: #fff;
    font-weight: 600;
}
.todo-list {
    font-size: 13px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.todo-list li {
    background: #f3f3f4 none repeat scroll 0 0;
    border-left: medium none;
    border-radius: 4px;
    border-right: medium none;
    color: inherit;
    margin-bottom: 2px;
    padding: 8px 6px 6px 12px;
}
.todo-list .checkbox {
    margin: 0;
}
.todo-list .checkbox label {
    line-height: 16px;
}
.todo-list input[type="checkbox"]:checked + label {
    color: grey;
    text-decoration: line-through;
}
.social-widget {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e8e8e8;
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
}
.social-widget ul {
    display: block;
    list-style: outside none none;
    margin: 0 0 -1px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
}
.social-widget ul li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e8e8e8;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px;
    display: inline-block;
    float: left;
    line-height: 15px;
    margin: 0;
    padding: 0;
    width: 50%;
}
.dribble_inner, .fb_inner, .g_plus_inner, .twitter_inner {
    color: #fff;
    padding: 15px;
}
.social-widget ul li:nth-child(2n+1) {
    border-width: 0 1px 1px 0;
}
.social-widget ul li i {
    font-size: 45px;
}
.social-widget ul li:hover i {
    text-shadow: 0 5px 0 #212121;
}
.fb_inner {
    background-color: #4c66a3;
}
.twitter_inner {
    background-color: #2fc2ee;
}
.g_plus_inner {
    background-color: #cf3e28;
}
.dribble_inner {
    background-color: #e84d88;
}
.social-widget ul li .sc-num {
    display: block;
    font-size: 19px;
    padding: 10px 0;
}
.social-widget ul li li small {
    color: #c9c9c9;
    font-size: 85%;
}
.graph-widget {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e1e6ef;
    margin-bottom: 20px;
}
.info-block, .yearly-change span {
    border-radius: 3px;
    text-align: center;
}
.section-graph {
    background: #6ca147 linear-gradient(#55a81a, #5c9634 50%, #00b9e8 50%) repeat scroll 0 0;
    color: #fff;
    height: 210px;
    position: relative;
}
.info-aapl li, .info-block {
    background-color: #f1f3f6;
    float: left;
}
.section-graph .graph-info {
    font-weight: 700;
    margin-left: 21px;
    margin-top: 18px;
    position: absolute;
    width: 100px;
    z-index: 99;
}
.section-graph .graph-info .graph-arrow {
    border-bottom: 4px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    float: left;
    height: 0;
    margin-top: 18px;
    width: 0;
}
.section-graph .graph-info .graph-info-big {
    float: left;
    font-size: 24px;
    margin-left: 3px;
}
.info-block dd, .info-time {
    font-size: 12px;
}
.section-graph .graph-info .graph-info-small {
    clear: left;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-weight: 400;
    margin-left: 8px;
}
.graph {
    bottom: 0;
    position: absolute;
    width: 100%;
}
.section-info {
    overflow: hidden;
    padding: 21px 21px 41px;
}
.info-title {
    margin-top: 0;
}
.info-block {
    padding: 10px;
    width: 120px;
}
.info-aapl li, .info-aapl li span {
    display: block;
    height: 40px;
    width: 9px;
}
.info-block dl {
    margin: 0;
}
.info-block.last {
    margin-left: 1px;
}
.info-aapl ul, .info-block dd, .info-block dt {
    margin: 0;
    padding: 0;
}
.info-block dt {
    font-weight: 700;
}
.info-aapl {
    float: left;
}
.info-aapl li {
    margin: 0 6px 0 0;
    position: relative;
}
.info-aapl li span {
    bottom: 0;
    position: absolute;
}
.info-aapl li span.orange {
    background-color: #e5343d;
}
.yearly-change {
    float: right;
    width: 94px;
}
.yearly-change span {
    color: #fff;
    display: block;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
}
.yearly-change span em {
    color: rgba(255, 255, 255, 0.7);
}
.modal-text-header h1 {
    border-bottom: 1px solid #e1e6ef;
    font-size: 2.625em;
    font-weight: 300;
    line-height: 1.3;
    margin: 0 -15px 15px;
    padding: 10px;
    text-align: center;
}
.modal-text-header span {
    display: block;
    font-size: 60%;
    opacity: 0.7;
    padding: 0 0 0.6em 0.1em;
}
.column .modal-text {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    padding: 0;
}
@media (max-width: 767px) {
.column {
    padding: 0;
}
.column .modal-text {
    text-align: left;
}
.modal-text-header h1 {
    margin-bottom: 15px;
}
}
@media (min-width: 1200px) {
.column {
    padding: 2em;
    position: relative;
}
.modal-text-header h1 {
    margin-bottom: 20px;
}
.column .modal-text {
    font-size: 2em;
    text-align: right;
}
}
.modal-content {
    border-radius: 0;
}
.modal-header {
    background-color: #f7f9fa;
    border-bottom: 1px solid #e1e6ef;
    padding: 6px 15px 4px;
}
.modal-title {
    text-align: center;
}
.modal-danger .modal-header .modal-title, .modal-primary .modal-header .modal-title, .modal-success .modal-header .modal-title, .modal-warning .modal-header .modal-title {
    color: #fff;
}
.modal-primary .modal-header {
    background-color: #428bca;
}
.modal-warning .modal-header {
    background-color: #ffb61e;
}
.modal-danger .modal-header {
    background-color: #e5343d;
}
.i-check {
    margin: 5px 0;
}
.i-check label {
    cursor: pointer;
}
.toggle-example .toggle {
    margin-bottom: 10px;
    margin-right: 10px;
}
.toggle-off.ios, .toggle-on.ios, .toggle.ios, .toggle.ios .toggle-handle {
    border-radius: 20px;
}
.toggle.android, .toggle.android .toggle-handle {
    border-radius: 0;
}
.slow .toggle-group {
    transition: left 0.7s ease 0s;
}
.fast .toggle-group {
    transition: left 0.1s ease 0s;
}
.quick .toggle-group {
    transition: none 0s ease 0s ;
}
.grey_bg
{
    background: #dfe1e4 !important;
}
.table-responsive
{
    border: 0 none;
}
.navbar-header
{
    margin: 0 !important;
}
@media (max-width: 767px) {
    .table-responsive form table td input,.table-responsive form table td select,
    form .table-responsive table td input,form .table-responsive table td select
    {
        width: 100px !important;
    }
    .table-responsive form table th,
    form .table-responsive table th
    {
        vertical-align: middle;
    }
    .col-sm-12
    {
        clear: both;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9
    {
        clear: both;
    }
}
.panel-body
{
    padding: 10px;
}
.dataTables_wrapper.container-fluid
{
    padding: 0;
}
.btn
{
    padding: 3px 12px;
}