/**
==============================================================
 * Sentir - Responsive admin & dashboard template
 * Version  1.2.0
 * Release  July 19, 2014
==============================================================
**/


/**
==================
TABLE OF CONTENT
==================
MAIN LAYOUT
    LOGIN, FORGOT PASS, REGISTER AND LOCK SCREEN
    NAVBAR
    TOP MAIN NAVIGATION
    SIDEBAR
    FOOTER
CSS ELEMENTS
    BOOTSTRAP CAROUSEL
    SINGLE OWL CAROUSEL
    FULL CALENDAR
    THE BOX
    TOGGLE SWITCH
    TYPOGRAPY
    BREADCRUMB
    PROGRESS BAR
    ICHECK
    INPUT FILE
    PANEL
    MODAL
    LIST GROUP
    MEDIA
    JUMBOTRON
    THUMBNAIL
    MASONRY
    PAGINATION
    TABLE
    FORM
    DROPDOWN
    BUTTON
    ALERT
    LABEL AND BADGE
    NAV
    NAVBAR
    3RD PARTIES
    FONT AWESOME
    MAGNIFIC POPUP
    OWL CAROUSEL
    RESPONSIVE IFRAME
    JQUERY FLOT
    EASY PIE CHART
    PRICING TABLE
    SEARCH PAGE
    MAIL APPS
    BLOG APPS
    SOCIAL APPS
    STORE APPS
    TILES
    CHART WIDGET
    TASK LIST
    WEATHER ICON SVG
    REAL ESTATE APPS
    MEDIA LIBRARY
    INVOICE
    BACK TO TOP
    ICON SHOWCASE
**/

/*===============================Minified CSS===========================*/
.profile-heading img.bg-cover {
    width: 100%;
    position: relative;
    z-index: 1;
}

@import url(http://fonts.googleapis.com/css?family=Lato:100,200,300,400,500,600,700);
body {
    background: #fff;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 15px;
    color: #656D78;
    padding-top: 60px;
    overflow-x: hidden;
    height: 100%;
}

body.no-padding-top {
    padding-top: 0px;
}

body.top-navigation {
    padding-top: 110px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}

h1.bolded,
h2.bolded,
h3.bolded,
h4.bolded,
h5.bolded,
h6.bolded {
    font-weight: 600;
}

h1.less-distance,
h2.less-distance,
h3.less-distance,
h4.less-distance,
h5.less-distance,
h6.less-distance {
    padding: 2px 0;
    margin: 2px 0;
}


/**+++++++++++++++++++++++++++++++++++++++++++MAIN LAYOUT+++++++++++++++++++++++++++++++++++++++++++**/


/**----------------------------------------------LOGIN, FORGOT PASS, REGISTER AND LOCK SCREEN----------------------------------------------**/

body.login {
    background: #37BC9B;
    padding: 0;
}

body.login.bg-success {
    background: #8EC051;
}

body.login.bg-info {
    background: #3EAFDB;
}

body.login.bg-danger {
    background: #E7573E;
}

body.login.bg-warning {
    background: #F6BB43;
}

body.login.bg-dark {
    background: #434A54;
}

body.lock {
    padding: 0;
}

.login-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    background: transparent;
    background: rgba(0, 0, 0, 0.07);
}

.login-header.dark {
    background: rgba(0, 0, 0, 0.2);
}

.login-header .logo {
    margin-top: 110px;
    width: auto;
    max-width: 240px;
}

.login-wrapper {
    width: 100%;
    max-width: 300px;
    margin: 215px auto 0;
    color: #fff;
    padding: 0 0 30px 0;
}

.login-wrapper a,
.login-wrapper a:hover,
.login-wrapper a:focus {
    color: #fff;
}

.login-wrapper .avatar-lock {
    width: 110px;
    height: 110px;
}

.login-wrapper h4 {
    color: #fff;
}

.login-wrapper .error-number {
    color: #fff;
    font-size: 80px;
    text-align: center;
    font-weight: 700;
}


/**-------------------------------------------NAVBAR-------------------------------------------**/

.wrapper {
    padding: 0;
    margin: 0;
    background: #E8E9EE;
    height: 100%;
    position: relative;
}

.top-navbar {
    position: fixed;
    height: 60px;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1024;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.top-navbar.hidden-to-top {
    top: -60px;
}


/** TOP NAV PRIMARY COLOR **/

.top-navbar.primary-color {
    background: #34BC9B;
}

.top-navbar.primary-color .top-nav-content .navbar-form .form-control {
    background: #C6FFF1;
}

.top-navbar.primary-color .top-nav-content .navbar-form .form-control:focus {
    background: #fff;
}

.top-navbar.primary-color .top-nav-content .navbar-nav > li > a {
    color: #fff;
}

.top-navbar.primary-color .top-nav-content .navbar-nav > li > a:hover,
.top-navbar.primary-color .top-nav-content .navbar-nav > li > a:focus {
    color: #C6FFF1;
}

.top-navbar.primary-color ul.nav-user li.dropdown a.dropdown-toggle {
    color: #fff;
}

.top-navbar.primary-color .btn-collapse-sidebar-left,
.top-navbar.primary-color .btn-collapse-sidebar-right,
.top-navbar.primary-color .btn-collapse-nav {
    color: #fff;
}


/** TOP NAV SUCCESS COLOR **/

.top-navbar.success-color {
    background: #8EC051;
}

.top-navbar.success-color .label.label-success,
.top-navbar.success-color .badge.badge-success {
    background: #75AB38;
}

.top-navbar.success-color .top-nav-content .navbar-form .form-control {
    background: #DEFDBE;
}

.top-navbar.success-color .top-nav-content .navbar-form .form-control:focus {
    background: #fff;
}

.top-navbar.success-color .top-nav-content .navbar-nav > li > a {
    color: #fff;
}

.top-navbar.success-color .top-nav-content .navbar-nav > li > a:hover,
.top-navbar.success-color .top-nav-content .navbar-nav > li > a:focus {
    color: #DEFDBE;
}

.top-navbar.success-color ul.nav-user li.dropdown a.dropdown-toggle {
    color: #fff;
}

.top-navbar.success-color .btn-collapse-sidebar-left,
.top-navbar.success-color .btn-collapse-sidebar-right,
.top-navbar.success-color .btn-collapse-nav {
    color: #fff;
}


/** TOP NAV INFO COLOR **/

.top-navbar.info-color {
    background: #3EAFDB;
}

.top-navbar.info-color .label.label-info,
.top-navbar.info-color .badge.badge-info {
    background: #2A9CC8;
}

.top-navbar.info-color .top-nav-content .navbar-form .form-control {
    background: #BAEAFF;
}

.top-navbar.info-color .top-nav-content .navbar-form .form-control:focus {
    background: #fff;
}

.top-navbar.info-color .top-nav-content .navbar-nav > li > a {
    color: #fff;
}

.top-navbar.info-color .top-nav-content .navbar-nav > li > a:hover,
.top-navbar.info-color .top-nav-content .navbar-nav > li > a:focus {
    color: #BAEAFF;
}

.top-navbar.info-color ul.nav-user li.dropdown a.dropdown-toggle {
    color: #fff;
}

.top-navbar.info-color .btn-collapse-sidebar-left,
.top-navbar.info-color .btn-collapse-sidebar-right,
.top-navbar.info-color .btn-collapse-nav {
    color: #fff;
}


/** TOP NAV DANGER COLOR **/

.top-navbar.danger-color {
    background: #E7573E;
}

.top-navbar.danger-color .label.label-danger,
.top-navbar.danger-color .badge.badge-danger {
    background: #D44732;
}

.top-navbar.danger-color .top-nav-content .navbar-form .form-control {
    background: #FFC6BD;
}

.top-navbar.danger-color .top-nav-content .navbar-form .form-control:focus {
    background: #fff;
}

.top-navbar.danger-color .top-nav-content .navbar-nav > li > a {
    color: #fff;
}

.top-navbar.danger-color .top-nav-content .navbar-nav > li > a:hover,
.top-navbar.danger-color .top-nav-content .navbar-nav > li > a:focus {
    color: #FFC6BD;
}

.top-navbar.danger-color ul.nav-user li.dropdown a.dropdown-toggle {
    color: #fff;
}

.top-navbar.danger-color .btn-collapse-sidebar-left,
.top-navbar.danger-color .btn-collapse-sidebar-right,
.top-navbar.danger-color .btn-collapse-nav {
    color: #fff;
}


/** TOP NAV WARNING COLOR **/

.top-navbar.warning-color {
    background: #F6BB43;
}

.top-navbar.warning-color .label.label-warning,
.top-navbar.warning-color .badge.badge-warning {
    background: #E8A724;
}

.top-navbar.warning-color .top-nav-content .navbar-form .form-control {
    background: #FFE6B3;
}

.top-navbar.warning-color .top-nav-content .navbar-form .form-control:focus {
    background: #fff;
}

.top-navbar.warning-color .top-nav-content .navbar-nav > li > a {
    color: #fff;
}

.top-navbar.warning-color .top-nav-content .navbar-nav > li > a:hover,
.top-navbar.warning-color .top-nav-content .navbar-nav > li > a:focus {
    color: #FFE6B3;
}

.top-navbar.warning-color ul.nav-user li.dropdown a.dropdown-toggle {
    color: #fff;
}

.top-navbar.warning-color .btn-collapse-sidebar-left,
.top-navbar.warning-color .btn-collapse-sidebar-right,
.top-navbar.warning-color .btn-collapse-nav {
    color: #fff;
}


/** TOP NAV DARK COLOR **/

.top-navbar.dark-color {
    background: #242A34;
}

.top-navbar.dark-color .top-nav-content .navbar-nav > li > a {
    color: #fff;
}

.top-navbar.dark-color .top-nav-content .navbar-nav > li > a:hover,
.top-navbar.dark-color .top-nav-content .navbar-nav > li > a:focus {
    color: #CBCCD1;
}

.top-navbar.dark-color ul.nav-user li.dropdown a.dropdown-toggle {
    color: #fff;
}

.top-navbar.dark-color .btn-collapse-sidebar-left,
.top-navbar.dark-color .btn-collapse-sidebar-right,
.top-navbar.dark-color .btn-collapse-nav {
    color: #fff;
}

.top-navbar-inner {
    position: relative;
}

.logo-brand {
    width: 250px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    text-align: center;
    background: #242A34;
    color: #fff;
}

.logo-brand img {
    width: auto;
    max-width: 160px;
}

.logo-brand.white-color {
    background: #fff;
    color: #434A54;
}

.logo-brand.primary-color {
    background: #34BC9B;
    color: #fff;
}

.logo-brand.success-color {
    background: #8EC051;
    color: #fff;
}

.logo-brand.info-color {
    background: #3EAFDB;
    color: #fff;
}

.logo-brand.danger-color {
    background: #E7573E;
    color: #fff;
}

.logo-brand.warning-color {
    background: #F6BB43;
    color: #fff;
}

.top-nav-content {
    position: relative;
    margin-left: 250px;
    height: 60px;
    padding-left: 50px;
    padding-right: 50px;
}

.top-nav-content.no-right-sidebar {
    padding-right: 0px;
}

.top-nav-content.no-left-sidebar {
    padding-left: 0px;
}

.top-nav-content .navbar-form {
    padding-top: 13px;
    padding-bottom: 13px;
    height: 60px;
    margin-bottom: 0;
    margin-top: 0;
}

.top-nav-content .navbar-form .form-control {
    border: none;
    background: #E6E9ED;
}

.top-nav-content .navbar-form .form-control:focus {
    background: #F5F7FA;
}

.top-nav-content .navbar-nav > li > a {
    padding-top: 19px;
    padding-bottom: 19px;
    height: 60px;
    color: #656D78;
    position: relative;
}

.top-nav-content .navbar-nav > li > a .icon-count {
    position: absolute;
    top: 13px;
    right: 0;
}

.top-nav-content .navbar-nav > li > a:hover,
.top-nav-content .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #434A54;
}

.top-nav-content .navbar-nav > .open > a,
.top-nav-content .navbar-nav > .open > a:hover,
.top-nav-content .navbar-nav > .open > a:focus {
    background-color: transparent;
}

ul.nav-user {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    right: 50px;
}

ul.nav-user.full {
    right: 0;
}

ul.nav-user li.dropdown a.dropdown-toggle {
    height: 60px;
    padding: 18px;
    display: block;
    color: #656D78;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
}

.avatar {
    width: 40px;
    height: 40px;
    position: relative;
    margin-top: -13px;
    margin-bottom: -11px;
    margin-right: 10px;
}

.nav-dropdown-heading {
    padding: 10px 20px;
    border-bottom: 1px solid #E6E9ED;
    font-weight: 700;
    font-size: 16px;
    background: #fff;
}

.nav-dropdown-content {
    height: 350px;
    min-width: 320px;
    max-width: 320px;
    overflow-y: auto;
}

.nav-dropdown-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.nav-dropdown-content ul li {
    display: block;
    border-bottom: 1px solid #F5F7FA;
}

.nav-dropdown-content.static-list ul li,
.nav-dropdown-content ul li a {
    padding: 10px 20px 10px 60px;
    display: block;
    position: relative;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    color: #656D78;
    background: #fff;
}

.nav-dropdown-content ul li a:hover {
    color: #434A54;
}

.nav-dropdown-content ul li.unread a {
    background: #F5F7FA;
}

.nav-dropdown-content.static-list ul li .small-caps,
.nav-dropdown-content ul li a .small-caps {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    display: block;
    color: #AAB2BD;
}

.nav-dropdown-content.static-list ul li .btn-action,
.nav-dropdown-content ul li a .btn-action {
    padding-top: 9px;
    padding-bottom: 9px;
}

.nav-dropdown-content.static-list ul li .btn-action .btn,
.nav-dropdown-content ul li a .btn-action .btn {
    margin: 0 2px;
}

.nav-dropdown-content.static-list ul li .absolute-left-content,
.nav-dropdown-content ul li a .absolute-left-content {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.nav-dropdown-content.static-list ul li .icon-task,
.nav-dropdown-content ul li a .icon-task {
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 10px 0;
}

.nav-dropdown-content ul li a .icon-task.completed {
    background: #8CC152
}

.nav-dropdown-content ul li a .icon-task.uncompleted {
    background: #E9573F
}

.nav-dropdown-content ul li a .icon-task.progress {
    background: #F6BB42
}

.nav-dropdown-content ul li:last-child {
    border-bottom: none;
}


/**-------------------------------------------TOP MAIN NAVIGATION-------------------------------------------**/

.top-main-navigation {
    height: auto;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    background: #000;
    z-index: 1023;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.top-main-navigation.full-top {
    top: 0px;
}

.top-main-navigation.toggle-left {
    left: -250px;
    right: 250px;
}

.top-main-navigation .navbar {
    margin-bottom: 0;
}

.top-main-navigation .navbar.navbar-default {
    background-color: #fff;
}

.top-nav-content.main-top-nav-layout {
    padding-left: 0px;
}

.top-main-navigation .span-sidebar {
    margin-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}


/**-------------------------------------------SIDEBAR-------------------------------------------**/

ul.sidebar-menu li.static.left-profile-summary {
    min-height: 20px;
    height: auto;
    padding: 29px 15px 0px 15px;
}

ul.sidebar-menu li.text-content.profile-summary {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.left-profile-summary h4 {
    color: #fff;
    padding: 0;
    margin: 0 0 5px;
    line-height: 120%;
}

.left-profile-summary .avatar {
    width: 70px;
    height: 70px;
    margin: 0 10px 20px 0;
}

.sidebar-left {
    position: fixed;
    top: 60px;
    left: 0;
    bottom: 0;
    width: 250px;
    background: #313940;
    color: #AAB2BD;
    z-index: 10;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.sidebar-right.full-top,
.sidebar-left.full-top {
    top: 0px;
}

.sidebar-right {
    position: fixed;
    top: 60px;
    right: -250px;
    bottom: 0;
    width: 250px;
    background: #313940;
    color: #AAB2BD;
    z-index: 1;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.sidebar-right-heading {
    position: fixed;
    top: 0;
    right: 0px;
    height: 60px;
    background-color: #2C3439;
    width: 250px;
    z-index: 6;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.sidebar-right-heading.hidden-to-top {
    top: -60px;
}

.sidebar-right-heading .nav-tabs {
    border-bottom: none;
}

.sidebar-right-heading .nav-tabs > li {
    margin-bottom: 0px;
}

.sidebar-right-heading .nav-tabs > li > a {
    margin-right: 0px;
    border: none;
    height: 60px;
    padding: 20px 0;
    color: #656D78;
}

.sidebar-right-heading .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
}

.sidebar-right-heading .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
}

.sidebar-right-heading .nav-tabs > li > a:hover {
    background-color: transparent;
    color: #E6E9ED;
}

.sidebar-right-heading .nav-tabs > li.active > a,
.sidebar-right-heading .nav-tabs > li.active > a:hover,
.sidebar-right-heading .nav-tabs > li.active > a:focus {
    color: #E6E9ED;
    cursor: default;
    border: none;
    background-color: #242C2E;
}

.sidebar-left.toggle-left {
    left: -250px;
}

.sidebar-right.toggle-left {
    right: 0;
}

.sidebar-left.toggle {
    left: -250px;
}

.page-content.toggle {
    margin-left: 0px;
}

.top-navbar.toggle-left {
    left: -250px;
    right: 250px;
}

.page-content.toggle-left {
    margin-left: 0px;
    margin-right: 250px;
}

.page-content.no-left-sidebar {
    margin-left: 0px;
}

.page-content {
    padding: 0;
    margin-left: 250px;
    margin-top: 0;
    z-index: 2;
    background: #E8E9EE;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.btn-collapse-sidebar-left {
    position: absolute;
    left: 0;
    width: 50px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    padding: 17px 0;
}

.btn-collapse-main-navigation {
    position: absolute;
    left: 0;
    width: 50px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    padding: 17px 0;
    display: none;
}

.btn-collapse-sidebar-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    padding: 17px 0;
    color: #656D78;
    color: rgba(1, 1, 1, 0.6)
}

.btn-collapse-nav {
    position: absolute;
    right: 0;
    width: 50px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    padding: 17px 0;
    display: none;
}

.icon-dinamic {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
}

.icon-dinamic.rotate-180 {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

ul.sidebar-menu {
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none;
}

ul.sidebar-menu li.static {
    display: block;
    color: #797E89;
    height: 60px;
    padding: 29px 15px 15px 15px;
    text-decoration: none;
    line-height: 120%;
    position: relative;
    font-size: 13px;
}

ul.sidebar-menu li.text-content {
    display: block;
    color: #AAB2BD;
    height: 40px;
    padding: 12px 60px 12px 15px;
    text-decoration: none;
    line-height: 120%;
    position: relative;
    font-size: 13px;
}

ul.sidebar-menu li.text-content .switch {
    position: absolute;
    right: 15px;
    top: 10px;
}

ul.sidebar-menu li {
    display: block;
    color: #AAB2BD;
}


/** SIDEBAR LIGHT PRIMARY COLOR **/

.sidebar-left.light-color {
    background: #fff;
    color: #AAB2BD;
}

.sidebar-left.light-color .left-profile-summary h4 {
    color: #656D78;
}

.sidebar-left.light-color ul.sidebar-menu li a {
    color: #AAB2BD;
    border-bottom-color: #F6F7F9;
}

.sidebar-left.light-color ul.sidebar-menu li a:hover,
.sidebar-left.light-color ul.sidebar-menu li a:focus {
    color: #656D78;
    border-bottom-color: #F6F7F9;
}

.sidebar-left.light-color ul.sidebar-menu li.selected a,
.sidebar-left.light-color ul.sidebar-menu li.selected a:hover,
.sidebar-left.light-color ul.sidebar-menu li.selected a:focus,
.sidebar-left.light-color ul.sidebar-menu li.active a,
.sidebar-left.light-color ul.sidebar-menu li.active a:hover,
.sidebar-left.light-color ul.sidebar-menu li.active a:focus {
    color: #656D78;
    background-color: #F6F7F9;
    border-bottom-color: #F6F7F9;
}

.sidebar-left.light-color ul.sidebar-menu li ul.submenu {
    background: #F6F7F9;
}

.sidebar-left.light-color ul.sidebar-menu li ul.submenu li a:hover,
.sidebar-left.light-color ul.sidebar-menu li ul.submenu li a:focus {
    color: #434A54;
}

.sidebar-left.light-color ul.sidebar-menu li ul.submenu li.selected a,
.sidebar-left.light-color ul.sidebar-menu li ul.submenu li.selected a:hover,
.sidebar-left.light-color ul.sidebar-menu li ul.submenu li.selected a:focus,
.sidebar-left.light-color ul.sidebar-menu li ul.submenu li.active a,
.sidebar-left.light-color ul.sidebar-menu li ul.submenu li.active a:hover,
.sidebar-left.light-color ul.sidebar-menu li ul.submenu li.active a:focus {
    color: #434A54;
    background-color: #D5DAE0;
}


/** SIDEBAR LEFT PRIMARY COLOR **/

.sidebar-left.primary-color {
    background: #34BC9B;
    color: #C6FFF1;
}

.sidebar-left.primary-color .left-profile-summary h4 {
    color: #fff;
}

.sidebar-left.primary-color ul.sidebar-menu li a {
    color: #C6FFF1;
    border-bottom-color: #28AA8B;
}

.sidebar-left.primary-color ul.sidebar-menu li a:active,
.sidebar-left.primary-color ul.sidebar-menu li a:hover,
.sidebar-left.primary-color ul.sidebar-menu li a:focus {
    color: #fff;
    border-bottom-color: #28AA8B;
}

.sidebar-left.primary-color ul.sidebar-menu li.selected a,
.sidebar-left.primary-color ul.sidebar-menu li.selected a:hover,
.sidebar-left.primary-color ul.sidebar-menu li.selected a:focus,
.sidebar-left.primary-color ul.sidebar-menu li.active a,
.sidebar-left.primary-color ul.sidebar-menu li.active a:hover,
.sidebar-left.primary-color ul.sidebar-menu li.active a:focus {
    color: #fff;
    background-color: #28AA8B;
    border-bottom-color: #28AA8B;
}

.sidebar-left.primary-color ul.sidebar-menu li ul.submenu {
    background: #28AA8B;
}

.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li a:active,
.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li a:hover,
.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li a:focus {
    color: #C6FFF1;
}

.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li.selected a,
.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li.selected a:hover,
.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li.selected a:focus,
.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li.active a,
.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li.active a:hover,
.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li.active a:focus {
    color: #C6FFF1;
    background-color: #28AA8B;
}

.sidebar-left.primary-color ul.sidebar-menu li.static,
.sidebar-left.primary-color ul.sidebar-menu li.text-content {
    color: #fff;
}

.sidebar-left.primary-color ul.sidebar-menu li a .chevron-icon-sidebar,
.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li a:before {
    color: #C6FFF1;
}

.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li a {
    border-left-color: #C6FFF1;
}


/** SIDEBAR LEFT SUCCESS COLOR **/

.sidebar-left.success-color {
    background: #8EC051;
    color: #DEFDBE;
}

.sidebar-left.success-color .left-profile-summary h4 {
    color: #fff;
}

.sidebar-left.success-color ul.sidebar-menu li a {
    color: #DEFDBE;
    border-bottom-color: #75AB38;
}

.sidebar-left.success-color ul.sidebar-menu li a:active,
.sidebar-left.success-color ul.sidebar-menu li a:hover,
.sidebar-left.success-color ul.sidebar-menu li a:focus {
    color: #fff;
    border-bottom-color: #75AB38;
}

.sidebar-left.success-color ul.sidebar-menu li.selected a,
.sidebar-left.success-color ul.sidebar-menu li.selected a:hover,
.sidebar-left.success-color ul.sidebar-menu li.selected a:focus,
.sidebar-left.success-color ul.sidebar-menu li.active a,
.sidebar-left.success-color ul.sidebar-menu li.active a:hover,
.sidebar-left.success-color ul.sidebar-menu li.active a:focus {
    color: #fff;
    background-color: #75AB38;
    border-bottom-color: #75AB38;
}

.sidebar-left.success-color ul.sidebar-menu li ul.submenu {
    background: #75AB38;
}

.sidebar-left.success-color ul.sidebar-menu li ul.submenu li a:active,
.sidebar-left.success-color ul.sidebar-menu li ul.submenu li a:hover,
.sidebar-left.success-color ul.sidebar-menu li ul.submenu li a:focus {
    color: #DEFDBE;
}

.sidebar-left.success-color ul.sidebar-menu li ul.submenu li.selected a,
.sidebar-left.success-color ul.sidebar-menu li ul.submenu li.selected a:hover,
.sidebar-left.success-color ul.sidebar-menu li ul.submenu li.selected a:focus,
.sidebar-left.success-color ul.sidebar-menu li ul.submenu li.active a,
.sidebar-left.success-color ul.sidebar-menu li ul.submenu li.active a:hover,
.sidebar-left.success-color ul.sidebar-menu li ul.submenu li.active a:focus {
    color: #DEFDBE;
    background-color: #75AB38;
}

.sidebar-left.success-color ul.sidebar-menu li.static,
.sidebar-left.success-color ul.sidebar-menu li.text-content {
    color: #fff;
}

.sidebar-left.success-color ul.sidebar-menu li a .chevron-icon-sidebar,
.sidebar-left.success-color ul.sidebar-menu li ul.submenu li a:before {
    color: #DEFDBE;
}

.sidebar-left.success-color ul.sidebar-menu li ul.submenu li a {
    border-left-color: #DEFDBE;
}

.sidebar-left.success-color .onoffswitch-inner:before {
    background-color: #75AB38;
}

.sidebar-left.success-color .onoffswitch-inner:after {
    background-color: #E9573F;
}


/** SIDEBAR LEFT INFO COLOR **/

.sidebar-left.info-color {
    background: #3EAFDB;
    color: #BAEAFF;
}

.sidebar-left.info-color .left-profile-summary h4 {
    color: #fff;
}

.sidebar-left.info-color ul.sidebar-menu li a {
    color: #BAEAFF;
    border-bottom-color: #2A9CC8;
}

.sidebar-left.info-color ul.sidebar-menu li a:active,
.sidebar-left.info-color ul.sidebar-menu li a:hover,
.sidebar-left.info-color ul.sidebar-menu li a:focus {
    color: #fff;
    border-bottom-color: #2A9CC8;
}

.sidebar-left.info-color ul.sidebar-menu li.selected a,
.sidebar-left.info-color ul.sidebar-menu li.selected a:hover,
.sidebar-left.info-color ul.sidebar-menu li.selected a:focus,
.sidebar-left.info-color ul.sidebar-menu li.active a,
.sidebar-left.info-color ul.sidebar-menu li.active a:hover,
.sidebar-left.info-color ul.sidebar-menu li.active a:focus {
    color: #fff;
    background-color: #2A9CC8;
    border-bottom-color: #2A9CC8;
}

.sidebar-left.info-color ul.sidebar-menu li ul.submenu {
    background: #2A9CC8;
}

.sidebar-left.info-color ul.sidebar-menu li ul.submenu li a:active,
.sidebar-left.info-color ul.sidebar-menu li ul.submenu li a:hover,
.sidebar-left.info-color ul.sidebar-menu li ul.submenu li a:focus {
    color: #BAEAFF;
}

.sidebar-left.info-color ul.sidebar-menu li ul.submenu li.selected a,
.sidebar-left.info-color ul.sidebar-menu li ul.submenu li.selected a:hover,
.sidebar-left.info-color ul.sidebar-menu li ul.submenu li.selected a:focus,
.sidebar-left.info-color ul.sidebar-menu li ul.submenu li.active a,
.sidebar-left.info-color ul.sidebar-menu li ul.submenu li.active a:hover,
.sidebar-left.info-color ul.sidebar-menu li ul.submenu li.active a:focus {
    color: #BAEAFF;
    background-color: #2A9CC8;
}

.sidebar-left.info-color ul.sidebar-menu li.static,
.sidebar-left.info-color ul.sidebar-menu li.text-content {
    color: #fff;
}

.sidebar-left.info-color ul.sidebar-menu li a .chevron-icon-sidebar,
.sidebar-left.info-color ul.sidebar-menu li ul.submenu li a:before {
    color: #BAEAFF;
}

.sidebar-left.info-color ul.sidebar-menu li ul.submenu li a {
    border-left-color: #BAEAFF;
}


/** SIDEBAR LEFT DANGER COLOR **/

.sidebar-left.danger-color {
    background: #E7573E;
    color: #FFC6BD;
}

.sidebar-left.danger-color .left-profile-summary h4 {
    color: #fff;
}

.sidebar-left.danger-color ul.sidebar-menu li a {
    color: #FFC6BD;
    border-bottom-color: #D44732;
}

.sidebar-left.danger-color ul.sidebar-menu li a:active,
.sidebar-left.danger-color ul.sidebar-menu li a:hover,
.sidebar-left.danger-color ul.sidebar-menu li a:focus {
    color: #fff;
    border-bottom-color: #D44732;
}

.sidebar-left.danger-color ul.sidebar-menu li.selected a,
.sidebar-left.danger-color ul.sidebar-menu li.selected a:hover,
.sidebar-left.danger-color ul.sidebar-menu li.selected a:focus,
.sidebar-left.danger-color ul.sidebar-menu li.active a,
.sidebar-left.danger-color ul.sidebar-menu li.active a:hover,
.sidebar-left.danger-color ul.sidebar-menu li.active a:focus {
    color: #fff;
    background-color: #D44732;
    border-bottom-color: #D44732;
}

.sidebar-left.danger-color ul.sidebar-menu li ul.submenu {
    background: #D44732;
}

.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li a:active,
.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li a:hover,
.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li a:focus {
    color: #FFC6BD;
}

.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li.selected a,
.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li.selected a:hover,
.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li.selected a:focus,
.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li.active a,
.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li.active a:hover,
.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li.active a:focus {
    color: #FFC6BD;
    background-color: #D44732;
}

.sidebar-left.danger-color ul.sidebar-menu li.static,
.sidebar-left.danger-color ul.sidebar-menu li.text-content {
    color: #fff;
}

.sidebar-left.danger-color ul.sidebar-menu li a .chevron-icon-sidebar,
.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li a:before {
    color: #FFC6BD;
}

.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li a {
    border-left-color: #FFC6BD;
}

.sidebar-left.danger-color .onoffswitch-inner:after {
    background-color: #D44732;
}


/** SIDEBAR LEFT WARNING COLOR **/

.sidebar-left.warning-color {
    background: #F6BB43;
    color: #FFE6B3;
}

.sidebar-left.warning-color .left-profile-summary h4 {
    color: #fff;
}

.sidebar-left.warning-color ul.sidebar-menu li a {
    color: #FFE6B3;
    border-bottom-color: #E8A724;
}

.sidebar-left.warning-color ul.sidebar-menu li a:active,
.sidebar-left.warning-color ul.sidebar-menu li a:hover,
.sidebar-left.warning-color ul.sidebar-menu li a:focus {
    color: #fff;
    border-bottom-color: #E8A724;
}

.sidebar-left.warning-color ul.sidebar-menu li.selected a,
.sidebar-left.warning-color ul.sidebar-menu li.selected a:hover,
.sidebar-left.warning-color ul.sidebar-menu li.selected a:focus,
.sidebar-left.warning-color ul.sidebar-menu li.active a,
.sidebar-left.warning-color ul.sidebar-menu li.active a:hover,
.sidebar-left.warning-color ul.sidebar-menu li.active a:focus {
    color: #fff;
    background-color: #E8A724;
    border-bottom-color: #E8A724;
}

.sidebar-left.warning-color ul.sidebar-menu li ul.submenu {
    background: #E8A724;
}

.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li a:active,
.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li a:hover,
.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li a:focus {
    color: #FFE6B3;
}

.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li.selected a,
.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li.selected a:hover,
.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li.selected a:focus,
.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li.active a,
.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li.active a:hover,
.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li.active a:focus {
    color: #FFE6B3;
    background-color: #E8A724;
}

.sidebar-left.warning-color ul.sidebar-menu li.static,
.sidebar-left.warning-color ul.sidebar-menu li.text-content {
    color: #fff;
}

.sidebar-left.warning-color ul.sidebar-menu li a .chevron-icon-sidebar,
.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li a:before {
    color: #FFE6B3;
}

.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li a {
    border-left-color: #FFE6B3;
}

ul.sidebar-menu li a {
    display: block;
    color: #AAB2BD;
    height: 45px;
    padding: 12px 20px 12px 50px;
    border-bottom: 1px solid #2C3439;
    text-decoration: none;
    line-height: 120%;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.sidebar-menu li a .icon-sidebar {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    padding: 15px 0;
}

ul.sidebar-menu li a .span-sidebar {
    position: absolute;
    right: 30px;
    top: 13px;
}

ul.sidebar-menu li a .chevron-icon-sidebar {
    position: absolute;
    right: 15px;
    top: 14px;
    color: #656D78;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

ul.sidebar-menu li.active a .chevron-icon-sidebar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

ul.sidebar-menu li a:hover,
ul.sidebar-menu li a:focus {
    color: #E6E9ED;
    border-bottom: 1px solid #2C3439;
}

ul.sidebar-menu li.selected a,
ul.sidebar-menu li.selected a:hover,
ul.sidebar-menu li.selected a:focus,
ul.sidebar-menu li.active a,
ul.sidebar-menu li.active a:hover,
ul.sidebar-menu li.active a:focus {
    color: #E6E9ED;
    background-color: #2C3439;
    border-bottom: 1px solid #2C3439;
}

ul.sidebar-menu li ul.submenu {
    background: #2C3439;
    padding: 0 0 0 50px;
    margin: 0;
    list-style: none;
    display: none;
}

ul.sidebar-menu li ul.submenu.visible {
    display: block;
}

ul.sidebar-menu li ul.submenu li {
    display: block;
}

ul.sidebar-menu li ul.submenu li a {
    display: block;
    color: #79818B;
    height: 35px;
    padding: 10px 15px 10px 0;
    border-bottom: none;
    text-decoration: none;
    line-height: 120%;
    position: relative;
    font-size: 13px;
    border-left: 1px solid #656D78;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.sidebar-menu li ul.submenu li a .span-sidebar {
    position: absolute;
    right: 15px;
    top: 10px;
}

ul.sidebar-menu li ul.submenu li a:hover,
ul.sidebar-menu li ul.submenu li a:focus {
    color: #E6E9ED;
}

ul.sidebar-menu li ul.submenu li.selected a,
ul.sidebar-menu li ul.submenu li.selected a:hover,
ul.sidebar-menu li ul.submenu li.selected a:focus,
ul.sidebar-menu li ul.submenu li.active a,
ul.sidebar-menu li ul.submenu li.active a:hover,
ul.sidebar-menu li ul.submenu li.active a:focus {
    color: #E6E9ED;
    background-color: #2C3439;
}

ul.sidebar-menu li ul.submenu li a:before {
    content: "\2014\00a0";
    margin-left: -1px;
    color: #79818B;
}

ul.sidebar-menu.online-user li a {
    padding: 10px 20px 10px 60px;
    height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.sidebar-menu.online-user li a .small-caps {
    font-size: 11px;
    color: #656D78;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.sidebar-menu.online-user li a .ava-sidebar {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    margin: 10px;
    z-index: 1;
}

ul.sidebar-menu.online-user li a .user-status {
    width: 13px;
    height: 13px;
    position: absolute;
    z-index: 2;
    background: #F5F7FA;
    left: 35px;
    top: 7px;
    border-radius: 50%;
    border: 2px solid #313940;
}

ul.sidebar-menu.online-user li a .device-status {
    position: absolute;
    right: 15px;
    top: 20px;
    color: #656D78;
    font-size: 14px;
}

ul.sidebar-menu.online-user li a .user-status.success {
    background: #8CC152;
}

ul.sidebar-menu.online-user li a .user-status.danger {
    background: #E9573F;
}

ul.sidebar-menu.online-user li a .user-status.warning {
    background: #F6BB42;
}

ul.sidebar-menu.online-user li a .user-status.info {
    background: #3BAFDA;
}

ul.sidebar-menu.online-user li a .user-status.primary {
    background: #37BC9B;
}

ul.sidebar-menu.sidebar-notification {
    margin-bottom: 30px;
}

ul.sidebar-menu.sidebar-notification li a {
    padding: 10px 20px 10px 60px;
    height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

ul.sidebar-menu.sidebar-notification li a .activity {
    font-size: 13px;
    color: #AAB2BD;
    font-weight: 400;
}

ul.sidebar-menu.sidebar-notification li a .small-caps {
    font-size: 11px;
    color: #656D78;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
}

ul.sidebar-menu.sidebar-notification li a .ava-sidebar {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    margin: 10px;
    z-index: 1;
}

ul.sidebar-menu.sidebar-task {
    margin-bottom: 30px;
}

ul.sidebar-menu.sidebar-task li a {
    padding: 10px 20px 10px 60px;
    height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.sidebar-menu.sidebar-task li a .small-caps {
    font-size: 11px;
    color: #656D78;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.sidebar-menu.sidebar-task li a .icon-task-sidebar {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    margin: 10px;
    z-index: 1;
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 7px 0;
}

ul.sidebar-menu.sidebar-task li a .icon-task-sidebar.completed {
    background: #8CC152
}

ul.sidebar-menu.sidebar-task li a .icon-task-sidebar.uncompleted {
    background: #E9573F
}

ul.sidebar-menu.sidebar-task li a .icon-task-sidebar.progress {
    background: #F6BB42
}

h1.page-heading {
    padding: 5px 0;
    margin: 15px 0 15px;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    color: #656D78;
}

h1.page-heading small {
    text-transform: none;
    color: #ACB5BE;
}


/**-------------------------------------------FOOTER-------------------------------------------**/

footer {
    background: #fff;
    text-align: center;
    font-size: 13px;
    padding: 15px;
    margin-top: 20px;
    border-top: 1px solid #E6E9ED;
    line-height: 170%;
    margin: auto;
}
.filt-months{    margin: 0px 3px 0px 3px;
    width: 50px;
    float: left;
    background-color: #3bafda;
    color: #fff;
    text-align: center;
    font-family: inherit;
    font-size: 12px;
    height: 22px;
    padding-top: 3px;
}
.active-a{color:#fff; background-color:#e24646}
.month-selecter{}
.margin_top3{margin-top:-4px;}
.footer_chiled{
    width: 748px;
    overflow: hidden;
    margin: 0 auto;
}
.text p{
    padding-left: 5px;
    line-height: 14px;
}
/**+++++++++++++++++++++++++++++++++++++++++++CSS ELEMENTS+++++++++++++++++++++++++++++++++++++++++++**/


/**-------------------------------------------BOOTSTRAP CAROUSEL-------------------------------------------**/

.carousel-caption.dark-bg {
    background: rgba(1, 1, 1, .5);
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 50px;
}


/**-------------------------------------------SINGLE OWL CAROUSEL-------------------------------------------**/

#owl-carousel-single-1 .item img {
    display: block;
    width: 100%;
    height: auto;
}

#owl-carousel-single-1 .owl-controls .owl-buttons {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    text-align: left;
    height: 50px;
    margin-top: -25px;
}

#owl-carousel-single-1 .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    margin: 5px;
    padding: 0;
    width: 40px;
    height: 40px;
    font-size: 44px;
    line-height: 70%;
    border-radius: 50%;
    background: transparent;
    text-align: center;
}

#owl-carousel-single-1 .owl-controls.clickable .owl-buttons div:hover {
    text-decoration: none;
}

#owl-carousel-single-1 .owl-controls.clickable .owl-buttons div:last-child {
    position: absolute;
    right: 0;
}


/**-------------------------------------------FULL CALENDAR-------------------------------------------**/

.has-toolbar.fc {
    margin-top: 50px;
}

.fc-header-title {
    display: inline-block;
    vertical-align: top;
}

.fc-header-center {
    text-align: left;
}

.fc-header-left {
    text-align: left;
    width: 18%;
}

.fc-view {
    width: 100%;
}

.fc-state-default,
.fc-state-default .fc-button-inner {
    background: #fff !important;
    border-color: #DDDDDD;
    border-style: none solid;
    color: #646464;
}

.fc-state-active,
.fc-state-active .fc-button-inner,
.fc-state-active,
.fc-button-today .fc-button-inner,
.fc-state-hover,
.fc-state-hover .fc-button-inner {
    background: #34BC9B !important;
    color: #fff !important;
}

.fc-event-skin {
    background-color: #3EAFDB !important;
    border-color: #3EAFDB !important;
    color: #FFFFFF !important;
}

.fc-grid th {
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #34BC9B !important;
    color: #fff;
    text-transform: uppercase;
}

.fc-widget-header {
    border-color: #62c6a0;
}

.fc-widget-content {
    border-color: #ebebeb;
    background: #fff;
}

.fc-header-title h2 {
    font-size: 18px !important;
    color: #474752;
    font-weight: 300;
    padding: 5px 10px;
}

.external-event {
    cursor: move;
    display: inline-block !important;
    margin-bottom: 6px !important;
    margin-right: 6px !important;
    padding: 8px;
}

#external-events p input[type="checkbox"] {
    margin: 0;
}

#external-events .external-event {
    font-size: 14px;
    font-weight: normal;
    display: block;
    width: 100%;
    text-align: left;
}

.drg-event-title {
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.fc-content .fc-event {
    border-radius: 4px;
    webkit-border-radius: 4px;
    padding: 4px 6px;
}

.drp-rmv {
    padding-top: 10px;
    margin-top: 10px;
}


/**-------------------------------------------THE BOX-------------------------------------------**/

.the-box {
    padding: 10px;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #D5DAE0;
    position: relative;
}

.the-box.more-padding {
    padding: 20px;
}

.the-box.full-width {
    margin: 0 -15px;
    border: none;
}

.the-box.transparent {
    background: transparent;
    border: none;
}

.the-box.full {
    padding: 0;
}

.the-box.no-margin {
    margin: 0;
}

.the-box.no-border {
    border: none;
}

.the-box.rounded {
    border-radius: 10px;
}

.the-box .right-action {
    position: absolute;
    top: -1px;
    right: 0;
    z-index: 9;
}

/*h4.small-title {
    font-size: 16px;
    color: #656D78;
    font-weight: 400;
    margin: 0;
    padding: 0;
    /*margin-bottom: 15px;*/
}
.bg-dark .small-title,
.bg-primary .small-title,
.bg-success .small-title,
.bg-info .small-title,
.bg-danger .small-title,
.bg-warning .small-title {
    color: #fff;
}


/**-------------------------------------------TOGGLE SWITCH-------------------------------------------**/

.onoffswitch {
    position: relative;
    width: 56px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
}

.onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.2s ease-in 0s;
    -webkit-transition: margin 0.2s ease-in 0s;
    -o-transition: margin 0.2s ease-in 0s;
    transition: margin 0.2s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 13px;
    color: white;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #8CC152;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #E9573F;
    color: #fff;
    text-align: right;
}

.onoffswitch-switch {
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 38px;
    -moz-transition: all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.onoffswitch.blank {
    width: 40px;
}

.onoffswitch.blank .onoffswitch-inner:before {
    content: "\00a0";
}

.onoffswitch.blank .onoffswitch-inner:after {
    content: "\00a0";
}

.onoffswitch.blank .onoffswitch-switch {
    right: 20px;
}

.sidebar-left.light-color .onoffswitch-switch {
    background-color: #E8E9EE;
}


/**-------------------------------------------TYPOGRAPY-------------------------------------------**/

.btn .fa,
.btn .glyphicon {
    margin: 0 3px;
}

hr {
    margin: 5px 0 15px 0
}

a {
    color: #37BC9B
}

a:hover {
    color: #29AF8E
}

a:focus {
    color: #29AF8E
}

.text-muted {
    color: #AAB2BD;
}

h1.text-primary,
h2.text-primary,
h3.text-primary,
h4.text-primary,
h5.text-primary,
h6.text-primary,
.text-primary {
    color: #37BC9B;
}

h1.text-success,
h2.text-success,
h3.text-success,
h4.text-success,
h5.text-success,
h6.text-success,
.text-success {
    color: #B4E87E;
}

h1.text-info,
h2.text-info,
h3.text-info,
h4.text-info,
h5.text-info,
h6.text-info,
.text-info {
    color: #3BAFDA;
}

h1.text-warning,
h2.text-warning,
h3.text-warning,
h4.text-warning,
h5.text-warning,
h6.text-warning,
.text-warning {
    color: #F6BB42;
}

h1.text-danger,
h2.text-danger,
h3.text-danger,
h4.text-danger,
h5.text-danger,
h6.text-danger,
.text-danger {
    color: #E9573F;
}

a.text-primary:hover {
    color: #29AF8E;
}

a.text-success:hover {
    color: #74AD3B;
}

a.text-info:hover {
    color: #5DCBF7;
}

a.text-warning:hover {
    color: #FCCB6A;
}

a.text-danger:hover {
    color: #D8482C;
}

.bg-dark,
.bg-primary,
.bg-success,
.bg-info,
.bg-danger,
.bg-warning {
    color: #fff;
}

.bg-primary .text-primary,
.bg-success .text-success,
.bg-info .text-info,
.bg-danger .text-danger,
.bg-warning .text-warning {
    color: #fff;
    color: rgba(0, 0, 0, 0.4);
}

.bg-dark a,
.bg-primary a,
.bg-success a,
.bg-info a,
.bg-danger a,
.bg-warning a {
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
}

.bg-primary {
    background-color: #37BC9B;
}

a.bg-primary:hover {
    background-color: #29A0CB;
}

.bg-success {
    background-color: #8CC152;
}

a.bg-success:hover {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #3BAFDA;
}

a.bg-info:hover {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #F6BB42;
}

a.bg-warning:hover {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #E9573F;
}

a.bg-danger:hover {
    background-color: #e4b9b9;
}

.bg-dark {
    background-color: #434A54;
}

a.bg-dark:hover {
    background-color: #434A54;
}

.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-success h1,
.bg-success h2,
.bg-success h3,
.bg-success h4,
.bg-success h5,
.bg-success h6,
.bg-info h1,
.bg-info h2,
.bg-info h3,
.bg-info h4,
.bg-info h5,
.bg-info h6,
.bg-danger h1,
.bg-danger h2,
.bg-danger h3,
.bg-danger h4,
.bg-danger h5,
.bg-danger h6,
.bg-warning h1,
.bg-warning h2,
.bg-warning h3,
.bg-warning h4,
.bg-warning h5,
.bg-warning h6,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6 {
    color: #fff;
}

.bg-primary .form-control,
.bg-success .form-control,
.bg-info .form-control,
.bg-danger .form-control,
.bg-warning .form-control,
.bg-dark .form-control {
    border: none;
}

.bg-primary .btn.btn-primary {
    background-color: #27A283;
    border-color: #27A283;
}

.bg-primary .btn.btn-primary:hover,
.bg-primary .btn.btn-primary:active,
.bg-primary .btn.btn-primary:focus {
    background-color: #1C9376;
    border-color: #1C9376;
}

.bg-success .btn.btn-success {
    background-color: #76AD3E;
    border-color: #76AD3E;
}

.bg-success .btn.btn-success:hover,
.bg-success .btn.btn-success:active,
.bg-success .btn.btn-success:focus {
    background-color: #679D2E;
    border-color: #679D2E;
}

.bg-info .btn.btn-info {
    background-color: #2998C1;
    border-color: #2998C1;
}

.bg-info .btn.btn-info:hover,
.bg-info .btn.btn-info:active,
.bg-info .btn.btn-info:focus {
    background-color: #1C86AF;
    border-color: #1C86AF;
}

.bg-danger .btn.btn-danger {
    background-color: #D1462C;
    border-color: #D1462C;
}

.bg-danger .btn.btn-danger:hover,
.bg-danger .btn.btn-danger:active,
.bg-danger .btn.btn-danger:focus {
    background-color: #C1361F;
    border-color: #C1361F;
}

.bg-warning .btn.btn-warning {
    background-color: #E0A52C;
    border-color: #E0A52C;
}

.bg-warning .btn.btn-warning:hover,
.bg-warning .btn.btn-warning:active,
.bg-warning .btn.btn-warning:focus {
    background-color: #CB8E12;
    border-color: #CB8E12;
}

.bg-primary .progress-bar-primary {
    background-color: #27A283;
}

.bg-success .progress-bar-success {
    background-color: #76AD3E;
}

.bg-info .progress-bar-info {
    background-color: #2998C1;
}

.bg-warning .progress-bar-warning {
    background-color: #E0A52C;
}

.bg-danger .progress-bar-danger {
    background-color: #D1462C;
}

.bg-primary hr {
    border-top-color: #27A283;
}

.bg-success hr {
    border-top-color: #76AD3E;
}

.bg-info hr {
    border-top-color: #2998C1;
}

.bg-warning hr {
    border-top-color: #E0A52C;
}

.bg-danger hr {
    border-top-color: #D1462C;
}


/**-------------------------------------------BREADCRUMB-------------------------------------------**/

.breadcrumb {
    background-color: #F5F7FA;
}

.breadcrumb > li + li:before {
    color: #CCD1D9;
}

.breadcrumb > .active {
    color: #AAB2BD;
}

.breadcrumb.sm {
    padding: 8px 10px;
    border-radius: 2px;
    font-size: 13px;
}

.breadcrumb.lg {
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 16px;
}

.breadcrumb.square {
    border-radius: 0px;
}

.breadcrumb.rsaquo > li + li:before {
    content: "\203A";
}

.breadcrumb.primary a,
.breadcrumb.success a,
.breadcrumb.info a,
.breadcrumb.danger a,
.breadcrumb.warning a,
.breadcrumb.dark a {
    color: #fff;
}

.breadcrumb.primary > .active,
.breadcrumb.success > .active,
.breadcrumb.info > .active,
.breadcrumb.danger > .active,
.breadcrumb.warning > .active,
.breadcrumb.dark > .active {
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
}

.breadcrumb.primary > li + li:before,
.breadcrumb.success > li + li:before,
.breadcrumb.info > li + li:before,
.breadcrumb.danger > li + li:before,
.breadcrumb.warning > li + li:before,
.breadcrumb.dark > li + li:before {
    color: #F5F7FA;
}

.breadcrumb.default {
    background-color: #fff;
}

.breadcrumb.primary {
    background-color: #37BC9B;
}

.breadcrumb.success {
    background-color: #8CC152;
}

.breadcrumb.info {
    background-color: #3BAFDA;
}

.breadcrumb.danger {
    background-color: #E9573F;
}

.breadcrumb.warning {
    background-color: #F6BB42;
}

.breadcrumb.dark {
    background-color: #434A54;
}


/**-------------------------------------------PROGRESS BAR-------------------------------------------**/

.progress {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
}

.progress.progress-sidebar {
    margin: 15px 0 0 0;
}

.progress.progress-sm {
    height: 10px;
}

.progress.progress-xs {
    height: 5px;
}

.progress.no-rounded {
    border-radius: 0px;
}

.progress-bar {
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}

.progress.progress-sm.progress-striped .progress-bar {
    background-size: 20px 20px;
}

.progress.progress-xs.progress-striped .progress-bar {
    background-size: 10px 10px;
}

.progress-bar-primary {
    background-color: #37BC9B;
}

.progress-bar-success {
    background-color: #8CC152;
}

.progress-bar-info {
    background-color: #3BAFDA;
}

.progress-bar-warning {
    background-color: #F6BB42;
}

.progress-bar-danger {
    background-color: #E9573F;
}


/**-------------------------------------------ICHECK-------------------------------------------**/

.icheckbox_minimal,
.icheckbox_minimal-red,
.icheckbox_minimal-green,
.icheckbox_minimal-blue,
.icheckbox_minimal-aero,
.icheckbox_minimal-grey,
.icheckbox_minimal-orange,
.icheckbox_minimal-yellow,
.icheckbox_minimal-pink,
.icheckbox_minimal-purple,
.iradio_minimal,
.iradio_minimal-red,
.iradio_minimal-green,
.iradio_minimal-blue,
.iradio_minimal-aero,
.iradio_minimal-grey,
.iradio_minimal-orange,
.iradio_minimal-yellow,
.iradio_minimal-pink,
.iradio_minimal-purple {
    margin-top: -2px;
    margin-left: -20px;
    margin-right: 10px;
}

.icheckbox_square,
.icheckbox_square-red,
.icheckbox_square-green,
.icheckbox_square-blue,
.icheckbox_square-aero,
.icheckbox_square-grey,
.icheckbox_square-orange,
.icheckbox_square-yellow,
.icheckbox_square-pink,
.icheckbox_square-purple,
.iradio_square,
.iradio_square-red,
.iradio_square-green,
.iradio_square-blue,
.iradio_square-aero,
.iradio_square-grey,
.iradio_square-orange,
.iradio_square-yellow,
.iradio_square-pink,
.iradio_square-purple {
    margin-top: -2px;
    margin-left: -20px;
    margin-right: 10px;
}

.icheckbox_flat,
.icheckbox_flat-red,
.icheckbox_flat-green,
.icheckbox_flat-blue,
.icheckbox_flat-aero,
.icheckbox_flat-grey,
.icheckbox_flat-orange,
.icheckbox_flat-yellow,
.icheckbox_flat-pink,
.icheckbox_flat-purple,
.iradio_flat,
.iradio_flat-red,
.iradio_flat-green,
.iradio_flat-blue,
.iradio_flat-aero,
.iradio_flat-grey,
.iradio_flat-orange,
.iradio_flat-yellow,
.iradio_flat-pink,
.iradio_flat-purple {
    margin-top: -2px;
    margin-left: -20px;
    margin-right: 10px;
}


/**-------------------------------------------INPUT FILE-------------------------------------------**/

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

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: left;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

input[readonly] {
    background-color: white !important;
    cursor: text !important;
}


/**-------------------------------------------PANEL-------------------------------------------**/

.panel {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    margin-bottom: 30px;
}

.panel.panel-no-border {
    border: none;
}

.panel-body.full {
    padding: 0px;
}

.panel-footer {
    background-color: #F5F7FA;
    border-top: 1px solid #E6E9ED;
}

.panel-heading.lg {
    padding-top: 20px;
    padding-bottom: 20px;
}

.panel-no-border .panel-footer {
    background-color: #F5F7FA;
    border-top: none;
}

.panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 0 5px;
}

.panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
}

.panel.with-nav-tabs .nav-justified {
    margin-bottom: -1px;
}

.panel-heading {
    position: relative;
}

.panel-heading .right-content {
    position: absolute;
    right: 5px;
    top: 5px;
}

.panel-heading .right-content .btn {
    padding: 3px 5px;
}

.with-nav-tabs .panel-heading .right-content .btn {
    padding: 5px 8px;
}

.with-nav-tabs .panel-heading .right-content {
    right: 10px;
    top: 8px;
}

.icon-collapse {
    padding: 6px 8px;
    font-size: 12px;
}

a.block-collapse {
    display: block;
    text-decoration: none;
    color: #656D78;
    padding: 10px 15px;
    margin: -10px -15px;
}

.panel-primary a.block-collapse,
.panel-success a.block-collapse,
.panel-info a.block-collapse,
.panel-danger a.block-collapse,
.panel-warning a.block-collapse {
    color: #fff;
}

.panel.panel-square {
    border-radius: 0;
}

.panel-square .panel-heading {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel-square .panel-footer {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

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

.panel-default > .panel-heading {
    color: #656D78;
    background-color: #F5F7FA;
    border-color: #E6E9ED;
}

.panel-no-border.panel-default > .panel-heading {
    background-color: #F5F7FA;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #E6E9ED;
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #E6E9ED;
}

.panel-transparent {
    border: none;
    border-color: #E6E9ED;
    border-bottom-width: 1px;
    margin: 0;
}

.panel-transparent > .panel-heading {
    color: #656D78;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #E6E9ED;
    vertical-align: middle;
}

.panel-transparent .panel-footer {
    background-color: transparent;
    border: none;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}

.panel-no-border.panel-transparent > .panel-heading {
    background-color: transparent;
}

.panel-transparent > .panel-heading + .panel-collapse .panel-body {
    border-top-color: transparent;
}

.panel-transparent > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: transparent;
}

.panel-primary {
    border-color: #37BC9B;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #37BC9B;
    border-color: #37BC9B;
    border-radius: 0px !important;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #37BC9B;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #37BC9B;
}

.panel-primary.panel-block-color > .panel-footer {
    color: #fff;
    background-color: #37BC9B;
    border-top: none;
}

.panel-primary.panel-block-color > .panel-body.bg-primary {
    background-color: #48CFAD;
}

.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}

.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #27A283;
    border-color: #27A283;
}

.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #434A54;
    background-color: #fff;
    border-color: #37BC9B;
    border-bottom-color: transparent;
}

.panel-success {
    border-color: #8CC152;
}

.panel-success > .panel-heading {
    color: #fff;
    background-color: #8CC152;
    border-color: #8CC152;
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #8CC152;
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #8CC152;
}

.panel-success.panel-block-color > .panel-footer {
    color: #fff;
    background-color: #8CC152;
    border-top: none;
}

.panel-success.panel-block-color > .panel-body.bg-success {
    background-color: #A0D468;
}

.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
    color: #fff;
}

.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #76AD3E;
    border-color: #76AD3E;
}

.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
    color: #434A54;
    background-color: #fff;
    border-color: #8CC152;
    border-bottom-color: transparent;
}

.panel-info {
    border-color: #3BAFDA;
}

.panel-info > .panel-heading {
    color: #fff;
    background-color: #3BAFDA;
    border-color: #3BAFDA;
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #3BAFDA;
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #3BAFDA;
}

.panel-info.panel-block-color > .panel-footer {
    color: #fff;
    background-color: #3BAFDA;
    border-top: none;
}

.panel-info.panel-block-color > .panel-body.bg-info {
    background-color: #4FC1E9;
}

.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
    color: #fff;
}

.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #2998C1;
    border-color: #2998C1;
}

.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
    color: #434A54;
    background-color: #fff;
    border-color: #3BAFDA;
    border-bottom-color: transparent;
}

.panel-warning {
    border-color: #F6BB42;
}

.panel-warning > .panel-heading {
    color: #fff;
    background-color: #F6BB42;
    border-color: #F6BB42;
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #F6BB42;
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #F6BB42;
}

.panel-warning.panel-block-color > .panel-footer {
    color: #fff;
    background-color: #F6BB42;
    border-top: none;
}

.panel-warning.panel-block-color > .panel-body.bg-warning {
    background-color: #FFCE54;
}

.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
    color: #fff;
}

.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #E0A52C;
    border-color: #E0A52C;
}

.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
    color: #434A54;
    background-color: #fff;
    border-color: #F6BB42;
    border-bottom-color: transparent;
}

.panel-danger {
    border-color: #E9573F;
}

.panel-danger > .panel-heading {
    color: #fff;
    background-color: #E9573F;
    border-color: #E9573F;
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #E9573F;
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #E9573F;
}

.panel-danger.panel-block-color > .panel-footer {
    color: #fff;
    background-color: #E9573F;
    border-top: none;
}

.panel-danger.panel-block-color > .panel-body.bg-danger {
    background-color: #FC6E51;
}

.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
    color: #fff;
}

.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #D1462C;
    border-color: #D1462C;
}

.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
    color: #434A54;
    background-color: #fff;
    border-color: #E9573F;
    border-bottom-color: transparent;
}


/**-------------------------------------------MODAL-------------------------------------------**/

.modal-content {
    position: relative;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0px;
    outline: none;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
}

.modal-content.modal-no-shadow {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0);
}

.modal-content.modal-no-border {
    border: none;
}

.modal-dialog.responsive-modal {
    width: 100%;
}

.bg-primary .modal-header,
.bg-primary .modal-footer,
.bg-info .modal-header,
.bg-info .modal-footer,
.bg-success .modal-header,
.bg-success .modal-footer,
.bg-danger .modal-header,
.bg-danger .modal-footer,
.bg-warning .modal-header,
.bg-warning .modal-footer {
    border-color: rgba(255, 255, 255, 0.2);
}

.modal-header.no-border {
    border-bottom: none;
}


/**-------------------------------------------LIST GROUP-------------------------------------------**/

.list-group-item {
    border-color: #D5DAE0;
}

.list-group.square .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group.square .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.list-group-item > .label,
.list-group-item > .badge {
    float: right;
}

.list-group-item > .label + .label,
.list-group-item > .badge + .badge {
    margin-right: 5px;
}

.list-group.no-border .list-group-item {
    border: none;
}

.list-group.no-side-border .list-group-item {
    border-left: none;
    border-right: none;
}

.list-group.success-block .list-group-item {
    background-color: #8CC152;
    border-color: #7EB446;
    color: #fff;
}

.list-group.success-block .list-group-item .badge-success {
    background-color: #7EB446;
}

.list-group.success-block .list-group-item.active .badge {
    color: #7EB446;
    background-color: #fff;
}

.list-group.success-block .list-group-item:hover,
.list-group.success-block .list-group-item:focus {
    background-color: #83B94D;
}

.list-group.success-block .list-group-item.active {
    background-color: #7EB446;
    border-color: #7EB446;
    color: #fff;
}

.list-group.success .list-group-item.active {
    color: #fff;
    background-color: #8CC152;
    border-color: #8CC152;
}

.list-group.success .list-group-item.active .label,
.list-group.success .list-group-item.active .badge {
    color: #8CC152;
}

.list-group.info-block .list-group-item {
    background-color: #3BAFDA;
    border-color: #299DCB;
    color: #fff;
}

.list-group.info-block .list-group-item .badge-info {
    background-color: #299DCB;
}

.list-group.info-block .list-group-item.active .badge {
    background-color: #fff;
    color: #299DCB;
}

.list-group.info-block .list-group-item:hover,
.list-group.info-block .list-group-item:focus {
    background-color: #2EA2D1;
}

.list-group.info-block .list-group-item.active {
    background-color: #299DCB;
    border-color: #299DCB;
    color: #fff;
}

.list-group.info .list-group-item.active {
    color: #fff;
    background-color: #3BAFDA;
    border-color: #3BAFDA;
}

.list-group.info .list-group-item.active .label,
.list-group.info .list-group-item.active .badge {
    color: #3BAFDA;
}

.list-group.danger-block .list-group-item {
    background-color: #E9573F;
    border-color: #DB462C;
    color: #fff;
}

.list-group.danger-block .list-group-item .badge-danger {
    background-color: #DB462C;
}

.list-group.danger-block .list-group-item.active .badge {
    background-color: #fff;
    color: #DB462C;
}

.list-group.danger-block .list-group-item:hover,
.list-group.danger-block .list-group-item:focus {
    background-color: #E54B31;
}

.list-group.danger-block .list-group-item.active {
    background-color: #DB462C;
    border-color: #DB462C;
    color: #fff;
}

.list-group.danger .list-group-item.active {
    color: #fff;
    background-color: #E9573F;
    border-color: #E9573F;
}

.list-group.danger .list-group-item.active .label,
.list-group.danger .list-group-item.active .badge {
    color: #E9573F;
}

.list-group.warning-block .list-group-item {
    background-color: #F6BB42;
    border-color: #E8AA2E;
    color: #fff;
}

.list-group.warning-block .list-group-item .badge-warning {
    background-color: #E8AA2E;
}

.list-group.warning-block .list-group-item.active .badge {
    background-color: #fff;
    color: #E8AA2E;
}

.list-group.warning-block .list-group-item:hover,
.list-group.warning-block .list-group-item:focus {
    background-color: #F0B236;
}

.list-group.warning-block .list-group-item.active {
    background-color: #E8AA2E;
    border-color: #E8AA2E;
    color: #fff;
}

.list-group.warning .list-group-item.active {
    color: #fff;
    background-color: #F6BB42;
    border-color: #F6BB42;
}

.list-group.warning .list-group-item.active .label,
.list-group.warning .list-group-item.active .badge {
    color: #F6BB42;
}

a.list-group-item {
    color: #656D78;
}

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

a.list-group-item:hover,
a.list-group-item:focus {
    text-decoration: none;
    background-color: #F5F7FA;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    background-color: #434A54;
    border-color: #434A54;
    color: #fff;
}

a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
    color: #e1edf7;
}

.list-group-item-success {
    color: #fff;
    background-color: #8CC152;
}

a.list-group-item-success {
    color: #fff;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus {
    color: #fff;
    background-color: #8CC152;
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
    background-color: #8CC152;
    border-color: #8CC152;
}

.list-group-item-info {
    color: #fff;
    background-color: #3BAFDA;
}

a.list-group-item-info {
    color: #fff;
}

a.list-group-item-info:hover,
a.list-group-item-info:focus {
    color: #fff;
    background-color: #3BAFDA;
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
    background-color: #3BAFDA;
    border-color: #3BAFDA;
}

.list-group-item-warning {
    color: #fff;
    background-color: #F6BB42;
}

a.list-group-item-warning {
    color: #fff;
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
    color: #fff;
    background-color: #F6BB42;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
    background-color: #F6BB42;
    border-color: #F6BB42;
}

.list-group-item-danger {
    color: #fff;
    background-color: #E9573F;
}

a.list-group-item-danger {
    color: #fff;
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
    color: #fff;
    background-color: #E9573F;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
    background-color: #E9573F;
    border-color: #E9573F;
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}


/**-------------------------------------------MEDIA-------------------------------------------**/

.media-sm .media-object {
    width: 60px;
}

.media-sm .media {
    padding: 0px 0 15px 0;
}

.media-sm .media .media {
    margin: 20px 0 10px;
}

.media-xs .media-object {
    width: 40px;
}

.media-xs .media {
    padding: 0px 0 10px 0;
}

.media-xs .media .media {
    margin: 10px 0 5px;
}

.media-xs p.small {
    font-size: 13px;
}

.media-xs .media-heading {
    font-size: 16px;
}

.media-dotted .media {
    border-bottom: 1px dotted #E6E9ED;
}

.media-dotted .media:last-child {
    border-bottom: none;
}


/**-------------------------------------------JUMBOTRON-------------------------------------------**/

.jumbotron {
    background-color: #F5F7FA;
}

.jumbotron.white-bg {
    background: #fff;
}

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

.jumbotron.jumbotron-sm {
    padding: 15px;
    margin-bottom: 20px;
}

.jumbotron.jumbotron-sm h1,
.jumbotron.jumbotron-sm .h1 {
    font-size: 35px;
}

.jumbotron.jumbotron-sm p {
    font-size: 18px;
    font-weight: 300;
}

.jumbotron p {
    font-weight: 300;
}


/**-------------------------------------------THUMBNAIL-------------------------------------------**/

.thumbnail {
    padding: 5px;
    border-color: #E6E9ED;
}

.thumbnail.square {
    border-radius: 0;
}

.thumbnail.no-border {
    border: none;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #E6E9ED;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}


/**-------------------------------------------MASONRY-------------------------------------------**/

.container-masonry ol {
    clear: both;
    -moz-column-count: 4;
    -moz-column-gap: 0px;
    -webkit-column-count: 4;
    -webkit-column-gap: 0px;
    column-count: 4;
    column-gap: 0px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 2;
    margin-left: -10px;
}

.container-masonry ol li.item-masonry {
    display: inline-block;
    list-style: none;
    width: 100%;
}

.the-box.mansory-inner {
    margin: 10px;
}

.the-box.mansory-inner img {
    width: 100%;
    margin: 0;
}

.the-box.mansory-inner.with-padding {
    padding: 10px;
}


/**-------------------------------------------PAGINATION-------------------------------------------**/

.pager li > a,
.pager li > span {
    color: #434A54;
    border-color: #CCD0DB;
}

.pager.square li > a,
.pager.square li > span {
    border-radius: 0;
}

.pager li > a:hover,
.pager li > a:focus {
    color: #434A54;
    background-color: #F5F7FA;
    border-color: #CCD0DB;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #AAB2BD;
    border-color: #CCD0DB;
}

.pagination.square > li:first-child > a,
.pagination.square > li:first-child > span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.pagination.square > li:last-child > a,
.pagination.square > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination.separated > li > a,
.pagination.separated > li > span {
    margin: 0 2px;
    border-radius: 4px;
}

.pagination.separated-square > li > a,
.pagination.separated-square > li > span {
    margin: 0 2px;
    border-radius: 0px;
}

.pagination > li > a,
.pagination > li > span {
    color: #434A54;
    border-color: #CCD0DB;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #434A54;
    background-color: #F5F7FA;
    border-color: #CCD0DB;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #434A54;
    border-color: #434A54;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #AAB2BD;
    border-color: #CCD0DB;
}

.pager.primary > li > a,
.pager.primary > li > span,
.pagination.primary > li > a,
.pagination.primary > li > span {
    color: #37BC9B;
}

.pagination.primary > .active > a,
.pagination.primary > .active > span,
.pagination.primary > .active > a:hover,
.pagination.primary > .active > span:hover,
.pagination.primary > .active > a:focus,
.pagination.primary > .active > span:focus {
    background-color: #37BC9B;
    border-color: #37BC9B;
    color: #fff;
}

.pager.success > li > a,
.pager.success > li > span,
.pagination.success > li > a,
.pagination.success > li > span {
    color: #8CC152;
}

.pagination.success > .active > a,
.pagination.success > .active > span,
.pagination.success > .active > a:hover,
.pagination.success > .active > span:hover,
.pagination.success > .active > a:focus,
.pagination.success > .active > span:focus {
    background-color: #8CC152;
    border-color: #8CC152;
    color: #fff;
}

.pager.info > li > a,
.pager.info > li > span,
.pagination.info > li > a,
.pagination.info > li > span {
    color: #3BAFDA;
}

.pagination.info > .active > a,
.pagination.info > .active > span,
.pagination.info > .active > a:hover,
.pagination.info > .active > span:hover,
.pagination.info > .active > a:focus,
.pagination.info > .active > span:focus {
    background-color: #3BAFDA;
    border-color: #3BAFDA;
    color: #fff;
}

.pager.danger > li > a,
.pager.danger > li > span,
.pagination.danger > li > a,
.pagination.danger > li > span {
    color: #E9573F;
}

.pagination.danger > .active > a,
.pagination.danger > .active > span,
.pagination.danger > .active > a:hover,
.pagination.danger > .active > span:hover,
.pagination.danger > .active > a:focus,
.pagination.danger > .active > span:focus {
    background-color: #E9573F;
    border-color: #E9573F;
    color: #fff;
}

.pager.warning > li > a,
.pager.warning > li > span,
.pagination.warning > li > a,
.pagination.warning > li > span {
    color: #F6BB42;
}

.pagination.warning > .active > a,
.pagination.warning > .active > span,
.pagination.warning > .active > a:hover,
.pagination.warning > .active > span:hover,
.pagination.warning > .active > a:focus,
.pagination.warning > .active > span:focus {
    background-color: #F6BB42;
    border-color: #F6BB42;
    color: #fff;
}

.pager.block-color > li > a,
.pager.block-color > li > span,
.pagination.block-color > li > a,
.pagination.block-color > li > span {
    color: #fff;
    background-color: #434A54;
    border-color: #656D78;
}

.pager.block-color > li > a:hover,
.pager.block-color > li > span:hover,
.pager.block-color > li > a:focus,
.pager.block-color > li > span:focus,
.pagination.block-color > li > a:hover,
.pagination.block-color > li > span:hover,
.pagination.block-color > li > a:focus,
.pagination.block-color > li > span:focus {
    color: #fff;
    background-color: #3E434D;
    border-color: #656D78;
}

.pagination.block-color > .active > a,
.pagination.block-color > .active > span,
.pagination.block-color > .active > a:hover,
.pagination.block-color > .active > span:hover,
.pagination.block-color > .active > a:focus,
.pagination.block-color > .active > span:focus {
    background-color: #2E363E;
    border-color: #656D78;
    color: #fff;
}

.pager.block-color > .disabled > span,
.pager.block-color > .disabled > span:hover,
.pager.block-color > .disabled > span:focus,
.pager.block-color > .disabled > a,
.pager.block-color > .disabled > a:hover,
.pager.block-color > .disabled > a:focus,
.pagination.block-color > .disabled > span,
.pagination.block-color > .disabled > span:hover,
.pagination.block-color > .disabled > span:focus,
.pagination.block-color > .disabled > a,
.pagination.block-color > .disabled > a:hover,
.pagination.block-color > .disabled > a:focus {
    color: #AAB2BD;
    border-color: #656D78;
}

.pager.primary.block-color > li > a,
.pager.primary.block-color > li > span,
.pagination.primary.block-color > li > a,
.pagination.primary.block-color > li > span {
    color: #fff;
    background-color: #37BC9B;
    border-color: #48CFAD;
}

.pager.primary.block-color > li > a:hover,
.pager.primary.block-color > li > span:hover,
.pager.primary.block-color > li > a:focus,
.pager.primary.block-color > li > span:focus,
.pagination.primary.block-color > li > a:hover,
.pagination.primary.block-color > li > span:hover,
.pagination.primary.block-color > li > a:focus,
.pagination.primary.block-color > li > span:focus {
    background-color: #31B495;
}

.pagination.primary.block-color > .active > a,
.pagination.primary.block-color > .active > span,
.pagination.primary.block-color > .active > a:hover,
.pagination.primary.block-color > .active > span:hover,
.pagination.primary.block-color > .active > a:focus,
.pagination.primary.block-color > .active > span:focus {
    background-color: #29A789;
    border-color: #48CFAD;
    color: #fff;
}

.pager.primary.block-color > .disabled > span,
.pager.primary.block-color > .disabled > span:hover,
.pager.primary.block-color > .disabled > span:focus,
.pager.primary.block-color > .disabled > a,
.pager.primary.block-color > .disabled > a:hover,
.pager.primary.block-color > .disabled > a:focus,
.pagination.primary.block-color > .disabled > span,
.pagination.primary.block-color > .disabled > span:hover,
.pagination.primary.block-color > .disabled > span:focus,
.pagination.primary.block-color > .disabled > a,
.pagination.primary.block-color > .disabled > a:hover,
.pagination.primary.block-color > .disabled > a:focus {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    border-color: #48CFAD;
    background-color: #37BC9B;
}

.pager.success.block-color > li > a,
.pager.success.block-color > li > span,
.pagination.success.block-color > li > a,
.pagination.success.block-color > li > span {
    color: #fff;
    background-color: #8CC152;
    border-color: #A0D468;
}

.pager.success.block-color > li > a:hover,
.pager.success.block-color > li > span:hover,
.pager.success.block-color > li > a:focus,
.pager.success.block-color > li > span:focus,
.pagination.success.block-color > li > a:hover,
.pagination.success.block-color > li > span:hover,
.pagination.success.block-color > li > a:focus,
.pagination.success.block-color > li > span:focus {
    background-color: #83B94B;
}

.pagination.success.block-color > .active > a,
.pagination.success.block-color > .active > span,
.pagination.success.block-color > .active > a:hover,
.pagination.success.block-color > .active > span:hover,
.pagination.success.block-color > .active > a:focus,
.pagination.success.block-color > .active > span:focus {
    background-color: #74A73E;
    border-color: #A0D468;
    color: #fff;
}

.pager.success.block-color > .disabled > span,
.pager.success.block-color > .disabled > span:hover,
.pager.success.block-color > .disabled > span:focus,
.pager.success.block-color > .disabled > a,
.pager.success.block-color > .disabled > a:hover,
.pager.success.block-color > .disabled > a:focus,
.pagination.success.block-color > .disabled > span,
.pagination.success.block-color > .disabled > span:hover,
.pagination.success.block-color > .disabled > span:focus,
.pagination.success.block-color > .disabled > a,
.pagination.success.block-color > .disabled > a:hover,
.pagination.success.block-color > .disabled > a:focus {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    border-color: #A0D468;
    background-color: #8CC152;
}

.pager.info.block-color > li > a,
.pager.info.block-color > li > span,
.pagination.info.block-color > li > a,
.pagination.info.block-color > li > span {
    color: #fff;
    background-color: #3BAFDA;
    border-color: #4FC1E9;
}

.pager.info.block-color > li > a:hover,
.pager.info.block-color > li > span:hover,
.pager.info.block-color > li > a:focus,
.pager.info.block-color > li > span:focus,
.pagination.info.block-color > li > a:hover,
.pagination.info.block-color > li > span:hover,
.pagination.info.block-color > li > a:focus,
.pagination.info.block-color > li > span:focus {
    background-color: #31A5D1;
}

.pagination.info.block-color > .active > a,
.pagination.info.block-color > .active > span,
.pagination.info.block-color > .active > a:hover,
.pagination.info.block-color > .active > span:hover,
.pagination.info.block-color > .active > a:focus,
.pagination.info.block-color > .active > span:focus {
    background-color: #2993BC;
    border-color: #4FC1E9;
    color: #fff;
}

.pager.info.block-color > .disabled > span,
.pager.info.block-color > .disabled > span:hover,
.pager.info.block-color > .disabled > span:focus,
.pager.info.block-color > .disabled > a,
.pager.info.block-color > .disabled > a:hover,
.pager.info.block-color > .disabled > a:focus,
.pagination.info.block-color > .disabled > span,
.pagination.info.block-color > .disabled > span:hover,
.pagination.info.block-color > .disabled > span:focus,
.pagination.info.block-color > .disabled > a,
.pagination.info.block-color > .disabled > a:hover,
.pagination.info.block-color > .disabled > a:focus {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    border-color: #4FC1E9;
    background-color: #3BAFDA;
}

.pager.danger.block-color > li > a,
.pager.danger.block-color > li > span,
.pagination.danger.block-color > li > a,
.pagination.danger.block-color > li > span {
    color: #fff;
    background-color: #E9573F;
    border-color: #FC6E51;
}

.pager.danger.block-color > li > a:hover,
.pager.danger.block-color > li > span:hover,
.pager.danger.block-color > li > a:focus,
.pager.danger.block-color > li > span:focus,
.pagination.danger.block-color > li > a:hover,
.pagination.danger.block-color > li > span:hover,
.pagination.danger.block-color > li > a:focus,
.pagination.danger.block-color > li > span:focus {
    background-color: #DB5036;
}

.pagination.danger.block-color > .active > a,
.pagination.danger.block-color > .active > span,
.pagination.danger.block-color > .active > a:hover,
.pagination.danger.block-color > .active > span:hover,
.pagination.danger.block-color > .active > a:focus,
.pagination.danger.block-color > .active > span:focus {
    background-color: #CB462C;
    border-color: #FC6E51;
    color: #fff;
}

.pager.danger.block-color > .disabled > span,
.pager.danger.block-color > .disabled > span:hover,
.pager.danger.block-color > .disabled > span:focus,
.pager.danger.block-color > .disabled > a,
.pager.danger.block-color > .disabled > a:hover,
.pager.danger.block-color > .disabled > a:focus,
.pagination.danger.block-color > .disabled > span,
.pagination.danger.block-color > .disabled > span:hover,
.pagination.danger.block-color > .disabled > span:focus,
.pagination.danger.block-color > .disabled > a,
.pagination.danger.block-color > .disabled > a:hover,
.pagination.danger.block-color > .disabled > a:focus {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    border-color: #FC6E51;
    background-color: #E9573F;
}

.pager.warning.block-color > li > a,
.pager.warning.block-color > li > span,
.pagination.warning.block-color > li > a,
.pagination.warning.block-color > li > span {
    color: #fff;
    background-color: #F6BB42;
    border-color: #FFCE54;
}

.pager.warning.block-color > li > a:hover,
.pager.warning.block-color > li > span:hover,
.pager.warning.block-color > li > a:focus,
.pager.warning.block-color > li > span:focus,
.pagination.warning.block-color > li > a:hover,
.pagination.warning.block-color > li > span:hover,
.pagination.warning.block-color > li > a:focus,
.pagination.warning.block-color > li > span:focus {
    background-color: #EDB239;
}

.pagination.warning.block-color > .active > a,
.pagination.warning.block-color > .active > span,
.pagination.warning.block-color > .active > a:hover,
.pagination.warning.block-color > .active > span:hover,
.pagination.warning.block-color > .active > a:focus,
.pagination.warning.block-color > .active > span:focus {
    background-color: #DEA531;
    border-color: #FFCE54;
    color: #fff;
}

.pager.warning.block-color > .disabled > span,
.pager.warning.block-color > .disabled > span:hover,
.pager.warning.block-color > .disabled > span:focus,
.pager.warning.block-color > .disabled > a,
.pager.warning.block-color > .disabled > a:hover,
.pager.warning.block-color > .disabled > a:focus,
.pagination.warning.block-color > .disabled > span,
.pagination.warning.block-color > .disabled > span:hover,
.pagination.warning.block-color > .disabled > span:focus,
.pagination.warning.block-color > .disabled > a,
.pagination.warning.block-color > .disabled > a:hover,
.pagination.warning.block-color > .disabled > a:focus {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    border-color: #FFCE54;
    background-color: #F6BB42;
}


/**-------------------------------------------TABLE-------------------------------------------**/

.table-th-block {}

.table-th-block thead tr {
    background: #F6F8F9;
}

.table-th-block > thead > tr > th {
    border-bottom: none;
}

.table-th-block > thead > tr > th,
.table-th-block > tbody > tr > th,
.table-th-block > tfoot > tr > th,
.table-th-block > thead > tr > td,
.table-th-block > tbody > tr > td,
.table-th-block > tfoot > tr > td {
    vertical-align: middle;
    border-top-color: #E6E9ED;
    font-size: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.top-align > thead > tr > th,
.top-align > tbody > tr > th,
.top-align > tfoot > tr > th,
.top-align > thead > tr > td,
.top-align > tbody > tr > td,
.top-align > tfoot > tr > td {
    vertical-align: top;
}

.table .avatar {
    width: 50px;
    height: 50px;
    margin: 0 10px;
}

.table-th-block.table-striped > tbody > tr:nth-child(odd) > td,
.table-th-block.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #FCFCFF;
}

.table-th-block > thead > tr > td.active,
.table-th-block > tbody > tr > td.active,
.table-th-block > tfoot > tr > td.active,
.table-th-block > thead > tr > th.active,
.table-th-block > tbody > tr > th.active,
.table-th-block > tfoot > tr > th.active,
.table-th-block > thead > tr.active > td,
.table-th-block > tbody > tr.active > td,
.table-th-block > tfoot > tr.active > td,
.table-th-block > thead > tr.active > th,
.table-th-block > tbody > tr.active > th,
.table-th-block > tfoot > tr.active > th {
    background-color: #FCFCFF;
}

.table-th-block.table-hover > tbody > tr:hover > td,
.table-th-block.table-hover > tbody > tr:hover > th {
    background-color: #FCFCFF;
}

.table-th-block > thead > tr > td.primary,
.table-th-block > tbody > tr > td.primary,
.table-th-block > tfoot > tr > td.primary,
.table-th-block > thead > tr > th.primary,
.table-th-block > tbody > tr > th.primary,
.table-th-block > tfoot > tr > th.primary,
.table-th-block > thead > tr.primary > td,
.table-th-block > tbody > tr.primary > td,
.table-th-block > tfoot > tr.primary > td,
.table-th-block > thead > tr.primary > th,
.table-th-block > tbody > tr.primary > th,
.table-th-block > tfoot > tr.primary > th {
    background-color: #48CFAD;
    color: #fff;
}

.table-th-block.table-hover > tbody > tr > td.primary:hover,
.table-th-block.table-hover > tbody > tr > th.primary:hover,
.table-th-block.table-hover > tbody > tr.primary:hover > td,
.table-th-block.table-hover > tbody > tr.primary:hover > th {
    background-color: #37BC9B;
}

.table-th-block > thead > tr > td.success,
.table-th-block > tbody > tr > td.success,
.table-th-block > tfoot > tr > td.success,
.table-th-block > thead > tr > th.success,
.table-th-block > tbody > tr > th.success,
.table-th-block > tfoot > tr > th.success,
.table-th-block > thead > tr.success > td,
.table-th-block > tbody > tr.success > td,
.table-th-block > tfoot > tr.success > td,
.table-th-block > thead > tr.success > th,
.table-th-block > tbody > tr.success > th,
.table-th-block > tfoot > tr.success > th {
    background-color: #A0D468;
    color: #fff;
}

.table-th-block.table-hover > tbody > tr > td.success:hover,
.table-th-block.table-hover > tbody > tr > th.success:hover,
.table-th-block.table-hover > tbody > tr.success:hover > td,
.table-th-block.table-hover > tbody > tr.success:hover > th {
    background-color: #8CC152;
}

.table-th-block > thead > tr > td.info,
.table-th-block > tbody > tr > td.info,
.table-th-block > tfoot > tr > td.info,
.table-th-block > thead > tr > th.info,
.table-th-block > tbody > tr > th.info,
.table-th-block > tfoot > tr > th.info,
.table-th-block > thead > tr.info > td,
.table-th-block > tbody > tr.info > td,
.table-th-block > tfoot > tr.info > td,
.table-th-block > thead > tr.info > th,
.table-th-block > tbody > tr.info > th,
.table-th-block > tfoot > tr.info > th {
    background-color: #4FC1E9;
    color: #fff;
}

.table-th-block.table-hover > tbody > tr > td.info:hover,
.table-th-block.table-hover > tbody > tr > th.info:hover,
.table-th-block.table-hover > tbody > tr.info:hover > td,
.table-th-block.table-hover > tbody > tr.info:hover > th {
    background-color: #3BAFDA;
}

.table-th-block > thead > tr > td.warning,
.table-th-block > tbody > tr > td.warning,
.table-th-block > tfoot > tr > td.warning,
.table-th-block > thead > tr > th.warning,
.table-th-block > tbody > tr > th.warning,
.table-th-block > tfoot > tr > th.warning,
.table-th-block > thead > tr.warning > td,
.table-th-block > tbody > tr.warning > td,
.table-th-block > tfoot > tr.warning > td,
.table-th-block > thead > tr.warning > th,
.table-th-block > tbody > tr.warning > th,
.table-th-block > tfoot > tr.warning > th {
    background-color: #FFCE54;
    color: #fff;
}

.table-th-block.table-hover > tbody > tr > td.warning:hover,
.table-th-block.table-hover > tbody > tr > th.warning:hover,
.table-th-block.table-hover > tbody > tr.warning:hover > td,
.table-th-block.table-hover > tbody > tr.warning:hover > th {
    background-color: #F6BB42;
}

.table-th-block > thead > tr > td.danger,
.table-th-block > tbody > tr > td.danger,
.table-th-block > tfoot > tr > td.danger,
.table-th-block > thead > tr > th.danger,
.table-th-block > tbody > tr > th.danger,
.table-th-block > tfoot > tr > th.danger,
.table-th-block > thead > tr.danger > td,
.table-th-block > tbody > tr.danger > td,
.table-th-block > tfoot > tr.danger > td,
.table-th-block > thead > tr.danger > th,
.table-th-block > tbody > tr.danger > th,
.table-th-block > tfoot > tr.danger > th {
    background-color: #FC6E51;
    color: #fff;
}

.table-th-block.table-hover > tbody > tr > td.danger:hover,
.table-th-block.table-hover > tbody > tr > th.danger:hover,
.table-th-block.table-hover > tbody > tr.danger:hover > td,
.table-th-block.table-hover > tbody > tr.danger:hover > th {
    background-color: #E9573F;
}

.table-th-block.table-striped > thead > tr > th,
.table-th-block.table-striped > tbody > tr > th,
.table-th-block.table-striped > tfoot > tr > th,
.table-th-block.table-striped > thead > tr > td,
.table-th-block.table-striped > tbody > tr > td,
.table-th-block.table-striped > tfoot > tr > td {
    border-top: none;
}

.table-th-block.table-primary thead tr {
    background: #37BC9B;
    color: #fff;
}

.table-th-block.table-success thead tr {
    background: #8CC152;
    color: #fff;
}

.table-th-block.table-info thead tr {
    background: #3BAFDA;
    color: #fff;
}

.table-th-block.table-danger thead tr {
    background: #E9573F;
    color: #fff;
}

.table-th-block.table-warning thead tr {
    background: #F6BB42;
    color: #fff;
}

.table-th-block.table-dark thead tr {
    background: #434A54;
    color: #fff;
}

.table-th-block.table-primary > tbody > tr:first-child > td,
.table-th-block.table-success > tbody > tr:first-child > td,
.table-th-block.table-info > tbody > tr:first-child > td,
.table-th-block.table-danger > tbody > tr:first-child > td,
.table-th-block.table-warning > tbody > tr:first-child > td,
.table-th-block.table-dark > tbody > tr:first-child > td {
    border-top: none;
}


/**-------------------------------------------FORM-------------------------------------------**/

.form-control {
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    -webkit-transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
    transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
}

.form-control:focus {
    border-color: #eac2ae;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
}

.form-control.bold-border {
    border-width: 2px;
}

.form-control.no-border {
    border: none;
}

.form-control.rounded {
    border-radius: 4px;
}

textarea.no-resize {
    resize: none;
}

.input-group-addon.rounded {
    border-radius: 0px;
}

.input-group-addon.input-sm {
    border-radius: 0px;
}

.input-group-addon.input-lg {
    border-radius: 0px;
}

.help-block {
    font-size: 12px;
}

.bg-color-showcase {
    padding: 10px 20px
}

.input-group-addon {
    border-radius: 0px;
    border: 1px solid #ddd;
}

.has-feedback.no-label .form-control-feedback {
    top: 0px;
}

.has-feedback.no-label.lg .form-control-feedback {
    top: 7px;
}

.has-feedback.left-feedback .form-control {
    padding-left: 35.5px;
    padding-right: 0px;
}

.has-feedback.left-feedback .form-control-feedback {
    left: 0;
    right: auto;
}

.has-feedback.left-feedback.lg .form-control-feedback {
    left: 3px;
}

.form-control-feedback {
    color: #AAB2BD;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
    color: #8CC152;
}

.has-success .form-control {
    border-color: #8CC152;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}

.has-success .form-control:focus {
    border-color: #8CC152;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 0px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 0px #67b168;
}

.has-success .input-group-addon {
    color: #8CC152;
    background-color: #dff0d8;
    border-color: #8CC152;
}

.has-success .form-control-feedback {
    color: #8CC152;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
    color: #F6BB42;
}

.has-warning .form-control {
    border-color: #F6BB42;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}

.has-warning .form-control:focus {
    border-color: #F6BB42;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 0px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 0px #c0a16b;
}

.has-warning .input-group-addon {
    color: #F6BB42;
    background-color: #fcf8e3;
    border-color: #F6BB42;
}

.has-warning .form-control-feedback {
    color: #F6BB42;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: #E9573F;
}

.has-error .form-control {
    border-color: #E9573F;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}

.has-error .form-control:focus {
    border-color: #E9573F;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 0px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 0px #ce8483;
}

.has-error .input-group-addon {
    color: #E9573F;
    background-color: #f2dede;
    border-color: #E9573F;
}

.has-error .form-control-feedback {
    color: #E9573F;
}

.input-group-addon.primary {
    border-color: #37BC9B;
    background-color: #37BC9B;
    color: #fff;
}

.input-group-addon.danger {
    border-color: #E9573F;
    background-color: #E9573F;
    color: #fff;
}

.input-group-addon.success {
    border-color: #8CC152;
    background-color: #8CC152;
    color: #fff;
}

.input-group-addon.info {
    border-color: #3BAFDA;
    background-color: #3BAFDA;
    color: #fff;
}

.input-group-addon.warning {
    border-color: #F6BB42;
    background-color: #F6BB42;
    color: #fff;
}


/**-------------------------------------------DROPDOWN-------------------------------------------**/

.dropdown-visible {
    display: block;
    position: relative;
}

.dropdown-menu > li > a {
    padding: 5px 15px;
}

.dropdown-menu.square {
    padding: 0;
    border-radius: 0px;
}

.dropdown-menu.no-border {
    border: none;
    -webkit-box-shadow: 0 0px 12px 0 rgba(0, 0, 0, .175);
    box-shadow: 0 0px 12px 0 rgba(0, 0, 0, .175);
}

.dropdown-menu.margin-list > li > a {
    margin: 5px;
}

.dropdown-menu.margin-list-rounded > li > a {
    margin: 5px;
    border-radius: 3px;
}

.dropdown-menu.with-triangle {
    top: 90%;
}

.dropdown-menu.with-triangle:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu.with-triangle:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.navbar-right .dropdown-menu.with-triangle:before,
.pull-right .dropdown-menu.with-triangle:before,
.dropdown-menu.pull-right.with-triangle:before {
    right: 12px;
    left: auto;
}

.navbar-right .dropdown-menu.with-triangle:after,
.pull-right .dropdown-menu.with-triangle:after,
.dropdown-menu.pull-right.with-triangle:after {
    right: 13px;
    left: auto;
}

@media (max-width: 767px) {
    .dropdown-menu.with-triangle:before,
    .dropdown-menu.with-triangle:after {
        display: none;
    }
}

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

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu.primary > .disabled > a,
.dropdown-menu.primary > .disabled > a:hover,
.dropdown-menu.primary > .disabled > a:focus,
.dropdown-menu.success > .disabled > a,
.dropdown-menu.success > .disabled > a:hover,
.dropdown-menu.success > .disabled > a:focus,
.dropdown-menu.info > .disabled > a,
.dropdown-menu.info > .disabled > a:hover,
.dropdown-menu.info > .disabled > a:focus,
.dropdown-menu.danger > .disabled > a,
.dropdown-menu.danger > .disabled > a:hover,
.dropdown-menu.danger > .disabled > a:focus,
.dropdown-menu.warning > .disabled > a,
.dropdown-menu.warning > .disabled > a:hover,
.dropdown-menu.warning > .disabled > a:focus {
    background-color: transparent;
    color: #D5DAE0;
}

.dropdown-menu.primary > li > a:hover,
.dropdown-menu.primary > li > a:focus {
    color: #fff;
    background-color: #48CFAD;
}

.dropdown-menu.primary > .active > a,
.dropdown-menu.primary > .active > a:hover,
.dropdown-menu.primary > .active > a:focus {
    background-color: #37BC9B;
}

.dropdown-menu.success > li > a:hover,
.dropdown-menu.success > li > a:focus {
    color: #fff;
    background-color: #A0D468;
}

.dropdown-menu.success > .active > a,
.dropdown-menu.success > .active > a:hover,
.dropdown-menu.success > .active > a:focus {
    background-color: #8CC152;
}

.dropdown-menu.info > li > a:hover,
.dropdown-menu.info > li > a:focus {
    color: #fff;
    background-color: #4FC1E9;
}

.dropdown-menu.info > .active > a,
.dropdown-menu.info > .active > a:hover,
.dropdown-menu.info > .active > a:focus {
    background-color: #3BAFDA;
}

.dropdown-menu.danger > li > a:hover,
.dropdown-menu.danger > li > a:focus {
    color: #fff;
    background-color: #FC6E51;
}

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

.dropdown-menu.warning > li > a:hover,
.dropdown-menu.warning > li > a:focus {
    color: #fff;
    background-color: #FFCE54;
}

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


/**-------------------------------------------BUTTON-------------------------------------------**/

.btn {
    border-radius: 2px;
}

.btn.no-border {
    border: none;
}

.btn-toolbar.top-table {
    margin-bottom: 30px;
}

.btn.btn-square {
    border-radius: 0px;
}

.btn.btn-rounded-lg {
    border-radius: 10px;
}

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

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

.btn-perspective {
    -webkit-box-shadow: 0px 3px 0px #DBDBDB;
    -moz-box-shadow: 0px 3px 0px #DBDBDB;
    box-shadow: 0px 3px 0px #DBDBDB;
    top: 0;
    position: relative;
}

.btn-perspective:active {
    top: 2px;
    -webkit-box-shadow: 0px 1px 0px #DBDBDB;
    -moz-box-shadow: 0px 1px 0px #DBDBDB;
    box-shadow: 0px 1px 0px #DBDBDB;
}

.btn-default {
    color: #333;
    background-color: #F5F7FA;
    border-color: #E6E9ED;
}

.btn-default.btn-perspective {
    -webkit-box-shadow: 0px 3px 0px #CCD1D9;
    -moz-box-shadow: 0px 3px 0px #CCD1D9;
    box-shadow: 0px 3px 0px #CCD1D9;
}

.btn-default.btn-perspective:active {
    -webkit-box-shadow: 0px 1px 0px #CCD1D9;
    -moz-box-shadow: 0px 1px 0px #CCD1D9;
    box-shadow: 0px 1px 0px #CCD1D9;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #E6E9ED;
    border-color: #E6E9ED;
}

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

.btn-primary {
    background-color: #37BC9B;
    border-color: #37BC9B;
}

.btn-primary.btn-perspective {
    -webkit-box-shadow: 0px 3px 0px #279D81;
    -moz-box-shadow: 0px 3px 0px #279D81;
    box-shadow: 0px 3px 0px #279D81;
}

.btn-primary.btn-perspective:active {
    -webkit-box-shadow: 0px 1px 0px #279D81;
    -moz-box-shadow: 0px 1px 0px #279D81;
    box-shadow: 0px 1px 0px #279D81;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #29AF8E;
    border-color: #29AF8E;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #5ADBBC;
    border-color: #5ADBBC;
}

.btn-primary .badge {
    color: #5ADBBC;
}

.btn-success {
    background-color: #8CC152;
    border-color: #8CC152;
}

.btn-success.btn-perspective {
    -webkit-box-shadow: 0px 3px 0px #629031;
    -moz-box-shadow: 0px 3px 0px #629031;
    box-shadow: 0px 3px 0px #629031;
}

.btn-success.btn-perspective:active {
    -webkit-box-shadow: 0px 1px 0px #629031;
    -moz-box-shadow: 0px 1px 0px #629031;
    box-shadow: 0px 1px 0px #629031;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: #74AD3B;
    border-color: #74AD3B;
}

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

.btn-success .badge {
    color: #B4E87E;
}

.btn-info {
    background-color: #3BAFDA;
    border-color: #3BAFDA;
}

.btn-info.btn-perspective {
    -webkit-box-shadow: 0px 3px 0px #218BB2;
    -moz-box-shadow: 0px 3px 0px #218BB2;
    box-shadow: 0px 3px 0px #218BB2;
}

.btn-info.btn-perspective:active {
    -webkit-box-shadow: 0px 1px 0px #218BB2;
    -moz-box-shadow: 0px 1px 0px #218BB2;
    box-shadow: 0px 1px 0px #218BB2;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-color: #29A0CB;
    border-color: #29A0CB;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #5DCBF7;
    border-color: #5DCBF7;
}

.btn-info .badge {
    color: #5DCBF7;
}

.btn-warning {
    background-color: #F6BB42;
    border-color: #F6BB42;
}

.btn-warning.btn-perspective {
    -webkit-box-shadow: 0px 3px 0px #C6901F;
    -moz-box-shadow: 0px 3px 0px #C6901F;
    box-shadow: 0px 3px 0px #C6901F;
}

.btn-warning.btn-perspective:active {
    -webkit-box-shadow: 0px 1px 0px #C6901F;
    -moz-box-shadow: 0px 1px 0px #C6901F;
    box-shadow: 0px 1px 0px #C6901F;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-color: #E8AA2E;
    border-color: #E8AA2E;
}

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

.btn-warning .badge {
    color: #FCCB6A;
}

.btn-danger {
    background-color: #E9573F;
    border-color: #E9573F;
}

.btn-danger.btn-perspective {
    -webkit-box-shadow: 0px 3px 0px #C14029;
    -moz-box-shadow: 0px 3px 0px #C14029;
    box-shadow: 0px 3px 0px #C14029;
}

.btn-danger.btn-perspective:active {
    -webkit-box-shadow: 0px 1px 0px #C14029;
    -moz-box-shadow: 0px 1px 0px #C14029;
    box-shadow: 0px 1px 0px #C14029;
}

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

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

.btn-danger .badge {
    color: #FC7C64;
}

.btn-link {
    color: #37BC9B;
}

.btn-link:hover,
.btn-link:focus {
    color: #29AF8E;
}


/** Button Facebook **/

.btn-facebook {
    background-color: #4B66A0;
    border-color: #4B66A0;
    color: #fff;
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
    background-color: #3B5A98;
    border-color: #3B5A98;
    color: #fff;
}

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

.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
    background-color: #6C89C1;
    border-color: #6C89C1;
    color: #fff;
}

.btn-facebook .badge {
    color: #3B5A98;
}


/** Button Twitter **/

.btn-twitter {
    background-color: #55ACEE;
    border-color: #55ACEE;
    color: #fff;
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
    background-color: #3490D3;
    border-color: #3490D3;
    color: #fff;
}

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

.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active {
    background-color: #7CC1F5;
    border-color: #7CC1F5;
    color: #fff;
}

.btn-twitter .badge {
    color: #3490D3;
}


/** Button Googleplus **/

.btn-google-plus {
    background-color: #D24333;
    border-color: #D24333;
    color: #fff;
}

.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
    background-color: #BC2C1F;
    border-color: #BC2C1F;
    color: #fff;
}

.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
    background-image: none;
}

.btn-google-plus.disabled,
.btn-google-plus[disabled],
fieldset[disabled] .btn-google-plus,
.btn-google-plus.disabled:hover,
.btn-google-plus[disabled]:hover,
fieldset[disabled] .btn-google-plus:hover,
.btn-google-plus.disabled:focus,
.btn-google-plus[disabled]:focus,
fieldset[disabled] .btn-google-plus:focus,
.btn-google-plus.disabled:active,
.btn-google-plus[disabled]:active,
fieldset[disabled] .btn-google-plus:active,
.btn-google-plus.disabled.active,
.btn-google-plus[disabled].active,
fieldset[disabled] .btn-google-plus.active {
    background-color: #F0675A;
    border-color: #F0675A;
    color: #fff;
}

.btn-google-plus .badge {
    color: #BC2C1F;
}


/** Button Dribbble **/

.btn-dribbble {
    background-color: #E04C86;
    border-color: #E04C86;
    color: #fff;
}

.btn-dribbble:hover,
.btn-dribbble:focus,
.btn-dribbble:active,
.btn-dribbble.active,
.open .dropdown-toggle.btn-dribbble {
    background-color: #D33471;
    border-color: #D33471;
    color: #fff;
}

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

.btn-dribbble.disabled,
.btn-dribbble[disabled],
fieldset[disabled] .btn-dribbble,
.btn-dribbble.disabled:hover,
.btn-dribbble[disabled]:hover,
fieldset[disabled] .btn-dribbble:hover,
.btn-dribbble.disabled:focus,
.btn-dribbble[disabled]:focus,
fieldset[disabled] .btn-dribbble:focus,
.btn-dribbble.disabled:active,
.btn-dribbble[disabled]:active,
fieldset[disabled] .btn-dribbble:active,
.btn-dribbble.disabled.active,
.btn-dribbble[disabled].active,
fieldset[disabled] .btn-dribbble.active {
    background-color: #F571A5;
    border-color: #F571A5;
    color: #fff;
}

.btn-dribbble .badge {
    color: #D33471;
}


/** Button Flickr **/

.btn-flickr {
    background-color: #0162DB;
    border-color: #0162DB;
    color: #fff;
}

.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
    background-color: #0555BF;
    border-color: #0555BF;
    color: #fff;
}

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

.btn-flickr.disabled,
.btn-flickr[disabled],
fieldset[disabled] .btn-flickr,
.btn-flickr.disabled:hover,
.btn-flickr[disabled]:hover,
fieldset[disabled] .btn-flickr:hover,
.btn-flickr.disabled:focus,
.btn-flickr[disabled]:focus,
fieldset[disabled] .btn-flickr:focus,
.btn-flickr.disabled:active,
.btn-flickr[disabled]:active,
fieldset[disabled] .btn-flickr:active,
.btn-flickr.disabled.active,
.btn-flickr[disabled].active,
fieldset[disabled] .btn-flickr.active {
    background-color: #2983F7;
    border-color: #2983F7;
    color: #fff;
}

.btn-flickr .badge {
    color: #0555BF;
}


/** Button Pinterest **/

.btn-pinterest {
    background-color: #CC2127;
    border-color: #CC2127;
    color: #fff;
}

.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.open .dropdown-toggle.btn-pinterest {
    background-color: #B70F12;
    border-color: #B70F12;
    color: #fff;
}

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

.btn-pinterest.disabled,
.btn-pinterest[disabled],
fieldset[disabled] .btn-pinterest,
.btn-pinterest.disabled:hover,
.btn-pinterest[disabled]:hover,
fieldset[disabled] .btn-pinterest:hover,
.btn-pinterest.disabled:focus,
.btn-pinterest[disabled]:focus,
fieldset[disabled] .btn-pinterest:focus,
.btn-pinterest.disabled:active,
.btn-pinterest[disabled]:active,
fieldset[disabled] .btn-pinterest:active,
.btn-pinterest.disabled.active,
.btn-pinterest[disabled].active,
fieldset[disabled] .btn-pinterest.active {
    background-color: #E53B3E;
    border-color: #E53B3E;
    color: #fff;
}

.btn-pinterest .badge {
    color: #B70F12;
}


/** Button Youtube **/

.btn-youtube {
    background-color: #D92623;
    border-color: #D92623;
    color: #fff;
}

.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active,
.open .dropdown-toggle.btn-youtube {
    background-color: #C91212;
    border-color: #C91212;
    color: #fff;
}

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

.btn-youtube.disabled,
.btn-youtube[disabled],
fieldset[disabled] .btn-youtube,
.btn-youtube.disabled:hover,
.btn-youtube[disabled]:hover,
fieldset[disabled] .btn-youtube:hover,
.btn-youtube.disabled:focus,
.btn-youtube[disabled]:focus,
fieldset[disabled] .btn-youtube:focus,
.btn-youtube.disabled:active,
.btn-youtube[disabled]:active,
fieldset[disabled] .btn-youtube:active,
.btn-youtube.disabled.active,
.btn-youtube[disabled].active,
fieldset[disabled] .btn-youtube.active {
    background-color: #F04343;
    border-color: #F04343;
    color: #fff;
}

.btn-youtube .badge {
    color: #C91212;
}


/** Button Dropbox **/

.btn-dropbox {
    background-color: #1473C3;
    border-color: #1473C3;
    color: #fff;
}

.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
    background-color: #0864B2;
    border-color: #0864B2;
    color: #fff;
}

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

.btn-dropbox.disabled,
.btn-dropbox[disabled],
fieldset[disabled] .btn-dropbox,
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn-dropbox:hover,
.btn-dropbox.disabled:focus,
.btn-dropbox[disabled]:focus,
fieldset[disabled] .btn-dropbox:focus,
.btn-dropbox.disabled:active,
.btn-dropbox[disabled]:active,
fieldset[disabled] .btn-dropbox:active,
.btn-dropbox.disabled.active,
.btn-dropbox[disabled].active,
fieldset[disabled] .btn-dropbox.active {
    background-color: #2E90E3;
    border-color: #2E90E3;
    color: #fff;
}

.btn-dropbox .badge {
    color: #0864B2;
}


/** Button Foursquare **/

.btn-foursquare {
    background-color: #0086BE;
    border-color: #0086BE;
    color: #fff;
}

.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active,
.open .dropdown-toggle.btn-foursquare {
    background-color: #0571A0;
    border-color: #0571A0;
    color: #fff;
}

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

.btn-foursquare.disabled,
.btn-foursquare[disabled],
fieldset[disabled] .btn-foursquare,
.btn-foursquare.disabled:hover,
.btn-foursquare[disabled]:hover,
fieldset[disabled] .btn-foursquare:hover,
.btn-foursquare.disabled:focus,
.btn-foursquare[disabled]:focus,
fieldset[disabled] .btn-foursquare:focus,
.btn-foursquare.disabled:active,
.btn-foursquare[disabled]:active,
fieldset[disabled] .btn-foursquare:active,
.btn-foursquare.disabled.active,
.btn-foursquare[disabled].active,
fieldset[disabled] .btn-foursquare.active {
    background-color: #2CA0CE;
    border-color: #2CA0CE;
    color: #fff;
}

.btn-foursquare .badge {
    color: #0571A0;
}


/** Button Github **/

.btn-github {
    background-color: #3B3B3B;
    border-color: #3B3B3B;
    color: #fff;
}

.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
    background-color: #212121;
    border-color: #212121;
    color: #fff;
}

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

.btn-github.disabled,
.btn-github[disabled],
fieldset[disabled] .btn-github,
.btn-github.disabled:hover,
.btn-github[disabled]:hover,
fieldset[disabled] .btn-github:hover,
.btn-github.disabled:focus,
.btn-github[disabled]:focus,
fieldset[disabled] .btn-github:focus,
.btn-github.disabled:active,
.btn-github[disabled]:active,
fieldset[disabled] .btn-github:active,
.btn-github.disabled.active,
.btn-github[disabled].active,
fieldset[disabled] .btn-github.active {
    background-color: #5F5F5F;
    border-color: #5F5F5F;
    color: #fff;
}

.btn-github .badge {
    color: #212121;
}


/** Button Linkedin **/

.btn-linkedin {
    background-color: #0085AE;
    border-color: #0085AE;
    color: #fff;
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
    background-color: #036C8E;
    border-color: #036C8E;
    color: #fff;
}

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

.btn-linkedin.disabled,
.btn-linkedin[disabled],
fieldset[disabled] .btn-linkedin,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled:active,
.btn-linkedin[disabled]:active,
fieldset[disabled] .btn-linkedin:active,
.btn-linkedin.disabled.active,
.btn-linkedin[disabled].active,
fieldset[disabled] .btn-linkedin.active {
    background-color: #24A7D3;
    border-color: #24A7D3;
    color: #fff;
}

.btn-linkedin .badge {
    color: #036C8E;
}


/** Button Tumblr **/

.btn-tumblr {
    background-color: #3E5A70;
    border-color: #3E5A70;
    color: #fff;
}

.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
    background-color: #2E485D;
    border-color: #2E485D;
    color: #fff;
}

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

.btn-tumblr.disabled,
.btn-tumblr[disabled],
fieldset[disabled] .btn-tumblr,
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn-tumblr:hover,
.btn-tumblr.disabled:focus,
.btn-tumblr[disabled]:focus,
fieldset[disabled] .btn-tumblr:focus,
.btn-tumblr.disabled:active,
.btn-tumblr[disabled]:active,
fieldset[disabled] .btn-tumblr:active,
.btn-tumblr.disabled.active,
.btn-tumblr[disabled].active,
fieldset[disabled] .btn-tumblr.active {
    background-color: #586F81;
    border-color: #586F81;
    color: #fff;
}

.btn-tumblr .badge {
    color: #2E485D;
}


/** Button Vimeo **/

.btn-vimeo {
    background-color: #1BB6EC;
    border-color: #1BB6EC;
    color: #fff;
}

.btn-vimeo:hover,
.btn-vimeo:focus,
.btn-vimeo:active,
.btn-vimeo.active,
.open .dropdown-toggle.btn-vimeo {
    background-color: #0D9DD1;
    border-color: #0D9DD1;
    color: #fff;
}

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

.btn-vimeo.disabled,
.btn-vimeo[disabled],
fieldset[disabled] .btn-vimeo,
.btn-vimeo.disabled:hover,
.btn-vimeo[disabled]:hover,
fieldset[disabled] .btn-vimeo:hover,
.btn-vimeo.disabled:focus,
.btn-vimeo[disabled]:focus,
fieldset[disabled] .btn-vimeo:focus,
.btn-vimeo.disabled:active,
.btn-vimeo[disabled]:active,
fieldset[disabled] .btn-vimeo:active,
.btn-vimeo.disabled.active,
.btn-vimeo[disabled].active,
fieldset[disabled] .btn-vimeo.active {
    background-color: #4BCBFA;
    border-color: #4BCBFA;
    color: #fff;
}

.btn-vimeo .badge {
    color: #0D9DD1;
}


/**-------------------------------------------ALERT-------------------------------------------**/

.alert.square {
    border-radius: 0px;
}

.alert.alert-bold-border {
    border-radius: 0px;
    background: #fff;
    border: none;
    color: #434A54;
    border-left: 5px solid transparent;
}

.alert-success {
    color: #629031;
    background-color: #CEF0AB;
    border-color: #B7E086;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    color: #218BB2;
    background-color: #96DDFA;
    border-color: #71C6E5;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    color: #C6901F;
    background-color: #FDDD9E;
    border-color: #EDC471;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger {
    color: #C14029;
    background-color: #FDAA9A;
    border-color: #EA8676;
}

.alert-danger .alert-link {
    color: #843534;
}

.alert-success.alert-block {
    color: #fff;
    background-color: #8CC152;
    border-color: #8CC152;
}

.alert-success.alert-block .alert-link {
    color: #F2FFE0;
}

.alert-info.alert-block {
    color: #fff;
    background-color: #3BAFDA;
    border-color: #3BAFDA;
}

.alert-info.alert-block .alert-link {
    color: #D3F5FF;
}

.alert-warning.alert-block {
    color: #fff;
    background-color: #F6BB42;
    border-color: #F6BB42;
}

.alert-warning.alert-block .alert-link {
    color: #FFF5DB;
}

.alert-danger.alert-block {
    color: #fff;
    background-color: #E9573F;
    border-color: #E9573F;
}

.alert-danger.alert-block .alert-link {
    color: #FFAD9D;
}

.alert-danger.alert-bold-border .alert-link {
    color: #FFE3DE;
}

.alert-success.alert-bold-border {
    border-left-color: #8CC152;
}

.alert-success.alert-bold-border .alert-link {
    color: #8CC152;
}

.alert-info.alert-bold-border {
    border-left-color: #3BAFDA;
}

.alert-info.alert-bold-border .alert-link {
    color: #3BAFDA;
}

.alert-warning.alert-bold-border {
    border-left-color: #F6BB42;
}

.alert-warning.alert-bold-border .alert-link {
    color: #F6BB42;
}

.alert-danger.alert-bold-border {
    border-left-color: #E9573F;
}

.alert-danger.alert-bold-border .alert-link {
    color: #E9573F;
}


/**-------------------------------------------LABEL AND BADGE-------------------------------------------**/

.label.square {
    border-radius: 0em;
}

.badge,
.label-default,
.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #AAB2BD;
}

.label-primary,
.badge-primary,
.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #37BC9B;
}

.label-success,
.badge-success,
.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #8CC152;
}

.label-info,
.badge-info,
.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #3BAFDA;
}

.label-warning,
.badge-warning,
.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #F6BB42;
}

.label-danger,
.badge-danger,
.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #E9573F;
}


/**-------------------------------------------NAV-------------------------------------------**/

.nav-pills.square > li > a {
    border-radius: 0px;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #eee;
    border-color: transparent;
}

.nav-tabs.left-position {
    border-right: 1px solid #ddd;
    border-bottom: none;
}

.nav-tabs.left-position > li {
    float: none;
    margin-right: -1px;
    margin-bottom: 2px;
}

.nav-tabs.left-position > li > a {
    margin-right: 0px;
    border-radius: 4px 0 0 4px;
}

.nav-tabs.left-position > li > a:hover {
    border-color: transparent;
}

.nav-tabs.left-position.item-color > li.active > a,
.nav-tabs.left-position.item-color > li.active > a:hover,
.nav-tabs.left-position.item-color > li.active > a:focus,
.nav-tabs.left-position.nav-primary.item-color > li.active > a,
.nav-tabs.left-position.nav-primary.item-color > li.active > a:hover,
.nav-tabs.left-position.nav-primary.item-color > li.active > a:focus,
.nav-tabs.left-position.nav-success.item-color > li.active > a,
.nav-tabs.left-position.nav-success.item-color > li.active > a:hover,
.nav-tabs.left-position.nav-success.item-color > li.active > a:focus,
.nav-tabs.left-position.nav-info.item-color > li.active > a,
.nav-tabs.left-position.nav-info.item-color > li.active > a:hover,
.nav-tabs.left-position.nav-info.item-color > li.active > a:focus,
.nav-tabs.left-position.nav-danger.item-color > li.active > a,
.nav-tabs.left-position.nav-danger.item-color > li.active > a:hover,
.nav-tabs.left-position.nav-danger.item-color > li.active > a:focus,
.nav-tabs.left-position.nav-warning.item-color > li.active > a,
.nav-tabs.left-position.nav-warning.item-color > li.active > a:hover,
.nav-tabs.left-position.nav-warning.item-color > li.active > a:focus,
.nav-tabs.left-position.nav-primary > li.active > a,
.nav-tabs.left-position.nav-primary > li.active > a:hover,
.nav-tabs.left-position.nav-primary > li.active > a:focus,
.nav-tabs.left-position.nav-success > li.active > a,
.nav-tabs.left-position.nav-success > li.active > a:hover,
.nav-tabs.left-position.nav-success > li.active > a:focus,
.nav-tabs.left-position.nav-info > li.active > a,
.nav-tabs.left-position.nav-info > li.active > a:hover,
.nav-tabs.left-position.nav-info > li.active > a:focus,
.nav-tabs.left-position.nav-danger > li.active > a,
.nav-tabs.left-position.nav-danger > li.active > a:hover,
.nav-tabs.left-position.nav-danger > li.active > a:focus,
.nav-tabs.left-position.nav-warning > li.active > a,
.nav-tabs.left-position.nav-warning > li.active > a:hover,
.nav-tabs.left-position.nav-warning > li.active > a:focus,
.nav-tabs.left-position > li.active > a,
.nav-tabs.left-position > li.active > a:hover,
.nav-tabs.left-position > li.active > a:focus {
    border: 1px solid #ddd;
    border-right-color: transparent;
}

.nav-tabs.right-position {
    border-left: 1px solid #ddd;
    border-bottom: none;
}

.nav-tabs.right-position > li {
    float: none;
    margin-left: -1px;
    margin-bottom: 2px;
    text-align: right;
}

.nav-tabs.right-position > li > a {
    margin-left: 0px;
    border-radius: 0 4px 4px 0;
}

.nav-tabs.right-position > li > a:hover {
    border-color: transparent;
}

.nav-tabs.right-position.item-color > li.active > a,
.nav-tabs.right-position.item-color > li.active > a:hover,
.nav-tabs.right-position.item-color > li.active > a:focus,
.nav-tabs.right-position.nav-primary.item-color > li.active > a,
.nav-tabs.right-position.nav-primary.item-color > li.active > a:hover,
.nav-tabs.right-position.nav-primary.item-color > li.active > a:focus,
.nav-tabs.right-position.nav-success.item-color > li.active > a,
.nav-tabs.right-position.nav-success.item-color > li.active > a:hover,
.nav-tabs.right-position.nav-success.item-color > li.active > a:focus,
.nav-tabs.right-position.nav-info.item-color > li.active > a,
.nav-tabs.right-position.nav-info.item-color > li.active > a:hover,
.nav-tabs.right-position.nav-info.item-color > li.active > a:focus,
.nav-tabs.right-position.nav-danger.item-color > li.active > a,
.nav-tabs.right-position.nav-danger.item-color > li.active > a:hover,
.nav-tabs.right-position.nav-danger.item-color > li.active > a:focus,
.nav-tabs.right-position.nav-warning.item-color > li.active > a,
.nav-tabs.right-position.nav-warning.item-color > li.active > a:hover,
.nav-tabs.right-position.nav-warning.item-color > li.active > a:focus,
.nav-tabs.right-position.nav-primary > li.active > a,
.nav-tabs.right-position.nav-primary > li.active > a:hover,
.nav-tabs.right-position.nav-primary > li.active > a:focus,
.nav-tabs.right-position.nav-success > li.active > a,
.nav-tabs.right-position.nav-success > li.active > a:hover,
.nav-tabs.right-position.nav-success > li.active > a:focus,
.nav-tabs.right-position.nav-info > li.active > a,
.nav-tabs.right-position.nav-info > li.active > a:hover,
.nav-tabs.right-position.nav-info > li.active > a:focus,
.nav-tabs.right-position.nav-danger > li.active > a,
.nav-tabs.right-position.nav-danger > li.active > a:hover,
.nav-tabs.right-position.nav-danger > li.active > a:focus,
.nav-tabs.right-position.nav-warning > li.active > a,
.nav-tabs.right-position.nav-warning > li.active > a:hover,
.nav-tabs.right-position.nav-warning > li.active > a:focus,
.nav-tabs.right-position > li.active > a,
.nav-tabs.right-position > li.active > a:hover,
.nav-tabs.right-position > li.active > a:focus {
    border: 1px solid #ddd;
    border-left-color: transparent;
}

.nav-tabs.bottom-position {
    border-top: 1px solid #ddd;
    border-bottom: none;
}

.nav-tabs.bottom-position > li {
    margin-top: -1px;
    margin-right: 2px;
}

.nav-tabs.bottom-position > li > a {
    margin-top: 0px;
    border-radius: 0 0 4px 4px;
}

.nav-tabs.bottom-position > li > a:hover {
    border-color: transparent;
}

.nav-tabs.bottom-position.item-color.nav-primary > li.active > a,
.nav-tabs.bottom-position.item-color.nav-primary > li.active > a:hover,
.nav-tabs.bottom-position.item-color.nav-primary > li.active > a:focus,
.nav-tabs.bottom-position.item-color.nav-success > li.active > a,
.nav-tabs.bottom-position.item-color.nav-success > li.active > a:hover,
.nav-tabs.bottom-position.item-color.nav-success > li.active > a:focus,
.nav-tabs.bottom-position.item-color.nav-info > li.active > a,
.nav-tabs.bottom-position.item-color.nav-info > li.active > a:hover,
.nav-tabs.bottom-position.item-color.nav-info > li.active > a:focus,
.nav-tabs.bottom-position.item-color.nav-danger > li.active > a,
.nav-tabs.bottom-position.item-color.nav-danger > li.active > a:hover,
.nav-tabs.bottom-position.item-color.nav-danger > li.active > a:focus,
.nav-tabs.bottom-position.item-color.nav-warning > li.active > a,
.nav-tabs.bottom-position.item-color.nav-warning > li.active > a:hover,
.nav-tabs.bottom-position.item-color.nav-warning > li.active > a:focus,
.nav-tabs.bottom-position.nav-primary > li.active > a,
.nav-tabs.bottom-position.nav-primary > li.active > a:hover,
.nav-tabs.bottom-position.nav-primary > li.active > a:focus,
.nav-tabs.bottom-position.nav-success > li.active > a,
.nav-tabs.bottom-position.nav-success > li.active > a:hover,
.nav-tabs.bottom-position.nav-success > li.active > a:focus,
.nav-tabs.bottom-position.nav-info > li.active > a,
.nav-tabs.bottom-position.nav-info > li.active > a:hover,
.nav-tabs.bottom-position.nav-info > li.active > a:focus,
.nav-tabs.bottom-position.nav-danger > li.active > a,
.nav-tabs.bottom-position.nav-danger > li.active > a:hover,
.nav-tabs.bottom-position.nav-danger > li.active > a:focus,
.nav-tabs.bottom-position.nav-warning > li.active > a,
.nav-tabs.bottom-position.nav-warning > li.active > a:hover,
.nav-tabs.bottom-position.nav-warning > li.active > a:focus,
.nav-tabs.bottom-position > li.active > a,
.nav-tabs.bottom-position > li.active > a:hover,
.nav-tabs.bottom-position > li.active > a:focus {
    border: 1px solid #ddd;
    border-top-color: transparent;
}

.nav-tabs.left-position.square > li > a,
.nav-tabs.right-position.square > li > a,
.nav-tabs.bottom-position.square > li > a,
.nav-tabs.square > li > a {
    border-radius: 0;
}

.nav-tabs-showcase {
    margin-bottom: 20px;
}

.nav-pills-showcase {
    margin-bottom: 20px;
}

.nav.nav-primary > li.active > a,
.nav.nav-success > li.active > a,
.nav.nav-info > li.active > a,
.nav.nav-danger > li.active > a,
.nav.nav-warning > li.active > a,
.nav.nav-primary > li.active > a:hover,
.nav.nav-success > li.active > a:hover,
.nav.nav-info > li.active > a:hover,
.nav.nav-danger > li.active > a:hover,
.nav.nav-warning > li.active > a:hover {
    color: #353535;
}

.nav.nav-pills > li.disabled > a,
.nav.nav-tabs > li.disabled > a,
.nav.nav-primary > li.disabled > a,
.nav.nav-success > li.disabled > a,
.nav.nav-info > li.disabled > a,
.nav.nav-danger > li.disabled > a,
.nav.nav-warning > li.disabled > a,
.nav.nav-primary > li.disabled > a:hover,
.nav.nav-success > li.disabled > a:hover,
.nav.nav-info > li.disabled > a:hover,
.nav.nav-danger > li.disabled > a:hover,
.nav.nav-warning > li.disabled > a:hover {
    color: #D5DAE0;
    border-color: transparent;
    background: transparent;
    pointer-events: none;
}

.nav-tabs.nav-primary > li.active > a,
.nav-tabs.nav-success > li.active > a,
.nav-tabs.nav-info > li.active > a,
.nav-tabs.nav-danger > li.active > a,
.nav-tabs.nav-warning > li.active > a,
.nav-tabs.nav-primary > li.active > a:hover,
.nav-tabs.nav-success > li.active > a:hover,
.nav-tabs.nav-info > li.active > a:hover,
.nav-tabs.nav-danger > li.active > a:hover,
.nav-tabs.nav-warning > li.active > a:hover {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #434A54;
}

.nav-tabs.item-color > li > a {
    background: #434A54;
    color: #fff;
}

.nav-tabs.item-color > li > a:hover,
.nav-tabs.item-color > li > a:focus {
    background-color: #656D78;
    color: #fff;
    border-color: #656D78;
}

.nav-tabs.item-color > li.active > a,
.nav-tabs.item-color > li.active > a:hover,
.nav-tabs.item-color > li.active > a:focus {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #353535;
}

.nav.nav-primary > li > a {
    color: #37BC9B
}

.nav.nav-primary > li > a:hover,
.nav.nav-primary > li > a:focus {
    background-color: #37BC9B;
    color: #fff;
    border-color: #37BC9B;
}

.nav-tabs.item-color.nav-primary > li > a {
    background: #37BC9B;
    color: #fff;
}

.nav-tabs.item-color.nav-primary > li > a:hover,
.nav-tabs.item-color.nav-primary > li > a:focus {
    background-color: #48CFAD;
    color: #fff;
    border-color: #48CFAD;
}

.nav-tabs.item-color.nav-primary > li.active > a,
.nav-tabs.item-color.nav-primary > li.active > a:hover,
.nav-tabs.item-color.nav-primary > li.active > a:focus {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #353535;
}

.nav-tabs.item-color.nav-primary > li.disabled > a,
.nav-tabs.item-color.nav-primary > li.disabled > a:hover,
.nav-tabs.item-color.nav-primary > li.disabled > a:focus,
.nav-tabs.item-color.nav-success > li.disabled > a,
.nav-tabs.item-color.nav-success > li.disabled > a:hover,
.nav-tabs.item-color.nav-success > li.disabled > a:focus,
.nav-tabs.item-color.nav-info > li.disabled > a,
.nav-tabs.item-color.nav-info > li.disabled > a:hover,
.nav-tabs.item-color.nav-info > li.disabled > a:focus,
.nav-tabs.item-color.nav-danger > li.disabled > a,
.nav-tabs.item-color.nav-danger > li.disabled > a:hover,
.nav-tabs.item-color.nav-danger > li.disabled > a:focus,
.nav-tabs.item-color.nav-warning > li.disabled > a,
.nav-tabs.item-color.nav-warning > li.disabled > a:hover,
.nav-tabs.item-color.nav-warning > li.disabled > a:focus {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65;
}

.nav-pills.nav-primary > li.active > a,
.nav-pills.nav-primary > li.active > a:hover,
.nav-pills.nav-primary > li.active > a:focus {
    background-color: #37BC9B;
    color: #fff;
}

.nav.nav-success > li > a {
    color: #8CC152
}

.nav.nav-success > li > a:hover,
.nav.nav-success > li > a:focus {
    background-color: #8CC152;
    color: #fff;
    border-color: #8CC152;
}

.nav-tabs.item-color.nav-success > li > a {
    background: #8CC152;
    color: #fff;
}

.nav-tabs.item-color.nav-success > li > a:hover,
.nav-tabs.item-color.nav-success > li > a:focus {
    background-color: #A0D468;
    color: #fff;
    border-color: #A0D468;
}

.nav-tabs.item-color.nav-success > li.active > a,
.nav-tabs.item-color.nav-success > li.active > a:hover,
.nav-tabs.item-color.nav-success > li.active > a:focus {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #353535;
}

.nav-pills.nav-success > li.active > a,
.nav-pills.nav-success > li.active > a:hover,
.nav-pills.nav-success > li.active > a:focus {
    background-color: #8CC152;
    color: #fff;
}

.nav.nav-info > li > a {
    color: #3BAFDA
}

.nav.nav-info > li > a:hover,
.nav.nav-info > li > a:focus {
    background-color: #3BAFDA;
    color: #fff;
    border-color: #3BAFDA;
}

.nav-tabs.item-color.nav-info > li > a {
    background: #3BAFDA;
    color: #fff;
}

.nav-tabs.item-color.nav-info > li > a:hover,
.nav-tabs.item-color.nav-info > li > a:focus {
    background-color: #4FC1E9;
    color: #fff;
    border-color: #4FC1E9;
}

.nav-tabs.item-color.nav-info > li.active > a,
.nav-tabs.item-color.nav-info > li.active > a:hover,
.nav-tabs.item-color.nav-info > li.active > a:focus {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #353535;
}

.nav-pills.nav-info > li.active > a,
.nav-pills.nav-info > li.active > a:hover,
.nav-pills.nav-info > li.active > a:focus {
    background-color: #3BAFDA;
    color: #fff;
}

.nav.nav-danger > li > a {
    color: #E9573F
}

.nav.nav-danger > li > a:hover,
.nav.nav-danger > li > a:focus {
    background-color: #E9573F;
    color: #fff;
    border-color: #E9573F;
}

.nav-tabs.item-color.nav-danger > li > a {
    background: #E9573F;
    color: #fff;
}

.nav-tabs.item-color.nav-danger > li > a:hover,
.nav-tabs.item-color.nav-danger > li > a:focus {
    background-color: #FC6E51;
    color: #fff;
    border-color: #FC6E51;
}

.nav-tabs.item-color.nav-danger > li.active > a,
.nav-tabs.item-color.nav-danger > li.active > a:hover,
.nav-tabs.item-color.nav-danger > li.active > a:focus {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #353535;
}

.nav-pills.nav-danger > li.active > a,
.nav-pills.nav-danger > li.active > a:hover,
.nav-pills.nav-danger > li.active > a:focus {
    background-color: #E9573F;
    color: #fff;
}

.nav.nav-warning > li > a {
    color: #F6BB42
}

.nav.nav-warning > li > a:hover,
.nav.nav-warning > li > a:focus {
    background-color: #F6BB42;
    color: #fff;
    border-color: #F6BB42;
}

.nav-tabs.item-color.nav-warning > li > a {
    background: #F6BB42;
    color: #fff;
}

.nav-tabs.item-color.nav-warning > li > a:hover,
.nav-tabs.item-color.nav-warning > li > a:focus {
    background-color: #FFCE54;
    color: #fff;
    border-color: #FFCE54;
}

.nav-tabs.item-color.nav-warning > li.active > a,
.nav-tabs.item-color.nav-warning > li.active > a:hover,
.nav-tabs.item-color.nav-warning > li.active > a:focus {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #353535;
}

.nav-pills.nav-warning > li.active > a,
.nav-pills.nav-warning > li.active > a:hover,
.nav-pills.nav-warning > li.active > a:focus {
    background-color: #F6BB42;
    color: #fff;
}


/**-------------------------------------------NAVBAR-------------------------------------------**/

.navbar.square {
    border-radius: 0;
}

.navbar.no-border {
    border: none;
}

.navbar-primary .form-control,
.navbar-success .form-control,
.navbar-info .form-control,
.navbar-danger .form-control,
.navbar-warning .form-control,
.navbar-inverse .form-control {
    border: none;
}

.navbar-primary {
    background-color: #37BC9B;
    border-color: #2CAF90;
}

.navbar-primary .btn.btn-primary {
    background-color: #27A283;
    border-color: #27A283;
}

.navbar-primary .btn.btn-primary:hover,
.navbar-primary .btn.btn-primary:active,
.navbar-primary .btn.btn-primary:focus {
    background-color: #1C9376;
    border-color: #1C9376;
}

.navbar-primary .navbar-brand {
    color: #fff;
}

.navbar-primary .navbar-brand:hover,
.navbar-primary .navbar-brand:focus {
    color: #fff;
}

.navbar-primary .navbar-text {
    color: #fff;
}

.navbar-primary .navbar-nav > li > a {
    color: #fff;
}

.navbar-primary .navbar-nav > li > a:hover,
.navbar-primary .navbar-nav > li > a:focus {
    color: #E0FFF7;
    background-color: transparent;
}

.navbar-primary .navbar-nav > .active > a,
.navbar-primary .navbar-nav > .active > a:hover,
.navbar-primary .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #2CAF90;
}

.navbar-primary .navbar-toggle {
    border-color: #2CAF90;
}

.navbar-primary .navbar-toggle:hover,
.navbar-primary .navbar-toggle:focus {
    background-color: #2CAF90;
}

.navbar-primary .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-primary .navbar-collapse,
.navbar-primary .navbar-form {
    border-color: #2CAF90;
}

.navbar-primary .navbar-nav > .open > a,
.navbar-primary .navbar-nav > .open > a:hover,
.navbar-primary .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #2CAF90;
}

@media (max-width: 767px) {
    .navbar-primary .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-primary .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-primary .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #E0FFF7;
        background-color: transparent;
    }
    .navbar-primary .navbar-nav .open .dropdown-menu > li.divider {
        background-color: #2CAF90;
    }
    .navbar-primary .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-primary .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-primary .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #2CAF90;
    }
}

.navbar-success {
    background-color: #8CC152;
    border-color: #7EB446;
}

.navbar-success .btn.btn-success {
    background-color: #76AD3E;
    border-color: #76AD3E;
}

.navbar-success .btn.btn-success:hover,
.navbar-success .btn.btn-success:active,
.navbar-success .btn.btn-success:focus {
    background-color: #679D2E;
    border-color: #679D2E;
}

.navbar-success .navbar-brand {
    color: #fff;
}

.navbar-success .navbar-brand:hover,
.navbar-success .navbar-brand:focus {
    color: #fff;
}

.navbar-success .navbar-text {
    color: #fff;
}

.navbar-success .navbar-nav > li > a {
    color: #fff;
}

.navbar-success .navbar-nav > li > a:hover,
.navbar-success .navbar-nav > li > a:focus {
    color: #F2FFE5;
    background-color: transparent;
}

.navbar-success .navbar-nav > .active > a,
.navbar-success .navbar-nav > .active > a:hover,
.navbar-success .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #7EB446;
}

.navbar-success .navbar-toggle {
    border-color: #7EB446;
}

.navbar-success .navbar-toggle:hover,
.navbar-success .navbar-toggle:focus {
    background-color: #7EB446;
}

.navbar-success .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-success .navbar-collapse,
.navbar-success .navbar-form {
    border-color: #7EB446;
}

.navbar-success .navbar-nav > .open > a,
.navbar-success .navbar-nav > .open > a:hover,
.navbar-success .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #7EB446;
}

@media (max-width: 767px) {
    .navbar-success .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-success .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-success .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #F2FFE5;
        background-color: transparent;
    }
    .navbar-success .navbar-nav .open .dropdown-menu > li.divider {
        background-color: #7EB446;
    }
    .navbar-success .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-success .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-success .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #7EB446;
    }
}

.navbar-info {
    background-color: #3BAFDA;
    border-color: #299DCB;
}

.navbar-info .btn.btn-info {
    background-color: #2998C1;
    border-color: #2998C1;
}

.navbar-info .btn.btn-info:hover,
.navbar-info .btn.btn-info:active,
.navbar-info .btn.btn-info:focus {
    background-color: #1C86AF;
    border-color: #1C86AF;
}

.navbar-info .navbar-brand {
    color: #fff;
}

.navbar-info .navbar-brand:hover,
.navbar-info .navbar-brand:focus {
    color: #fff;
}

.navbar-info .navbar-text {
    color: #fff;
}

.navbar-info .navbar-nav > li > a {
    color: #fff;
}

.navbar-info .navbar-nav > li > a:hover,
.navbar-info .navbar-nav > li > a:focus {
    color: #E3F7FF;
    background-color: transparent;
}

.navbar-info .navbar-nav > .active > a,
.navbar-info .navbar-nav > .active > a:hover,
.navbar-info .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #299DCB;
}

.navbar-info .navbar-toggle {
    border-color: #299DCB;
}

.navbar-info .navbar-toggle:hover,
.navbar-info .navbar-toggle:focus {
    background-color: #299DCB;
}

.navbar-info .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-info .navbar-collapse,
.navbar-info .navbar-form {
    border-color: #299DCB;
}

.navbar-info .navbar-nav > .open > a,
.navbar-info .navbar-nav > .open > a:hover,
.navbar-info .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #299DCB;
}

@media (max-width: 767px) {
    .navbar-info .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-info .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-info .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #E3F7FF;
        background-color: transparent;
    }
    .navbar-info .navbar-nav .open .dropdown-menu > li.divider {
        background-color: #299DCB;
    }
    .navbar-info .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-info .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-info .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #299DCB;
    }
}

.navbar-danger {
    background-color: #E9573F;
    border-color: #DB462C;
}

.navbar-danger .btn.btn-danger {
    background-color: #D1462C;
    border-color: #D1462C;
}

.navbar-danger .btn.btn-danger:hover,
.navbar-danger .btn.btn-danger:active,
.navbar-danger .btn.btn-danger:focus {
    background-color: #C1361F;
    border-color: #C1361F;
}

.navbar-danger .navbar-brand {
    color: #fff;
}

.navbar-danger .navbar-brand:hover,
.navbar-danger .navbar-brand:focus {
    color: #fff;
}

.navbar-danger .navbar-text {
    color: #fff;
}

.navbar-danger .navbar-nav > li > a {
    color: #fff;
}

.navbar-danger .navbar-nav > li > a:hover,
.navbar-danger .navbar-nav > li > a:focus {
    color: #FFE8E3;
    background-color: transparent;
}

.navbar-danger .navbar-nav > .active > a,
.navbar-danger .navbar-nav > .active > a:hover,
.navbar-danger .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #DB462C;
}

.navbar-danger .navbar-toggle {
    border-color: #DB462C;
}

.navbar-danger .navbar-toggle:hover,
.navbar-danger .navbar-toggle:focus {
    background-color: #DB462C;
}

.navbar-danger .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-danger .navbar-collapse,
.navbar-danger .navbar-form {
    border-color: #DB462C;
}

.navbar-danger .navbar-nav > .open > a,
.navbar-danger .navbar-nav > .open > a:hover,
.navbar-danger .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #DB462C;
}

@media (max-width: 767px) {
    .navbar-danger .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-danger .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-danger .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #FFE8E3;
        background-color: transparent;
    }
    .navbar-danger .navbar-nav .open .dropdown-menu > li.divider {
        background-color: #DB462C;
    }
    .navbar-danger .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-danger .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-danger .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #DB462C;
    }
}

.navbar-warning {
    background-color: #F6BB42;
    border-color: #E8AA2E;
}

.navbar-warning .btn.btn-warning {
    background-color: #E0A52C;
    border-color: #E0A52C;
}

.navbar-warning .btn.btn-warning:hover,
.navbar-warning .btn.btn-warning:active,
.navbar-warning .btn.btn-warning:focus {
    background-color: #CB8E12;
    border-color: #CB8E12;
}

.navbar-warning .navbar-brand {
    color: #fff;
}

.navbar-warning .navbar-brand:hover,
.navbar-warning .navbar-brand:focus {
    color: #fff;
}

.navbar-warning .navbar-text {
    color: #fff;
}

.navbar-warning .navbar-nav > li > a {
    color: #fff;
}

.navbar-warning .navbar-nav > li > a:hover,
.navbar-warning .navbar-nav > li > a:focus {
    color: #FFF2D8;
    background-color: transparent;
}

.navbar-warning .navbar-nav > .active > a,
.navbar-warning .navbar-nav > .active > a:hover,
.navbar-warning .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #E8AA2E;
}

.navbar-warning .navbar-toggle {
    border-color: #E8AA2E;
}

.navbar-warning .navbar-toggle:hover,
.navbar-warning .navbar-toggle:focus {
    background-color: #E8AA2E;
}

.navbar-warning .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-warning .navbar-collapse,
.navbar-warning .navbar-form {
    border-color: #E8AA2E;
}

.navbar-warning .navbar-nav > .open > a,
.navbar-warning .navbar-nav > .open > a:hover,
.navbar-warning .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #E8AA2E;
}

@media (max-width: 767px) {
    .navbar-warning .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-warning .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-warning .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #FFF2D8;
        background-color: transparent;
    }
    .navbar-warning .navbar-nav .open .dropdown-menu > li.divider {
        background-color: #E8AA2E;
    }
    .navbar-warning .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-warning .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-warning .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #E8AA2E;
    }
}

.navbar-inverse {
    background-color: #434A54;
    border-color: #343B46;
}

.navbar-inverse .navbar-brand {
    color: #fff;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #fff;
}

.navbar-inverse .navbar-text {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #E6E9ED;
    background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #343B46;
}

.navbar-inverse .navbar-toggle {
    border-color: #343B46;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #343B46;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #343B46;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #343B46;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #E6E9ED;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li.divider {
        background-color: #343B46;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #343B46;
    }
}

.navbar-primary .navbar-link {
    color: #777;
}

.navbar-primary .navbar-link:hover {
    color: #333;
}


/**+++++++++++++++++++++++++++++++++++++++++++3RD PARTIES+++++++++++++++++++++++++++++++++++++++++++**/


/**-------------------------------------------FONT AWESOME-------------------------------------------**/

p.icon-showcase i {
    margin: 3px;
}

.icon-circle {
    border-radius: 50%;
    text-align: center;
    display: inline-block;
}

.icon-rounded {
    border-radius: 5px;
    text-align: center;
    display: inline-block;
}

.icon-square {
    border-radius: 0px;
    text-align: center;
    display: inline-block;
}

.icon-xs {
    width: 30px;
    height: 30px;
    padding: 7px 0;
}

.icon-sm {
    width: 40px;
    height: 40px;
    font-size: 20px;
    padding: 10px 0;
}

.icon-md {
    width: 60px;
    height: 60px;
    font-size: 30px;
    padding: 15px 0;
}

.icon-lg {
    width: 90px;
    height: 90px;
    font-size: 45px;
    padding: 22px 0;
}

.icon-xl {
    width: 150px;
    height: 150px;
    font-size: 80px;
    padding: 34px 0;
}

.icon-sm-size {
    font-size: 20px;
    padding: 10px 0;
}

.icon-md-size {
    font-size: 30px;
    padding: 12px 0;
}

.icon-lg-size {
    font-size: 45px;
    padding: 15px 0;
}

.icon-xl-size {
    font-size: 80px;
    padding: 20px 0;
}

.icon-bordered.icon-default {
    background: #fff;
    color: #434A54;
    -webkit-box-shadow: inset 0px 0px 0px 2px #E6E9ED;
    -moz-box-shadow: inset 0px 0px 0px 2px #E6E9ED;
    box-shadow: inset 0px 0px 0px 2px #E6E9ED;
}

.icon-default {
    color: #434A54;
    background: #E6E9ED;
}

a .icon-primary,
a .icon-success,
a .icon-info,
a .icon-danger,
a .icon-warning,
a .icon-dark,
a:hover .icon-primary,
a:hover .icon-success,
a:hover .icon-info,
a:hover .icon-danger,
a:hover .icon-warning,
a:hover .icon-dark,
a:focus .icon-primary,
a:focus .icon-success,
a:focus .icon-info,
a:focus .icon-danger,
a:focus .icon-warning,
a:focus .icon-dark,
.icon-primary,
.icon-success,
.icon-info,
.icon-danger,
.icon-warning,
.icon-dark {
    color: #fff;
    text-decoration: none;
}

.icon-primary {
    background: #37BC9B
}

.icon-success {
    background: #8CC152
}

.icon-info {
    background: #3BAFDA
}

.icon-danger {
    background: #E9573F
}

.icon-warning {
    background: #F6BB42
}

.icon-dark {
    background: #434A54
}

.icon-facebook,
a .icon-facebook,
a:focus .icon-facebook {
    background-color: #4B66A0;
    color: #fff;
    text-decoration: none;
}

a .icon-twitter,
a:focus .icon-twitter,
.icon-twitter {
    background-color: #55ACEE;
    color: #fff;
    text-decoration: none;
}

.icon-google-plus,
a .icon-google-plus,
a:focus .icon-google-plus {
    background-color: #D24333;
    color: #fff;
    text-decoration: none;
}

.icon-dribbble,
a .icon-dribbble,
a:focus .icon-dribbble {
    background-color: #E04C86;
    color: #fff;
    text-decoration: none;
}

.icon-flickr,
a .icon-flickr,
a:focus .icon-flickr {
    background-color: #0162DB;
    color: #fff;
    text-decoration: none;
}

.icon-pinterest,
a .icon-pinterest,
a:focus .icon-pinterest {
    background-color: #CC2127;
    color: #fff;
    text-decoration: none;
}

.icon-bordered.icon-primary {
    background: #fff;
    color: #37BC9B;
    -webkit-box-shadow: inset 0px 0px 0px 2px #37BC9B;
    -moz-box-shadow: inset 0px 0px 0px 2px #37BC9B;
    box-shadow: inset 0px 0px 0px 2px #37BC9B;
}

.icon-bordered.icon-success {
    background: #fff;
    color: #8CC152;
    -webkit-box-shadow: inset 0px 0px 0px 2px #8CC152;
    -moz-box-shadow: inset 0px 0px 0px 2px #8CC152;
    box-shadow: inset 0px 0px 0px 2px #8CC152;
}

.icon-bordered.icon-info {
    background: #fff;
    color: #3BAFDA;
    -webkit-box-shadow: inset 0px 0px 0px 2px #3BAFDA;
    -moz-box-shadow: inset 0px 0px 0px 2px #3BAFDA;
    box-shadow: inset 0px 0px 0px 2px #3BAFDA;
}

.icon-bordered.icon-danger {
    background: #fff;
    color: #E9573F;
    -webkit-box-shadow: inset 0px 0px 0px 2px #E9573F;
    -moz-box-shadow: inset 0px 0px 0px 2px #E9573F;
    box-shadow: inset 0px 0px 0px 2px #E9573F;
}

.icon-bordered.icon-warning {
    background: #fff;
    color: #F6BB42;
    -webkit-box-shadow: inset 0px 0px 0px 2px #F6BB42;
    -moz-box-shadow: inset 0px 0px 0px 2px #F6BB42;
    box-shadow: inset 0px 0px 0px 2px #F6BB42;
}

.icon-bordered.icon-dark {
    background: #fff;
    color: #434A54;
    -webkit-box-shadow: inset 0px 0px 0px 2px #434A54;
    -moz-box-shadow: inset 0px 0px 0px 2px #434A54;
    box-shadow: inset 0px 0px 0px 2px #434A54;
}

.icon-md.icon-bordered.icon-primary {
    -webkit-box-shadow: inset 0px 0px 0px 3px #37BC9B;
    -moz-box-shadow: inset 0px 0px 0px 3px #37BC9B;
    box-shadow: inset 0px 0px 0px 3px #37BC9B;
}

.icon-md.icon-bordered.icon-success {
    -webkit-box-shadow: inset 0px 0px 0px 3px #8CC152;
    -moz-box-shadow: inset 0px 0px 0px 3px #8CC152;
    box-shadow: inset 0px 0px 0px 3px #8CC152;
}

.icon-md.icon-bordered.icon-info {
    -webkit-box-shadow: inset 0px 0px 0px 3px #3BAFDA;
    -moz-box-shadow: inset 0px 0px 0px 3px #3BAFDA;
    box-shadow: inset 0px 0px 0px 3px #3BAFDA;
}

.icon-md.icon-bordered.icon-danger {
    -webkit-box-shadow: inset 0px 0px 0px 3px #E9573F;
    -moz-box-shadow: inset 0px 0px 0px 3px #E9573F;
    box-shadow: inset 0px 0px 0px 3px #E9573F;
}

.icon-md.icon-bordered.icon-warning {
    -webkit-box-shadow: inset 0px 0px 0px 3px #F6BB42;
    -moz-box-shadow: inset 0px 0px 0px 3px #F6BB42;
    box-shadow: inset 0px 0px 0px 3px #F6BB42;
}

.icon-md.icon-bordered.icon-dark {
    -webkit-box-shadow: inset 0px 0px 0px 3px #434A54;
    -moz-box-shadow: inset 0px 0px 0px 3px #434A54;
    box-shadow: inset 0px 0px 0px 3px #434A54;
}

.icon-lg.icon-bordered.icon-primary {
    -webkit-box-shadow: inset 0px 0px 0px 5px #37BC9B;
    -moz-box-shadow: inset 0px 0px 0px 5px #37BC9B;
    box-shadow: inset 0px 0px 0px 5px #37BC9B;
}

.icon-lg.icon-bordered.icon-success {
    -webkit-box-shadow: inset 0px 0px 0px 5px #8CC152;
    -moz-box-shadow: inset 0px 0px 0px 5px #8CC152;
    box-shadow: inset 0px 0px 0px 5px #8CC152;
}

.icon-lg.icon-bordered.icon-info {
    -webkit-box-shadow: inset 0px 0px 0px 5px #3BAFDA;
    -moz-box-shadow: inset 0px 0px 0px 5px #3BAFDA;
    box-shadow: inset 0px 0px 0px 5px #3BAFDA;
}

.icon-lg.icon-bordered.icon-danger {
    -webkit-box-shadow: inset 0px 0px 0px 5px #E9573F;
    -moz-box-shadow: inset 0px 0px 0px 5px #E9573F;
    box-shadow: inset 0px 0px 0px 5px #E9573F;
}

.icon-lg.icon-bordered.icon-warning {
    -webkit-box-shadow: inset 0px 0px 0px 5px #F6BB42;
    -moz-box-shadow: inset 0px 0px 0px 5px #F6BB42;
    box-shadow: inset 0px 0px 0px 5px #F6BB42;
}

.icon-lg.icon-bordered.icon-dark {
    -webkit-box-shadow: inset 0px 0px 0px 5px #434A54;
    -moz-box-shadow: inset 0px 0px 0px 5px #434A54;
    box-shadow: inset 0px 0px 0px 5px #434A54;
}

.icon-xl.icon-bordered.icon-primary {
    -webkit-box-shadow: inset 0px 0px 0px 8px #37BC9B;
    -moz-box-shadow: inset 0px 0px 0px 8px #37BC9B;
    box-shadow: inset 0px 0px 0px 8px #37BC9B;
}

.icon-xl.icon-bordered.icon-success {
    -webkit-box-shadow: inset 0px 0px 0px 8px #8CC152;
    -moz-box-shadow: inset 0px 0px 0px 8px #8CC152;
    box-shadow: inset 0px 0px 0px 8px #8CC152;
}

.icon-xl.icon-bordered.icon-info {
    -webkit-box-shadow: inset 0px 0px 0px 8px #3BAFDA;
    -moz-box-shadow: inset 0px 0px 0px 8px #3BAFDA;
    box-shadow: inset 0px 0px 0px 8px #3BAFDA;
}

.icon-xl.icon-bordered.icon-danger {
    -webkit-box-shadow: inset 0px 0px 0px 8px #E9573F;
    -moz-box-shadow: inset 0px 0px 0px 8px #E9573F;
    box-shadow: inset 0px 0px 0px 8px #E9573F;
}

.icon-xl.icon-bordered.icon-warning {
    -webkit-box-shadow: inset 0px 0px 0px 8px #F6BB42;
    -moz-box-shadow: inset 0px 0px 0px 8px #F6BB42;
    box-shadow: inset 0px 0px 0px 8px #F6BB42;
}

.icon-xl.icon-bordered.icon-dark {
    -webkit-box-shadow: inset 0px 0px 0px 8px #434A54;
    -moz-box-shadow: inset 0px 0px 0px 8px #434A54;
    box-shadow: inset 0px 0px 0px 8px #434A54;
}


/**-------------------------------------------MAGNIFIC POPUP-------------------------------------------**/

.magnific-popup-wrap {}

.magnific-popup-wrap .item-gallery {
    margin-bottom: 30px;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    filter: alpha(opacity=0);
    opacity: 0;
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 25px;
    width: auto;
    max-width: 600px;
    margin: 0 auto;
}

.white-popup.wide {
    max-width: 1000px;
}

.video-popup {
    position: relative;
    padding: 30px;
    width: auto;
    max-width: 800px;
    margin: 0 auto;
}

.video-popup button.mfp-close {
    color: #fff;
}


/*======Zoom effect======*/

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    filter: alpha(opacity=0);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0;
    filter: alpha(opacity=0);
}

.mfp-with-fade .mfp-content,
.mfp-with-fade.mfp-bg {
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity .5s ease-out;
}

.mfp-with-fade.mfp-ready .mfp-content {
    filter: alpha(opacity=100);
    opacity: 1;
}

.mfp-with-fade.mfp-ready.mfp-bg {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-with-fade.mfp-removing.mfp-bg {
    opacity: 0;
    filter: alpha(opacity=0);
}


/**-------------------------------------------OWL CAROUSEL-------------------------------------------**/

.owl-carousel {
    padding: 0px;
    margin: 0;
}

.owl-carousel .item {
    padding: 10px 0px;
    margin: 10px;
    color: #FFF;
    text-align: center;
}

.owl-carousel .item img {
    width: auto;
    max-width: 100%;
    display: block;
}

.owl-carousel .item.full {
    padding: 0px;
    margin: 0px;
}

#Owlbar {
    width: 0%;
    max-width: 100%;
    height: 4px;
    background: #7fc242;
}

#OwlprogressBar {
    width: 100%;
    background: #EDEDED;
}


/**-------------------------------------------RESPONSIVE IFRAME-------------------------------------------**/

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 15px;
}

.video-wrapper.no-margin {
    margin-bottom: 0px;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

iframe {
    width: 100%;
    border: none;
}


/**-------------------------------------------JQUERY FLOT-------------------------------------------**/

#flotTip {
    padding: 5px;
    border: 2px solid #353535;
    background: rgba(1, 1, 1, .4);
    color: #fff;
}


/**-------------------------------------------EASY PIE CHART-------------------------------------------**/

.chart {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.chart.chart-widget-pie {
    margin-top: 5px;
    margin-bottom: 5px;
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.percent {
    display: inline-block;
    line-height: 110px;
    z-index: 2;
}

.percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
}


/**-------------------------------------------PRICING TABLE-------------------------------------------**/

.pricing-table-wrap {
    margin: 80px auto;
}

.pricing-table-wrap:before,
.pricing-table-wrap:after {
    display: table;
    content: " ";
}

.pricing-table-wrap:after {
    clear: both;
}

.table-item {
    width: 33.33333333%;
    float: left;
    display: inline-block;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    padding: 0 0 30px 0;
    background: #fff;
    -webkit-box-shadow: inset 0px 0px 0px 3px #E6E9ED;
    -moz-box-shadow: inset 0px 0px 0px 3px #E6E9ED;
    box-shadow: inset 0px 0px 0px 3px #E6E9ED;
}

.table-item .heading {
    padding: 15px 0;
    border-bottom: 1px solid #E6E9ED;
}

.table-item .circle-best {
    width: 80px;
    height: 80px;
    color: #fff;
    background: #E9573F;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: -40px;
    right: 10px;
    z-index: 3;
    line-height: 120%;
    padding: 10px 0;
}

.table-item.best-choice {
    margin-left: -3px;
    margin-right: -3px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.table-item:first-child {
    border-radius: 5px 0 0 5px;
}

.table-item:last-child {
    border-radius: 0 5px 5px 0;
}

.table-item ul.content-pricing {
    padding: 0;
    margin: 20px 0;
    list-style: none;
}

.table-item ul.content-pricing li {
    display: block;
    padding: 5px 10px;
}

.table-item.best-choice ul.content-pricing li {
    display: block;
    padding: 10px;
}

.table-item-2 {
    border: 2px solid #CCD1D9;
    border-radius: 0 0 8px 8px;
    background: #fff;
    padding: 20px;
    margin: 40px 0;
    position: relative;
}

.table-item-2 .table-heading {
    border: 2px solid #434A54;
    margin: -22px -22px 0 -22px;
    background: #434A54;
    color: #F5F7FA;
    padding: 20px;
    overflow: hidden;
}

.table-item-2 .table-heading .plan-name {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.table-item-2 .table-heading h1 {
    color: #fff;
    font-size: 80px;
    font-weight: 700;
    margin-bottom: 30px;
}

.table-item-2 .table-heading h1 sup,
.table-item-2 .table-heading h1 sub {
    font-size: 14px;
    top: -50px;
    font-weight: 400;
    color: #AAB2BD;
}

.table-item-2 .table-heading h1 sub {
    top: 0;
    bottom: -50px;
}

.table-item-2 .table-body {
    margin: 20px 0 10px;
}

.table-item-2 .table-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.table-item-2 .table-body ul li {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #E6E9ED;
    height: 43px;
    padding-left: 50px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-item-2 .table-body ul li .icon-left {
    position: absolute;
    width: 43px;
    height: 43px;
    text-align: center;
    padding: 10px 0;
    color: #AAB2BD;
    font-size: 20px;
    left: 0;
    top: 0;
}

.table-item-2 .table-body ul li:last-child {
    border-bottom: none;
}

.shape {
    border-style: solid;
    border-width: 0 55px 55px 0;
    position: absolute;
    top: -2px;
    right: -2px;
    height: 0px;
    width: 0px;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.shape-text {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    right: -25px;
    top: 0px;
    letter-spacing: 1px;
    white-space: nowrap;
    -ms-transform: rotate(30deg);
    /* IE 9 */
    -o-transform: rotate(360deg);
    /* Opera 10.5 */
    -webkit-transform: rotate(46deg);
    /* Safari and Chrome */
    transform: rotate(46deg);
}

.shape {
    border-color: rgba(255, 255, 255, 0) #d9534f rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}


/**-------------------------------------------SEARCH PAGE-------------------------------------------**/

.search-page {
    margin: -15px -15px -40px -15px;
}

.search-page .media {
    margin-bottom: 30px;
}

.search-page .image-thumb-result {
    width: 130px;
}

#search-heading {
    padding: 20px;
}

#search-heading form {
    margin: 15px 0;
}

.search-page .logo {
    width: auto;
    max-width: 300px;
}


/**-------------------------------------------MAIL APPS-------------------------------------------**/

.mail-apps-wrap {
    margin: 0 -15px;
    background: #fff;
}

.mail-apps-wrap .heading h1 {
    padding: 0;
    margin: 0;
    line-height: 100%;
}

.mail-apps-wrap .toolbar {
    background: #F5F7FA;
}

.mail-apps-wrap .list-group-item {
    vertical-align: middle;
}

.mail-apps-wrap .panel-heading .avatar,
.mail-apps-wrap .list-group-item .avatar {
    width: 40px;
    height: 40px;
    margin: 0 10px;
}

.list-group-item.mail-list {
    padding-left: 30px;
    padding-right: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.list-group-item.mail-list.read {
    background: #F5F7FA;
}

.list-group-item.mail-list span.name {
    width: 100px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    margin: 0 10px;
}

.list-group-item.mail-list span.favorite {
    margin: 0 5px;
}

.list-group-item.mail-list span.subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 10px;
}

.list-group-item.mail-list span.label {
    margin: 0 10px;
}

.list-group-item.mail-list span.time {
    float: right;
    width: 80px;
    position: absolute;
    right: 10px;
    top: 20px;
    text-align: right;
    font-size: 13px;
}

.list-group-item.mail-list span.attachment {
    float: right;
    position: absolute;
    right: 80px;
    top: 20px;
    text-align: right;
}

.mail-apps-wrap .panel-heading .time {
    padding: 15px 0;
    display: block;
    font-size: 13px;
}

.mail-info-detail {
    list-style: none;
    margin: 0;
    padding: 10px;
    width: 300px;
}

.mail-info-detail li {
    padding: 5px 10px;
}

.attachment-list {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}

.attachment-list li {
    padding: 5px 0;
}

.box-reply {
    padding: 20px;
    border: 1px solid #E6E9ED;
    margin-bottom: 40px;
}


/**-------------------------------------------BLOG APPS-------------------------------------------**/

.small-heading {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 0;
    margin: 10px 0;
    color: #A9B3BD;
}

.medium-heading {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 0;
    margin: 10px 0;
    color: #A9B3BD;
}

.more-margin-bottom {
    margin-bottom: 20px;
    margin-top: 0;
}

.carousel.blog-carousel {
    position: relative;
}

.carousel.blog-carousel a {
    color: #fff;
}

.search-blog {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 30px;
    z-index: 5;
}

.search-blog .form-control {
    background: rgba(255, 255, 255, .8);
    font-weight: 700;
}

.col-full-width {
    padding: 0;
}

.col-full-width-right {
    padding-right: 0;
}

.col-full-width-left {
    padding-left: 0;
}

.recent-post {
    margin: 30px 0 0 0;
}

.popular-video {
    margin: 30px 0 0 0;
}

.blog-detail-image {
    position: relative
}

.blog-detail-image img.img-blog {
    position: relative;
    width: auto;
    max-width: 100%;
    z-index: 1;
}

.blog-detail-image .blog-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    color: #fff;
    z-index: 2;
    padding: 20px 15px;
    text-align: center;
    opacity: .7;
    filter: alpha(opacity=70);
    background: rgba(1, 1, 1, 0);
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.blog-detail-image:hover .blog-title {
    opacity: 1;
    filter: alpha(opacity=100);
    background: rgba(1, 1, 1, .4);
}

.blog-detail-image .blog-title .avatar {
    width: 60px;
    height: 60px;
    margin: 0 0 20px 0;
}

.blog-detail-image .blog-title h1,
.blog-detail-image .blog-title h2,
.blog-detail-image .blog-title h3,
.blog-detail-image .blog-title h4,
.blog-detail-image .blog-title h5 {
    color: #fff;
}

.blog-detail-image .blog-title a {
    color: #fff;
}

.blog-detail-content p {
    margin: 20px 0;
    line-height: 170%;
}

.blog-list {
    margin: 30px 0;
}

.blog-list h4 a {
    color: #434A54;
    font-weight: 600;
}

.featured-post-wide {
    position: relative;
    margin: 0 0 30px;
    overflow: hidden;
}

.featured-post-wide img.featured-img {
    width: 100%;
    position: relative;
    z-index: 1;
}

.featured-post-wide .featured-text {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    background: #fff;
    padding: 15px 15px 15px 40px;
    z-index: 3;
}

.featured-post-wide .featured-text h2,
.featured-post-wide .featured-text h3,
.featured-post-wide .featured-text h4 {
    padding: 0;
    margin: 0 0 20px;
}

.featured-post-wide .featured-text.relative {
    position: relative;
    width: 100%;
    padding: 15px;
}

.featured-post-wide .featured-text.relative-left {
    position: relative;
    width: 100%;
    padding: 15px 15px 15px 40px;
}

.featured-post-wide .option-action {
    position: absolute;
    left: 300px;
    top: 0;
    bottom: 0;
    background: rgba(1, 1, 1, 0.5);
    padding: 15px;
    z-index: 2;
    color: #fff;
    font-size: 24px;
    text-align: center;
}

.featured-post-wide .option-action .count {
    font-size: 18px;
}

.featured-post-wide .featured-text h3 a {
    color: #434A54;
}

.featured-post-wide .featured-text p.date {
    font-size: 14px;
    color: #AAB2BD;
    margin-bottom: 10px;
}

.featured-post-wide .icon-type {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 4;
}

p.additional-post-wrap {
    margin: 15px 0;
    font-size: 13px;
}

p.additional-post-wrap a {
    color: #AAB2BD;
}

.additional-post {
    padding: 10px 15px 10px 0;
    color: #AAB2BD;
}

.additional-post a {
    color: #AAB2BD;
}

.additional-post i {
    margin-right: 5px;
}

.tags-cloud h3,
.signup-newsletter h3 {
    padding: 0;
    margin: 10px 0;
}

.signup-newsletter form {
    margin-top: 20px;
}

.tags-cloud {
    line-height: 250%;
}

.tags-cloud span {
    margin: 5px;
    padding: 5px 10px 6px;
    font-size: 14px;
}

.tags-cloud a:hover {
    text-decoration: none;
}

.tags-cloud p {
    margin: 20px 0 0 0;
}

p.date small {
    padding: 10px 0;
    margin-bottom: 15px;
    color: #A9B3BD;
    font-size: 11px;
    text-transform: uppercase;
}

.comment-action {
    margin-top: 20px;
}

.blog-list .blog-image {
    width: 200px;
}


/**-------------------------------------------SOCIAL APPS-------------------------------------------**/

.social-avatar {
    width: 80px;
    height: 80px;
}

.social-avatar.xs {
    width: 50px;
    height: 50px;
    margin: 5px;
}

.social-avatar.absolute {
    position: absolute;
    left: 50%;
    margin-left: -40px;
}

.social-avatar.has-margin {
    margin: 10px 0;
}

.has-dark-shadow {
    -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.has-light-shadow {
    -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, .45);
    -moz-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, .45);
    box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, .45);
}

.has-white-shadow {
    -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 1);
}

.has-black-shadow {
    -webkit-box-shadow: 0px 0px 0px 3px #434A54;
    -moz-box-shadow: 0px 0px 0px 3px #434A54;
    box-shadow: 0px 0px 0px 3px #434A54;
}

.media-team .media-body {
    padding: 5px 0;
}

.media-team .media {
    padding: 5px 0;
    margin: 0;
}

.card-wide {
    position: relative;
    overflow: hidden;
}

.card-wide img.img-bg {
    width: 100%;
    position: absolute;
    z-index: 1;
}

.card-info {
    position: relative;
    z-index: 2;
}

.text-white {
    color: #fff;
    padding: 20px;
}

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

.profile-heading {
    position: relative;
}

.profile-heading img.bg-co.profile-heading img.bg-cover {
    width: 100%;
    position: relative;
    z-index: 1;
}

@import url(http://fonts.googleapis.com/css?family=Lato:100,200,300,400,500,600,700);
body {
    background: #fff;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 15px;
    color: #656D78;
    padding-top: 60px;
    overflow-x: hidden;
    height: 100%;
}

body.no-padding-top {
    padding-top: 0px;
}

body.top-navigation {
    padding-top: 110px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}

h1.bolded,
h2.bolded,
h3.bolded,
h4.bolded,
h5.bolded,
h6.bolded {
    font-weight: 600;
}

h1.less-distance,
h2.less-distance,
h3.less-distance,
h4.less-distance,
h5.less-distance,
h6.less-distance {
    padding: 2px 0;
    margin: 2px 0;
}


/**+++++++++++++++++++++++++++++++++++++++++++MAIN LAYOUT+++++++++++++++++++++++++++++++++++++++++++**/


/**----------------------------------------------LOGIN, FORGOT PASS, REGISTER AND LOCK SCREEN----------------------------------------------**/

body.login {
    background: #37BC9B;
    padding: 0;
}

body.login.bg-success {
    background: #8EC051;
}

body.login.bg-info {
    background: #3EAFDB;
}

body.login.bg-danger {
    background: #E7573E;
}

body.login.bg-warning {
    background: #F6BB43;
}

body.login.bg-dark {
    background: #434A54;
}

body.lock {
    padding: 0;
}

.login-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    background: transparent;
    background: rgba(0, 0, 0, 0.07);
}

.login-header.dark {
    background: rgba(0, 0, 0, 0.2);
}

.login-header .logo {
    margin-top: 110px;
    width: auto;
    max-width: 240px;
}

.login-wrapper {
    width: 100%;
    max-width: 300px;
    margin: 215px auto 0;
    color: #fff;
    padding: 0 0 30px 0;
}

.login-wrapper a,
.login-wrapper a:hover,
.login-wrapper a:focus {
    color: #fff;
}

.login-wrapper .avatar-lock {
    width: 110px;
    height: 110px;
}

.login-wrapper h4 {
    color: #fff;
}

.login-wrapper .error-number {
    color: #fff;
    font-size: 80px;
    text-align: center;
    font-weight: 700;
}


/**-------------------------------------------NAVBAR-------------------------------------------**/

.wrapper {
    padding: 0;
    margin: 0;
    background: #E8E9EE;
    height: 100%;
    position: relative;
}

.top-navbar {
    position: fixed;
    height: 60px;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1024;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.top-navbar.hidden-to-top {
    top: -60px;
}


/** TOP NAV PRIMARY COLOR **/

.top-navbar.primary-color {
    background: #34BC9B;
}

.top-navbar.primary-color .top-nav-content .navbar-form .form-control {
    background: #C6FFF1;
}

.top-navbar.primary-color .top-nav-content .navbar-form .form-control:focus {
    background: #fff;
}

.top-navbar.primary-color .top-nav-content .navbar-nav > li > a {
    color: #fff;
}

.top-navbar.primary-color .top-nav-content .navbar-nav > li > a:hover,
.top-navbar.primary-color .top-nav-content .navbar-nav > li > a:focus {
    color: #C6FFF1;
}

.top-navbar.primary-color ul.nav-user li.dropdown a.dropdown-toggle {
    color: #fff;
}

.top-navbar.primary-color .btn-collapse-sidebar-left,
.top-navbar.primary-color .btn-collapse-sidebar-right,
.top-navbar.primary-color .btn-collapse-nav {
    color: #fff;
}


/** TOP NAV SUCCESS COLOR **/

.top-navbar.success-color {
    background: #8EC051;
}

.top-navbar.success-color .label.label-success,
.top-navbar.success-color .badge.badge-success {
    background: #75AB38;
}

.top-navbar.success-color .top-nav-content .navbar-form .form-control {
    background: #DEFDBE;
}

.top-navbar.success-color .top-nav-content .navbar-form .form-control:focus {
    background: #fff;
}

.top-navbar.success-color .top-nav-content .navbar-nav > li > a {
    color: #fff;
}

.top-navbar.success-color .top-nav-content .navbar-nav > li > a:hover,
.top-navbar.success-color .top-nav-content .navbar-nav > li > a:focus {
    color: #DEFDBE;
}

.top-navbar.success-color ul.nav-user li.dropdown a.dropdown-toggle {
    color: #fff;
}

.top-navbar.success-color .btn-collapse-sidebar-left,
.top-navbar.success-color .btn-collapse-sidebar-right,
.top-navbar.success-color .btn-collapse-nav {
    color: #fff;
}


/** TOP NAV INFO COLOR **/

.top-navbar.info-color {
    background: #3EAFDB;
}

.top-navbar.info-color .label.label-info,
.top-navbar.info-color .badge.badge-info {
    background: #2A9CC8;
}

.top-navbar.info-color .top-nav-content .navbar-form .form-control {
    background: #BAEAFF;
}

.top-navbar.info-color .top-nav-content .navbar-form .form-control:focus {
    background: #fff;
}

.top-navbar.info-color .top-nav-content .navbar-nav > li > a {
    color: #fff;
}

.top-navbar.info-color .top-nav-content .navbar-nav > li > a:hover,
.top-navbar.info-color .top-nav-content .navbar-nav > li > a:focus {
    color: #BAEAFF;
}

.top-navbar.info-color ul.nav-user li.dropdown a.dropdown-toggle {
    color: #fff;
}

.top-navbar.info-color .btn-collapse-sidebar-left,
.top-navbar.info-color .btn-collapse-sidebar-right,
.top-navbar.info-color .btn-collapse-nav {
    color: #fff;
}


/** TOP NAV DANGER COLOR **/

.top-navbar.danger-color {
    background: #E7573E;
}

.top-navbar.danger-color .label.label-danger,
.top-navbar.danger-color .badge.badge-danger {
    background: #D44732;
}

.top-navbar.danger-color .top-nav-content .navbar-form .form-control {
    background: #FFC6BD;
}

.top-navbar.danger-color .top-nav-content .navbar-form .form-control:focus {
    background: #fff;
}

.top-navbar.danger-color .top-nav-content .navbar-nav > li > a {
    color: #fff;
}

.top-navbar.danger-color .top-nav-content .navbar-nav > li > a:hover,
.top-navbar.danger-color .top-nav-content .navbar-nav > li > a:focus {
    color: #FFC6BD;
}

.top-navbar.danger-color ul.nav-user li.dropdown a.dropdown-toggle {
    color: #fff;
}

.top-navbar.danger-color .btn-collapse-sidebar-left,
.top-navbar.danger-color .btn-collapse-sidebar-right,
.top-navbar.danger-color .btn-collapse-nav {
    color: #fff;
}


/** TOP NAV WARNING COLOR **/

.top-navbar.warning-color {
    background: #F6BB43;
}

.top-navbar.warning-color .label.label-warning,
.top-navbar.warning-color .badge.badge-warning {
    background: #E8A724;
}

.top-navbar.warning-color .top-nav-content .navbar-form .form-control {
    background: #FFE6B3;
}

.top-navbar.warning-color .top-nav-content .navbar-form .form-control:focus {
    background: #fff;
}

.top-navbar.warning-color .top-nav-content .navbar-nav > li > a {
    color: #fff;
}

.top-navbar.warning-color .top-nav-content .navbar-nav > li > a:hover,
.top-navbar.warning-color .top-nav-content .navbar-nav > li > a:focus {
    color: #FFE6B3;
}

.top-navbar.warning-color ul.nav-user li.dropdown a.dropdown-toggle {
    color: #fff;
}

.top-navbar.warning-color .btn-collapse-sidebar-left,
.top-navbar.warning-color .btn-collapse-sidebar-right,
.top-navbar.warning-color .btn-collapse-nav {
    color: #fff;
}


/** TOP NAV DARK COLOR **/

.top-navbar.dark-color {
    background: #242A34;
}

.top-navbar.dark-color .top-nav-content .navbar-nav > li > a {
    color: #fff;
}

.top-navbar.dark-color .top-nav-content .navbar-nav > li > a:hover,
.top-navbar.dark-color .top-nav-content .navbar-nav > li > a:focus {
    color: #CBCCD1;
}

.top-navbar.dark-color ul.nav-user li.dropdown a.dropdown-toggle {
    color: #fff;
}

.top-navbar.dark-color .btn-collapse-sidebar-left,
.top-navbar.dark-color .btn-collapse-sidebar-right,
.top-navbar.dark-color .btn-collapse-nav {
    color: #fff;
}

.top-navbar-inner {
    position: relative;
}

.logo-brand {
    width: 250px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    text-align: center;
    background: #242A34;
    color: #fff;
}

.logo-brand img {
    width: auto;
    max-width: 160px;
}

.logo-brand.white-color {
    background: #fff;
    color: #434A54;
}

.logo-brand.primary-color {
    background: #34BC9B;
    color: #fff;
}

.logo-brand.success-color {
    background: #8EC051;
    color: #fff;
}

.logo-brand.info-color {
    background: #3EAFDB;
    color: #fff;
}

.logo-brand.danger-color {
    background: #E7573E;
    color: #fff;
}

.logo-brand.warning-color {
    background: #F6BB43;
    color: #fff;
}

.top-nav-content {
    position: relative;
    margin-left: 250px;
    height: 60px;
    padding-left: 50px;
    padding-right: 50px;
}

.top-nav-content.no-right-sidebar {
    padding-right: 0px;
}

.top-nav-content.no-left-sidebar {
    padding-left: 0px;
}

.top-nav-content .navbar-form {
    padding-top: 13px;
    padding-bottom: 13px;
    height: 60px;
    margin-bottom: 0;
    margin-top: 0;
}

.top-nav-content .navbar-form .form-control {
    border: none;
    background: #E6E9ED;
}

.top-nav-content .navbar-form .form-control:focus {
    background: #F5F7FA;
}

.top-nav-content .navbar-nav > li > a {
    padding-top: 19px;
    padding-bottom: 19px;
    height: 60px;
    color: #656D78;
    position: relative;
}

.top-nav-content .navbar-nav > li > a .icon-count {
    position: absolute;
    top: 13px;
    right: 0;
}

.top-nav-content .navbar-nav > li > a:hover,
.top-nav-content .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #434A54;
}

.top-nav-content .navbar-nav > .open > a,
.top-nav-content .navbar-nav > .open > a:hover,
.top-nav-content .navbar-nav > .open > a:focus {
    background-color: transparent;
}

ul.nav-user {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    right: 50px;
}

ul.nav-user.full {
    right: 0;
}

ul.nav-user li.dropdown a.dropdown-toggle {
    height: 60px;
    padding: 18px;
    display: block;
    color: #656D78;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
}

.avatar {
    width: 40px;
    height: 40px;
    position: relative;
    margin-top: -13px;
    margin-bottom: -11px;
    margin-right: 10px;
}

.nav-dropdown-heading {
    padding: 10px 20px;
    border-bottom: 1px solid #E6E9ED;
    font-weight: 700;
    font-size: 16px;
    background: #fff;
}

.nav-dropdown-content {
    height: 350px;
    min-width: 320px;
    max-width: 320px;
    overflow-y: auto;
}

.nav-dropdown-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.nav-dropdown-content ul li {
    display: block;
    border-bottom: 1px solid #F5F7FA;
}

.nav-dropdown-content.static-list ul li,
.nav-dropdown-content ul li a {
    padding: 10px 20px 10px 60px;
    display: block;
    position: relative;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    color: #656D78;
    background: #fff;
}

.nav-dropdown-content ul li a:hover {
    color: #434A54;
}

.nav-dropdown-content ul li.unread a {
    background: #F5F7FA;
}

.nav-dropdown-content.static-list ul li .small-caps,
.nav-dropdown-content ul li a .small-caps {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    display: block;
    color: #AAB2BD;
}

.nav-dropdown-content.static-list ul li .btn-action,
.nav-dropdown-content ul li a .btn-action {
    padding-top: 9px;
    padding-bottom: 9px;
}

.nav-dropdown-content.static-list ul li .btn-action .btn,
.nav-dropdown-content ul li a .btn-action .btn {
    margin: 0 2px;
}

.nav-dropdown-content.static-list ul li .absolute-left-content,
.nav-dropdown-content ul li a .absolute-left-content {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.nav-dropdown-content.static-list ul li .icon-task,
.nav-dropdown-content ul li a .icon-task {
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 10px 0;
}

.nav-dropdown-content ul li a .icon-task.completed {
    background: #8CC152
}

.nav-dropdown-content ul li a .icon-task.uncompleted {
    background: #E9573F
}

.nav-dropdown-content ul li a .icon-task.progress {
    background: #F6BB42
}

.nav-dropdown-content ul li:last-child {
    border-bottom: none;
}


/**-------------------------------------------TOP MAIN NAVIGATION-------------------------------------------**/

.top-main-navigation {
    height: auto;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    background: #000;
    z-index: 1023;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.top-main-navigation.full-top {
    top: 0px;
}

.top-main-navigation.toggle-left {
    left: -250px;
    right: 250px;
}

.top-main-navigation .navbar {
    margin-bottom: 0;
}

.top-main-navigation .navbar.navbar-default {
    background-color: #fff;
}

.top-nav-content.main-top-nav-layout {
    padding-left: 0px;
}

.top-main-navigation .span-sidebar {
    margin-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}


/**-------------------------------------------SIDEBAR-------------------------------------------**/

ul.sidebar-menu li.static.left-profile-summary {
    min-height: 20px;
    height: auto;
    padding: 29px 15px 0px 15px;
}

ul.sidebar-menu li.text-content.profile-summary {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.left-profile-summary h4 {
    color: #fff;
    padding: 0;
    margin: 0 0 5px;
    line-height: 120%;
}

.left-profile-summary .avatar {
    width: 70px;
    height: 70px;
    margin: 0 10px 20px 0;
}

.sidebar-left {
    position: fixed;
    top: 60px;
    left: 0;
    bottom: 0;
    width: 250px;
    background: #313940;
    color: #AAB2BD;
    z-index: 10;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.sidebar-right.full-top,
.sidebar-left.full-top {
    top: 0px;
}

.sidebar-right {
    position: fixed;
    top: 60px;
    right: -250px;
    bottom: 0;
    width: 250px;
    background: #313940;
    color: #AAB2BD;
    z-index: 1;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.sidebar-right-heading {
    position: fixed;
    top: 0;
    right: 0px;
    height: 60px;
    background-color: #2C3439;
    width: 250px;
    z-index: 6;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.sidebar-right-heading.hidden-to-top {
    top: -60px;
}

.sidebar-right-heading .nav-tabs {
    border-bottom: none;
}

.sidebar-right-heading .nav-tabs > li {
    margin-bottom: 0px;
}

.sidebar-right-heading .nav-tabs > li > a {
    margin-right: 0px;
    border: none;
    height: 60px;
    padding: 20px 0;
    color: #656D78;
}

.sidebar-right-heading .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
}

.sidebar-right-heading .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
}

.sidebar-right-heading .nav-tabs > li > a:hover {
    background-color: transparent;
    color: #E6E9ED;
}

.sidebar-right-heading .nav-tabs > li.active > a,
.sidebar-right-heading .nav-tabs > li.active > a:hover,
.sidebar-right-heading .nav-tabs > li.active > a:focus {
    color: #E6E9ED;
    cursor: default;
    border: none;
    background-color: #242C2E;
}

.sidebar-left.toggle-left {
    left: -250px;
}

.sidebar-right.toggle-left {
    right: 0;
}

.sidebar-left.toggle {
    left: -250px;
}

.page-content.toggle {
    margin-left: 0px;
}

.top-navbar.toggle-left {
    left: -250px;
    right: 250px;
}

.page-content.toggle-left {
    margin-left: 0px;
    margin-right: 250px;
}

.page-content.no-left-sidebar {
    margin-left: 0px;
}

.page-content {
    padding: 0;
    margin-left: 250px;
    margin-top: 0;
    z-index: 2;
    background: #E8E9EE;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.btn-collapse-sidebar-left {
    position: absolute;
    left: 0;
    width: 50px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    padding: 17px 0;
}

.btn-collapse-main-navigation {
    position: absolute;
    left: 0;
    width: 50px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    padding: 17px 0;
    display: none;
}

.btn-collapse-sidebar-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    padding: 17px 0;
    color: #656D78;
    color: rgba(1, 1, 1, 0.6)
}

.btn-collapse-nav {
    position: absolute;
    right: 0;
    width: 50px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    padding: 17px 0;
    display: none;
}

.icon-dinamic {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
}

.icon-dinamic.rotate-180 {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

ul.sidebar-menu {
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none;
}

ul.sidebar-menu li.static {
    display: block;
    color: #797E89;
    height: 60px;
    padding: 29px 15px 15px 15px;
    text-decoration: none;
    line-height: 120%;
    position: relative;
    font-size: 13px;
}

ul.sidebar-menu li.text-content {
    display: block;
    color: #AAB2BD;
    height: 40px;
    padding: 12px 60px 12px 15px;
    text-decoration: none;
    line-height: 120%;
    position: relative;
    font-size: 13px;
}

ul.sidebar-menu li.text-content .switch {
    position: absolute;
    right: 15px;
    top: 10px;
}

ul.sidebar-menu li {
    display: block;
    color: #AAB2BD;
}


/** SIDEBAR LIGHT PRIMARY COLOR **/

.sidebar-left.light-color {
    background: #fff;
    color: #AAB2BD;
}

.sidebar-left.light-color .left-profile-summary h4 {
    color: #656D78;
}

.sidebar-left.light-color ul.sidebar-menu li a {
    color: #AAB2BD;
    border-bottom-color: #F6F7F9;
}

.sidebar-left.light-color ul.sidebar-menu li a:hover,
.sidebar-left.light-color ul.sidebar-menu li a:focus {
    color: #656D78;
    border-bottom-color: #F6F7F9;
}

.sidebar-left.light-color ul.sidebar-menu li.selected a,
.sidebar-left.light-color ul.sidebar-menu li.selected a:hover,
.sidebar-left.light-color ul.sidebar-menu li.selected a:focus,
.sidebar-left.light-color ul.sidebar-menu li.active a,
.sidebar-left.light-color ul.sidebar-menu li.active a:hover,
.sidebar-left.light-color ul.sidebar-menu li.active a:focus {
    color: #656D78;
    background-color: #F6F7F9;
    border-bottom-color: #F6F7F9;
}

.sidebar-left.light-color ul.sidebar-menu li ul.submenu {
    background: #F6F7F9;
}

.sidebar-left.light-color ul.sidebar-menu li ul.submenu li a:hover,
.sidebar-left.light-color ul.sidebar-menu li ul.submenu li a:focus {
    color: #434A54;
}

.sidebar-left.light-color ul.sidebar-menu li ul.submenu li.selected a,
.sidebar-left.light-color ul.sidebar-menu li ul.submenu li.selected a:hover,
.sidebar-left.light-color ul.sidebar-menu li ul.submenu li.selected a:focus,
.sidebar-left.light-color ul.sidebar-menu li ul.submenu li.active a,
.sidebar-left.light-color ul.sidebar-menu li ul.submenu li.active a:hover,
.sidebar-left.light-color ul.sidebar-menu li ul.submenu li.active a:focus {
    color: #434A54;
    background-color: #D5DAE0;
}


/** SIDEBAR LEFT PRIMARY COLOR **/

.sidebar-left.primary-color {
    background: #34BC9B;
    color: #C6FFF1;
}

.sidebar-left.primary-color .left-profile-summary h4 {
    color: #fff;
}

.sidebar-left.primary-color ul.sidebar-menu li a {
    color: #C6FFF1;
    border-bottom-color: #28AA8B;
}

.sidebar-left.primary-color ul.sidebar-menu li a:active,
.sidebar-left.primary-color ul.sidebar-menu li a:hover,
.sidebar-left.primary-color ul.sidebar-menu li a:focus {
    color: #fff;
    border-bottom-color: #28AA8B;
}

.sidebar-left.primary-color ul.sidebar-menu li.selected a,
.sidebar-left.primary-color ul.sidebar-menu li.selected a:hover,
.sidebar-left.primary-color ul.sidebar-menu li.selected a:focus,
.sidebar-left.primary-color ul.sidebar-menu li.active a,
.sidebar-left.primary-color ul.sidebar-menu li.active a:hover,
.sidebar-left.primary-color ul.sidebar-menu li.active a:focus {
    color: #fff;
    background-color: #28AA8B;
    border-bottom-color: #28AA8B;
}

.sidebar-left.primary-color ul.sidebar-menu li ul.submenu {
    background: #28AA8B;
}

.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li a:active,
.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li a:hover,
.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li a:focus {
    color: #C6FFF1;
}

.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li.selected a,
.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li.selected a:hover,
.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li.selected a:focus,
.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li.active a,
.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li.active a:hover,
.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li.active a:focus {
    color: #C6FFF1;
    background-color: #28AA8B;
}

.sidebar-left.primary-color ul.sidebar-menu li.static,
.sidebar-left.primary-color ul.sidebar-menu li.text-content {
    color: #fff;
}

.sidebar-left.primary-color ul.sidebar-menu li a .chevron-icon-sidebar,
.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li a:before {
    color: #C6FFF1;
}

.sidebar-left.primary-color ul.sidebar-menu li ul.submenu li a {
    border-left-color: #C6FFF1;
}


/** SIDEBAR LEFT SUCCESS COLOR **/

.sidebar-left.success-color {
    background: #8EC051;
    color: #DEFDBE;
}

.sidebar-left.success-color .left-profile-summary h4 {
    color: #fff;
}

.sidebar-left.success-color ul.sidebar-menu li a {
    color: #DEFDBE;
    border-bottom-color: #75AB38;
}

.sidebar-left.success-color ul.sidebar-menu li a:active,
.sidebar-left.success-color ul.sidebar-menu li a:hover,
.sidebar-left.success-color ul.sidebar-menu li a:focus {
    color: #fff;
    border-bottom-color: #75AB38;
}

.sidebar-left.success-color ul.sidebar-menu li.selected a,
.sidebar-left.success-color ul.sidebar-menu li.selected a:hover,
.sidebar-left.success-color ul.sidebar-menu li.selected a:focus,
.sidebar-left.success-color ul.sidebar-menu li.active a,
.sidebar-left.success-color ul.sidebar-menu li.active a:hover,
.sidebar-left.success-color ul.sidebar-menu li.active a:focus {
    color: #fff;
    background-color: #75AB38;
    border-bottom-color: #75AB38;
}

.sidebar-left.success-color ul.sidebar-menu li ul.submenu {
    background: #75AB38;
}

.sidebar-left.success-color ul.sidebar-menu li ul.submenu li a:active,
.sidebar-left.success-color ul.sidebar-menu li ul.submenu li a:hover,
.sidebar-left.success-color ul.sidebar-menu li ul.submenu li a:focus {
    color: #DEFDBE;
}

.sidebar-left.success-color ul.sidebar-menu li ul.submenu li.selected a,
.sidebar-left.success-color ul.sidebar-menu li ul.submenu li.selected a:hover,
.sidebar-left.success-color ul.sidebar-menu li ul.submenu li.selected a:focus,
.sidebar-left.success-color ul.sidebar-menu li ul.submenu li.active a,
.sidebar-left.success-color ul.sidebar-menu li ul.submenu li.active a:hover,
.sidebar-left.success-color ul.sidebar-menu li ul.submenu li.active a:focus {
    color: #DEFDBE;
    background-color: #75AB38;
}

.sidebar-left.success-color ul.sidebar-menu li.static,
.sidebar-left.success-color ul.sidebar-menu li.text-content {
    color: #fff;
}

.sidebar-left.success-color ul.sidebar-menu li a .chevron-icon-sidebar,
.sidebar-left.success-color ul.sidebar-menu li ul.submenu li a:before {
    color: #DEFDBE;
}

.sidebar-left.success-color ul.sidebar-menu li ul.submenu li a {
    border-left-color: #DEFDBE;
}

.sidebar-left.success-color .onoffswitch-inner:before {
    background-color: #75AB38;
}

.sidebar-left.success-color .onoffswitch-inner:after {
    background-color: #E9573F;
}


/** SIDEBAR LEFT INFO COLOR **/

.sidebar-left.info-color {
    background: #3EAFDB;
    color: #BAEAFF;
}

.sidebar-left.info-color .left-profile-summary h4 {
    color: #fff;
}

.sidebar-left.info-color ul.sidebar-menu li a {
    color: #BAEAFF;
    border-bottom-color: #2A9CC8;
}

.sidebar-left.info-color ul.sidebar-menu li a:active,
.sidebar-left.info-color ul.sidebar-menu li a:hover,
.sidebar-left.info-color ul.sidebar-menu li a:focus {
    color: #fff;
    border-bottom-color: #2A9CC8;
}

.sidebar-left.info-color ul.sidebar-menu li.selected a,
.sidebar-left.info-color ul.sidebar-menu li.selected a:hover,
.sidebar-left.info-color ul.sidebar-menu li.selected a:focus,
.sidebar-left.info-color ul.sidebar-menu li.active a,
.sidebar-left.info-color ul.sidebar-menu li.active a:hover,
.sidebar-left.info-color ul.sidebar-menu li.active a:focus {
    color: #fff;
    background-color: #2A9CC8;
    border-bottom-color: #2A9CC8;
}

.sidebar-left.info-color ul.sidebar-menu li ul.submenu {
    background: #2A9CC8;
}

.sidebar-left.info-color ul.sidebar-menu li ul.submenu li a:active,
.sidebar-left.info-color ul.sidebar-menu li ul.submenu li a:hover,
.sidebar-left.info-color ul.sidebar-menu li ul.submenu li a:focus {
    color: #BAEAFF;
}

.sidebar-left.info-color ul.sidebar-menu li ul.submenu li.selected a,
.sidebar-left.info-color ul.sidebar-menu li ul.submenu li.selected a:hover,
.sidebar-left.info-color ul.sidebar-menu li ul.submenu li.selected a:focus,
.sidebar-left.info-color ul.sidebar-menu li ul.submenu li.active a,
.sidebar-left.info-color ul.sidebar-menu li ul.submenu li.active a:hover,
.sidebar-left.info-color ul.sidebar-menu li ul.submenu li.active a:focus {
    color: #BAEAFF;
    background-color: #2A9CC8;
}

.sidebar-left.info-color ul.sidebar-menu li.static,
.sidebar-left.info-color ul.sidebar-menu li.text-content {
    color: #fff;
}

.sidebar-left.info-color ul.sidebar-menu li a .chevron-icon-sidebar,
.sidebar-left.info-color ul.sidebar-menu li ul.submenu li a:before {
    color: #BAEAFF;
}

.sidebar-left.info-color ul.sidebar-menu li ul.submenu li a {
    border-left-color: #BAEAFF;
}


/** SIDEBAR LEFT DANGER COLOR **/

.sidebar-left.danger-color {
    background: #E7573E;
    color: #FFC6BD;
}

.sidebar-left.danger-color .left-profile-summary h4 {
    color: #fff;
}

.sidebar-left.danger-color ul.sidebar-menu li a {
    color: #FFC6BD;
    border-bottom-color: #D44732;
}

.sidebar-left.danger-color ul.sidebar-menu li a:active,
.sidebar-left.danger-color ul.sidebar-menu li a:hover,
.sidebar-left.danger-color ul.sidebar-menu li a:focus {
    color: #fff;
    border-bottom-color: #D44732;
}

.sidebar-left.danger-color ul.sidebar-menu li.selected a,
.sidebar-left.danger-color ul.sidebar-menu li.selected a:hover,
.sidebar-left.danger-color ul.sidebar-menu li.selected a:focus,
.sidebar-left.danger-color ul.sidebar-menu li.active a,
.sidebar-left.danger-color ul.sidebar-menu li.active a:hover,
.sidebar-left.danger-color ul.sidebar-menu li.active a:focus {
    color: #fff;
    background-color: #D44732;
    border-bottom-color: #D44732;
}

.sidebar-left.danger-color ul.sidebar-menu li ul.submenu {
    background: #D44732;
}

.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li a:active,
.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li a:hover,
.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li a:focus {
    color: #FFC6BD;
}

.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li.selected a,
.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li.selected a:hover,
.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li.selected a:focus,
.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li.active a,
.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li.active a:hover,
.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li.active a:focus {
    color: #FFC6BD;
    background-color: #D44732;
}

.sidebar-left.danger-color ul.sidebar-menu li.static,
.sidebar-left.danger-color ul.sidebar-menu li.text-content {
    color: #fff;
}

.sidebar-left.danger-color ul.sidebar-menu li a .chevron-icon-sidebar,
.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li a:before {
    color: #FFC6BD;
}

.sidebar-left.danger-color ul.sidebar-menu li ul.submenu li a {
    border-left-color: #FFC6BD;
}

.sidebar-left.danger-color .onoffswitch-inner:after {
    background-color: #D44732;
}


/** SIDEBAR LEFT WARNING COLOR **/

.sidebar-left.warning-color {
    background: #F6BB43;
    color: #FFE6B3;
}

.sidebar-left.warning-color .left-profile-summary h4 {
    color: #fff;
}

.sidebar-left.warning-color ul.sidebar-menu li a {
    color: #FFE6B3;
    border-bottom-color: #E8A724;
}

.sidebar-left.warning-color ul.sidebar-menu li a:active,
.sidebar-left.warning-color ul.sidebar-menu li a:hover,
.sidebar-left.warning-color ul.sidebar-menu li a:focus {
    color: #fff;
    border-bottom-color: #E8A724;
}

.sidebar-left.warning-color ul.sidebar-menu li.selected a,
.sidebar-left.warning-color ul.sidebar-menu li.selected a:hover,
.sidebar-left.warning-color ul.sidebar-menu li.selected a:focus,
.sidebar-left.warning-color ul.sidebar-menu li.active a,
.sidebar-left.warning-color ul.sidebar-menu li.active a:hover,
.sidebar-left.warning-color ul.sidebar-menu li.active a:focus {
    color: #fff;
    background-color: #E8A724;
    border-bottom-color: #E8A724;
}

.sidebar-left.warning-color ul.sidebar-menu li ul.submenu {
    background: #E8A724;
}

.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li a:active,
.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li a:hover,
.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li a:focus {
    color: #FFE6B3;
}

.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li.selected a,
.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li.selected a:hover,
.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li.selected a:focus,
.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li.active a,
.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li.active a:hover,
.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li.active a:focus {
    color: #FFE6B3;
    background-color: #E8A724;
}

.sidebar-left.warning-color ul.sidebar-menu li.static,
.sidebar-left.warning-color ul.sidebar-menu li.text-content {
    color: #fff;
}

.sidebar-left.warning-color ul.sidebar-menu li a .chevron-icon-sidebar,
.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li a:before {
    color: #FFE6B3;
}

.sidebar-left.warning-color ul.sidebar-menu li ul.submenu li a {
    border-left-color: #FFE6B3;
}

ul.sidebar-menu li a {
    display: block;
    color: #AAB2BD;
    height: 45px;
    padding: 12px 20px 12px 50px;
    border-bottom: 1px solid #2C3439;
    text-decoration: none;
    line-height: 120%;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.sidebar-menu li a .icon-sidebar {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    padding: 15px 0;
}

ul.sidebar-menu li a .span-sidebar {
    position: absolute;
    right: 30px;
    top: 13px;
}

ul.sidebar-menu li a .chevron-icon-sidebar {
    position: absolute;
    right: 15px;
    top: 14px;
    color: #656D78;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

ul.sidebar-menu li.active a .chevron-icon-sidebar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

ul.sidebar-menu li a:hover,
ul.sidebar-menu li a:focus {
    color: #E6E9ED;
    border-bottom: 1px solid #2C3439;
}

ul.sidebar-menu li.selected a,
ul.sidebar-menu li.selected a:hover,
ul.sidebar-menu li.selected a:focus,
ul.sidebar-menu li.active a,
ul.sidebar-menu li.active a:hover,
ul.sidebar-menu li.active a:focus {
    color: #E6E9ED;
    background-color: #2C3439;
    border-bottom: 1px solid #2C3439;
}

ul.sidebar-menu li ul.submenu {
    background: #2C3439;
    padding: 0 0 0 50px;
    margin: 0;
    list-style: none;
    display: none;
}

ul.sidebar-menu li ul.submenu.visible {
    display: block;
}

ul.sidebar-menu li ul.submenu li {
    display: block;
}

ul.sidebar-menu li ul.submenu li a {
    display: block;
    color: #79818B;
    height: 35px;
    padding: 10px 15px 10px 0;
    border-bottom: none;
    text-decoration: none;
    line-height: 120%;
    position: relative;
    font-size: 13px;
    border-left: 1px solid #656D78;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.sidebar-menu li ul.submenu li a .span-sidebar {
    position: absolute;
    right: 15px;
    top: 10px;
}

ul.sidebar-menu li ul.submenu li a:hover,
ul.sidebar-menu li ul.submenu li a:focus {
    color: #E6E9ED;
}

ul.sidebar-menu li ul.submenu li.selected a,
ul.sidebar-menu li ul.submenu li.selected a:hover,
ul.sidebar-menu li ul.submenu li.selected a:focus,
ul.sidebar-menu li ul.submenu li.active a,
ul.sidebar-menu li ul.submenu li.active a:hover,
ul.sidebar-menu li ul.submenu li.active a:focus {
    color: #E6E9ED;
    background-color: #2C3439;
}

ul.sidebar-menu li ul.submenu li a:before {
    content: "\2014\00a0";
    margin-left: -1px;
    color: #79818B;
}

ul.sidebar-menu.online-user li a {
    padding: 10px 20px 10px 60px;
    height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.sidebar-menu.online-user li a .small-caps {
    font-size: 11px;
    color: #656D78;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.sidebar-menu.online-user li a .ava-sidebar {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    margin: 10px;
    z-index: 1;
}

ul.sidebar-menu.online-user li a .user-status {
    width: 13px;
    height: 13px;
    position: absolute;
    z-index: 2;
    background: #F5F7FA;
    left: 35px;
    top: 7px;
    border-radius: 50%;
    border: 2px solid #313940;
}

ul.sidebar-menu.online-user li a .device-status {
    position: absolute;
    right: 15px;
    top: 20px;
    color: #656D78;
    font-size: 14px;
}

ul.sidebar-menu.online-user li a .user-status.success {
    background: #8CC152;
}

ul.sidebar-menu.online-user li a .user-status.danger {
    background: #E9573F;
}

ul.sidebar-menu.online-user li a .user-status.warning {
    background: #F6BB42;
}

ul.sidebar-menu.online-user li a .user-status.info {
    background: #3BAFDA;
}

ul.sidebar-menu.online-user li a .user-status.primary {
    background: #37BC9B;
}

ul.sidebar-menu.sidebar-notification {
    margin-bottom: 30px;
}

ul.sidebar-menu.sidebar-notification li a {
    padding: 10px 20px 10px 60px;
    height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

ul.sidebar-menu.sidebar-notification li a .activity {
    font-size: 13px;
    color: #AAB2BD;
    font-weight: 400;
}

ul.sidebar-menu.sidebar-notification li a .small-caps {
    font-size: 11px;
    color: #656D78;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
}

ul.sidebar-menu.sidebar-notification li a .ava-sidebar {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    margin: 10px;
    z-index: 1;
}

ul.sidebar-menu.sidebar-task {
    margin-bottom: 30px;
}

ul.sidebar-menu.sidebar-task li a {
    padding: 10px 20px 10px 60px;
    height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.sidebar-menu.sidebar-task li a .small-caps {
    font-size: 11px;
    color: #656D78;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.sidebar-menu.sidebar-task li a .icon-task-sidebar {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    margin: 10px;
    z-index: 1;
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 7px 0;
}

ul.sidebar-menu.sidebar-task li a .icon-task-sidebar.completed {
    background: #8CC152
}

ul.sidebar-menu.sidebar-task li a .icon-task-sidebar.uncompleted {
    background: #E9573F
}

ul.sidebar-menu.sidebar-task li a .icon-task-sidebar.progress {
    background: #F6BB42
}

h1.page-heading {
    padding: 5px 0;
    margin: 15px 0 15px;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    color: #656D78;
}

h1.page-heading small {
    text-transform: none;
    color: #ACB5BE;
}


/**-------------------------------------------FOOTER-------------------------------------------**/

footer {
    background: #fff;
    text-align: center;
    font-size: 13px;
    padding: 15px;
    margin-top: 20px;
    border-top: 1px solid #E6E9ED;
    line-height: 170%;
}


/**+++++++++++++++++++++++++++++++++++++++++++CSS ELEMENTS+++++++++++++++++++++++++++++++++++++++++++**/


/**-------------------------------------------BOOTSTRAP CAROUSEL-------------------------------------------**/

.carousel-caption.dark-bg {
    background: rgba(1, 1, 1, .5);
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 50px;
}


/**-------------------------------------------SINGLE OWL CAROUSEL-------------------------------------------**/

#owl-carousel-single-1 .item img {
    display: block;
    width: 100%;
    height: auto;
}

#owl-carousel-single-1 .owl-controls .owl-buttons {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    text-align: left;
    height: 50px;
    margin-top: -25px;
}

#owl-carousel-single-1 .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    margin: 5px;
    padding: 0;
    width: 40px;
    height: 40px;
    font-size: 44px;
    line-height: 70%;
    border-radius: 50%;
    background: transparent;
    text-align: center;
}

#owl-carousel-single-1 .owl-controls.clickable .owl-buttons div:hover {
    text-decoration: none;
}

#owl-carousel-single-1 .owl-controls.clickable .owl-buttons div:last-child {
    position: absolute;
    right: 0;
}


/**-------------------------------------------FULL CALENDAR-------------------------------------------**/

.has-toolbar.fc {
    margin-top: 50px;
}

.fc-header-title {
    display: inline-block;
    vertical-align: top;
}

.fc-header-center {
    text-align: left;
}

.fc-header-left {
    text-align: left;
    width: 18%;
}

.fc-view {
    width: 100%;
}

.fc-state-default,
.fc-state-default .fc-button-inner {
    background: #fff !important;
    border-color: #DDDDDD;
    border-style: none solid;
    color: #646464;
}

.fc-state-active,
.fc-state-active .fc-button-inner,
.fc-state-active,
.fc-button-today .fc-button-inner,
.fc-state-hover,
.fc-state-hover .fc-button-inner {
    background: #34BC9B !important;
    color: #fff !important;
}

.fc-event-skin {
    background-color: #3EAFDB !important;
    border-color: #3EAFDB !important;
    color: #FFFFFF !important;
}

.fc-grid th {
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #34BC9B !important;
    color: #fff;
    text-transform: uppercase;
}

.fc-widget-header {
    border-color: #62c6a0;
}

.fc-widget-content {
    border-color: #ebebeb;
    background: #fff;
}

.fc-header-title h2 {
    font-size: 18px !important;
    color: #474752;
    font-weight: 300;
    padding: 5px 10px;
}

.external-event {
    cursor: move;
    display: inline-block !important;
    margin-bottom: 6px !important;
    margin-right: 6px !important;
    padding: 8px;
}

#external-events p input[type="checkbox"] {
    margin: 0;
}

#external-events .external-event {
    font-size: 14px;
    font-weight: normal;
    display: block;
    width: 100%;
    text-align: left;
}

.drg-event-title {
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.fc-content .fc-event {
    border-radius: 4px;
    webkit-border-radius: 4px;
    padding: 4px 6px;
}

.drp-rmv {
    padding-top: 10px;
    margin-top: 10px;
}


/**-------------------------------------------THE BOX-------------------------------------------**/

.the-box {
    padding: 10px;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #D5DAE0;
    position: relative;
}

.the-box.more-padding {
    padding: 20px;
}

.the-box.full-width {
    margin: 0 -15px;
    border: none;
}

.the-box.transparent {
    background: transparent;
    border: none;
}

.the-box.full {
    padding: 0;
}

.the-box.no-margin {
    margin: 0;
}

.the-box.no-border {
    border: none;
}

.the-box.rounded {
    border-radius: 10px;
}

.the-box .right-action {
    position: absolute;
    top: -1px;
    right: 0;
    z-index: 9;
}

h4.small-title {
    font-size: 16px;
    color: #b72a7d;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-bottom: 7px;
}

.bg-dark .small-title,
.bg-primary .small-title,
.bg-success .small-title,
.bg-info .small-title,
.bg-danger .small-title,
.bg-warning .small-title {
    color: #fff;
}


/**-------------------------------------------TOGGLE SWITCH-------------------------------------------**/

.onoffswitch {
    position: relative;
    width: 56px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
}

.onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.2s ease-in 0s;
    -webkit-transition: margin 0.2s ease-in 0s;
    -o-transition: margin 0.2s ease-in 0s;
    transition: margin 0.2s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 13px;
    color: white;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #8CC152;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #E9573F;
    color: #fff;
    text-align: right;
}

.onoffswitch-switch {
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 38px;
    -moz-transition: all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.onoffswitch.blank {
    width: 40px;
}

.onoffswitch.blank .onoffswitch-inner:before {
    content: "\00a0";
}

.onoffswitch.blank .onoffswitch-inner:after {
    content: "\00a0";
}

.onoffswitch.blank .onoffswitch-switch {
    right: 20px;
}

.sidebar-left.light-color .onoffswitch-switch {
    background-color: #E8E9EE;
}


/**-------------------------------------------TYPOGRAPY-------------------------------------------**/

.btn .fa,
.btn .glyphicon {
    margin: 0 3px;
}

hr {
    margin: 5px 0 15px 0
}

a {
    color: #37BC9B
}

a:hover {
    color: #29AF8E
}

a:focus {
    color: #29AF8E
}

.text-muted {
    color: #AAB2BD;
}

h1.text-primary,
h2.text-primary,
h3.text-primary,
h4.text-primary,
h5.text-primary,
h6.text-primary,
.text-primary {
    color: #37BC9B;
}

h1.text-success,
h2.text-success,
h3.text-success,
h4.text-success,
h5.text-success,
h6.text-success,
.text-success {
    color: #B4E87E;
}

h1.text-info,
h2.text-info,
h3.text-info,
h4.text-info,
h5.text-info,
h6.text-info,
.text-info {
    color: #3BAFDA;
}

h1.text-warning,
h2.text-warning,
h3.text-warning,
h4.text-warning,
h5.text-warning,
h6.text-warning,
.text-warning {
    color: #F6BB42;
}

h1.text-danger,
h2.text-danger,
h3.text-danger,
h4.text-danger,
h5.text-danger,
h6.text-danger,
.text-danger {
    color: #E9573F;
}

a.text-primary:hover {
    color: #29AF8E;
}

a.text-success:hover {
    color: #74AD3B;
}

a.text-info:hover {
    color: #5DCBF7;
}

a.text-warning:hover {
    color: #FCCB6A;
}

a.text-danger:hover {
    color: #D8482C;
}

.bg-dark,
.bg-primary,
.bg-success,
.bg-info,
.bg-danger,
.bg-warning {
    color: #fff;
}

.bg-primary .text-primary,
.bg-success .text-success,
.bg-info .text-info,
.bg-danger .text-danger,
.bg-warning .text-warning {
    color: #fff;
    color: rgba(0, 0, 0, 0.4);
}

.bg-dark a,
.bg-primary a,
.bg-success a,
.bg-info a,
.bg-danger a,
.bg-warning a {
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
}

.bg-primary {
    background-color: #37BC9B;
}

a.bg-primary:hover {
    background-color: #29A0CB;
}

.bg-success {
    background-color: #8CC152;
}

a.bg-success:hover {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #3BAFDA;
}

a.bg-info:hover {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #F6BB42;
}

a.bg-warning:hover {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #E9573F;
}

a.bg-danger:hover {
    background-color: #e4b9b9;
}

.bg-dark {
    background-color: #434A54;
}

a.bg-dark:hover {
    background-color: #434A54;
}

.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-success h1,
.bg-success h2,
.bg-success h3,
.bg-success h4,
.bg-success h5,
.bg-success h6,
.bg-info h1,
.bg-info h2,
.bg-info h3,
.bg-info h4,
.bg-info h5,
.bg-info h6,
.bg-danger h1,
.bg-danger h2,
.bg-danger h3,
.bg-danger h4,
.bg-danger h5,
.bg-danger h6,
.bg-warning h1,
.bg-warning h2,
.bg-warning h3,
.bg-warning h4,
.bg-warning h5,
.bg-warning h6,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6 {
    color: #fff;
}

.bg-primary .form-control,
.bg-success .form-control,
.bg-info .form-control,
.bg-danger .form-control,
.bg-warning .form-control,
.bg-dark .form-control {
    border: none;
}

.bg-primary .btn.btn-primary {
    background-color: #27A283;
    border-color: #27A283;
}

.bg-primary .btn.btn-primary:hover,
.bg-primary .btn.btn-primary:active,
.bg-primary .btn.btn-primary:focus {
    background-color: #1C9376;
    border-color: #1C9376;
}

.bg-success .btn.btn-success {
    background-color: #76AD3E;
    border-color: #76AD3E;
}

.bg-success .btn.btn-success:hover,
.bg-success .btn.btn-success:active,
.bg-success .btn.btn-success:focus {
    background-color: #679D2E;
    border-color: #679D2E;
}

.bg-info .btn.btn-info {
    background-color: #2998C1;
    border-color: #2998C1;
}

.bg-info .btn.btn-info:hover,
.bg-info .btn.btn-info:active,
.bg-info .btn.btn-info:focus {
    background-color: #1C86AF;
    border-color: #1C86AF;
}

.bg-danger .btn.btn-danger {
    background-color: #D1462C;
    border-color: #D1462C;
}

.bg-danger .btn.btn-danger:hover,
.bg-danger .btn.btn-danger:active,
.bg-danger .btn.btn-danger:focus {
    background-color: #C1361F;
    border-color: #C1361F;
}

.bg-warning .btn.btn-warning {
    background-color: #E0A52C;
    border-color: #E0A52C;
}

.bg-warning .btn.btn-warning:hover,
.bg-warning .btn.btn-warning:active,
.bg-warning .btn.btn-warning:focus {
    background-color: #CB8E12;
    border-color: #CB8E12;
}

.bg-primary .progress-bar-primary {
    background-color: #27A283;
}

.bg-success .progress-bar-success {
    background-color: #76AD3E;
}

.bg-info .progress-bar-info {
    background-color: #2998C1;
}

.bg-warning .progress-bar-warning {
    background-color: #E0A52C;
}

.bg-danger .progress-bar-danger {
    background-color: #D1462C;
}

.bg-primary hr {
    border-top-color: #27A283;
}

.bg-success hr {
    border-top-color: #76AD3E;
}

.bg-info hr {
    border-top-color: #2998C1;
}

.bg-warning hr {
    border-top-color: #E0A52C;
}

.bg-danger hr {
    border-top-color: #D1462C;
}


/**-------------------------------------------BREADCRUMB-------------------------------------------**/

.breadcrumb {
    background-color: #F5F7FA;
}

.breadcrumb > li + li:before {
    color: #CCD1D9;
}

.breadcrumb > .active {
    color: #AAB2BD;
}

.breadcrumb.sm {
    padding: 8px 10px;
    border-radius: 2px;
    font-size: 13px;
}

.breadcrumb.lg {
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 16px;
}

.breadcrumb.square {
    border-radius: 0px;
}

.breadcrumb.rsaquo > li + li:before {
    content: "\203A";
}

.breadcrumb.primary a,
.breadcrumb.success a,
.breadcrumb.info a,
.breadcrumb.danger a,
.breadcrumb.warning a,
.breadcrumb.dark a {
    color: #fff;
}

.breadcrumb.primary > .active,
.breadcrumb.success > .active,
.breadcrumb.info > .active,
.breadcrumb.danger > .active,
.breadcrumb.warning > .active,
.breadcrumb.dark > .active {
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
}

.breadcrumb.primary > li + li:before,
.breadcrumb.success > li + li:before,
.breadcrumb.info > li + li:before,
.breadcrumb.danger > li + li:before,
.breadcrumb.warning > li + li:before,
.breadcrumb.dark > li + li:before {
    color: #F5F7FA;
}

.breadcrumb.default {
    background-color: #fff;
}

.breadcrumb.primary {
    background-color: #37BC9B;
}

.breadcrumb.success {
    background-color: #8CC152;
}

.breadcrumb.info {
    background-color: #3BAFDA;
}

.breadcrumb.danger {
    background-color: #E9573F;
}

.breadcrumb.warning {
    background-color: #F6BB42;
}

.breadcrumb.dark {
    background-color: #434A54;
}


/**-------------------------------------------PROGRESS BAR-------------------------------------------**/

.progress {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
}

.progress.progress-sidebar {
    margin: 15px 0 0 0;
}

.progress.progress-sm {
    height: 10px;
}

.progress.progress-xs {
    height: 5px;
}

.progress.no-rounded {
    border-radius: 0px;
}

.progress-bar {
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}

.progress.progress-sm.progress-striped .progress-bar {
    background-size: 20px 20px;
}

.progress.progress-xs.progress-striped .progress-bar {
    background-size: 10px 10px;
}

.progress-bar-primary {
    background-color: #37BC9B;
}

.progress-bar-success {
    background-color: #8CC152;
}

.progress-bar-info {
    background-color: #3BAFDA;
}

.progress-bar-warning {
    background-color: #F6BB42;
}

.progress-bar-danger {
    background-color: #E9573F;
}


/**-------------------------------------------ICHECK-------------------------------------------**/

.icheckbox_minimal,
.icheckbox_minimal-red,
.icheckbox_minimal-green,
.icheckbox_minimal-blue,
.icheckbox_minimal-aero,
.icheckbox_minimal-grey,
.icheckbox_minimal-orange,
.icheckbox_minimal-yellow,
.icheckbox_minimal-pink,
.icheckbox_minimal-purple,
.iradio_minimal,
.iradio_minimal-red,
.iradio_minimal-green,
.iradio_minimal-blue,
.iradio_minimal-aero,
.iradio_minimal-grey,
.iradio_minimal-orange,
.iradio_minimal-yellow,
.iradio_minimal-pink,
.iradio_minimal-purple {
    margin-top: -2px;
    margin-left: -20px;
    margin-right: 10px;
}

.icheckbox_square,
.icheckbox_square-red,
.icheckbox_square-green,
.icheckbox_square-blue,
.icheckbox_square-aero,
.icheckbox_square-grey,
.icheckbox_square-orange,
.icheckbox_square-yellow,
.icheckbox_square-pink,
.icheckbox_square-purple,
.iradio_square,
.iradio_square-red,
.iradio_square-green,
.iradio_square-blue,
.iradio_square-aero,
.iradio_square-grey,
.iradio_square-orange,
.iradio_square-yellow,
.iradio_square-pink,
.iradio_square-purple {
    margin-top: -2px;
    margin-left: -20px;
    margin-right: 10px;
}

.icheckbox_flat,
.icheckbox_flat-red,
.icheckbox_flat-green,
.icheckbox_flat-blue,
.icheckbox_flat-aero,
.icheckbox_flat-grey,
.icheckbox_flat-orange,
.icheckbox_flat-yellow,
.icheckbox_flat-pink,
.icheckbox_flat-purple,
.iradio_flat,
.iradio_flat-red,
.iradio_flat-green,
.iradio_flat-blue,
.iradio_flat-aero,
.iradio_flat-grey,
.iradio_flat-orange,
.iradio_flat-yellow,
.iradio_flat-pink,
.iradio_flat-purple {
    margin-top: -2px;
    margin-left: -20px;
    margin-right: 10px;
}


/**-------------------------------------------INPUT FILE-------------------------------------------**/

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

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: left;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

input[readonly] {
    background-color:#ffefef !important;
    cursor: text !important;
}


/**-------------------------------------------PANEL-------------------------------------------**/

.panel {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    margin-bottom: 30px;
}

.panel.panel-no-border {
    border: none;
}

.panel-body.full {
    padding: 0px;
}

.panel-footer {
    background-color: #F5F7FA;
    border-top: 1px solid #E6E9ED;
}

.panel-heading.lg {
    padding-top: 20px;
    padding-bottom: 20px;
}

.panel-no-border .panel-footer {
    background-color: #F5F7FA;
    border-top: none;
}

.panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 0 5px;
}

.panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
}

.panel.with-nav-tabs .nav-justified {
    margin-bottom: -1px;
}

.panel-heading {
    position: relative;
}

.panel-heading .right-content {
    position: absolute;
    right: 5px;
    top: 5px;
}

.panel-heading .right-content .btn {
    padding: 3px 5px;
}

.with-nav-tabs .panel-heading .right-content .btn {
    padding: 5px 8px;
}

.with-nav-tabs .panel-heading .right-content {
    right: 10px;
    top: 8px;
}

.icon-collapse {
    padding: 6px 8px;
    font-size: 12px;
}

a.block-collapse {
    display: block;
    text-decoration: none;
    color: #656D78;
    padding: 10px 15px;
    margin: -10px -15px;
}

.panel-primary a.block-collapse,
.panel-success a.block-collapse,
.panel-info a.block-collapse,
.panel-danger a.block-collapse,
.panel-warning a.block-collapse {
    color: #fff;
}

.panel.panel-square {
    border-radius: 0;
}

.panel-square .panel-heading {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel-square .panel-footer {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

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

.panel-default > .panel-heading {
    color: #656D78;
    background-color: #F5F7FA;
    border-color: #E6E9ED;
}

.panel-no-border.panel-default > .panel-heading {
    background-color: #F5F7FA;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #E6E9ED;
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #E6E9ED;
}

.panel-transparent {
    border: none;
    border-color: #E6E9ED;
    border-bottom-width: 1px;
    margin: 0;
}

.panel-transparent > .panel-heading {
    color: #656D78;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #E6E9ED;
    vertical-align: middle;
}

.panel-transparent .panel-footer {
    background-color: transparent;
    border: none;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}

.panel-no-border.panel-transparent > .panel-heading {
    background-color: transparent;
}

.panel-transparent > .panel-heading + .panel-collapse .panel-body {
    border-top-color: transparent;
}

.panel-transparent > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: transparent;
}

.panel-primary {
    border-color: #37BC9B;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #37BC9B;
    border-color: #37BC9B;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #37BC9B;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #37BC9B;
}

.panel-primary.panel-block-color > .panel-footer {
    color: #fff;
    background-color: #37BC9B;
    border-top: none;
}

.panel-primary.panel-block-color > .panel-body.bg-primary {
    background-color: #48CFAD;
}

.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}

.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #27A283;
    border-color: #27A283;
}

.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #434A54;
    background-color: #fff;
    border-color: #37BC9B;
    border-bottom-color: transparent;
}

.panel-success {
    border-color: #8CC152;
}

.panel-success > .panel-heading {
    color: #fff;
    background-color: #8CC152;
    border-color: #8CC152;
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #8CC152;
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #8CC152;
}

.panel-success.panel-block-color > .panel-footer {
    color: #fff;
    background-color: #8CC152;
    border-top: none;
}

.panel-success.panel-block-color > .panel-body.bg-success {
    background-color: #A0D468;
}

.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
    color: #fff;
}

.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #76AD3E;
    border-color: #76AD3E;
}

.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
    color: #434A54;
    background-color: #fff;
    border-color: #8CC152;
    border-bottom-color: transparent;
}

.panel-info {
    border-color: #3BAFDA;
}

.panel-info > .panel-heading {
    color: #fff;
    background-color: #3BAFDA;
    border-color: #3BAFDA;
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #3BAFDA;
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #3BAFDA;
}

.panel-info.panel-block-color > .panel-footer {
    color: #fff;
    background-color: #3BAFDA;
    border-top: none;
}

.panel-info.panel-block-color > .panel-body.bg-info {
    background-color: #4FC1E9;
}

.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
    color: #fff;
}

.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #2998C1;
    border-color: #2998C1;
}

.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
    color: #434A54;
    background-color: #fff;
    border-color: #3BAFDA;
    border-bottom-color: transparent;
}

.panel-warning {
    border-color: #F6BB42;
}

.panel-warning > .panel-heading {
    color: #fff;
    background-color: #F6BB42;
    border-color: #F6BB42;
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #F6BB42;
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #F6BB42;
}

.panel-warning.panel-block-color > .panel-footer {
    color: #fff;
    background-color: #F6BB42;
    border-top: none;
}

.panel-warning.panel-block-color > .panel-body.bg-warning {
    background-color: #FFCE54;
}

.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
    color: #fff;
}

.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #E0A52C;
    border-color: #E0A52C;
}

.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
    color: #434A54;
    background-color: #fff;
    border-color: #F6BB42;
    border-bottom-color: transparent;
}

.panel-danger {
    border-color: #E9573F;
}

.panel-danger > .panel-heading {
    color: #fff;
    background-color: #E9573F;
    border-color: #E9573F;
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #E9573F;
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #E9573F;
}

.panel-danger.panel-block-color > .panel-footer {
    color: #fff;
    background-color: #E9573F;
    border-top: none;
}

.panel-danger.panel-block-color > .panel-body.bg-danger {
    background-color: #FC6E51;
}

.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
    color: #fff;
}

.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #D1462C;
    border-color: #D1462C;
}

.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
    color: #434A54;
    background-color: #fff;
    border-color: #E9573F;
    border-bottom-color: transparent;
}


/**-------------------------------------------MODAL-------------------------------------------**/

.modal-content {
    position: relative;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0px;
    outline: none;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
}

.modal-content.modal-no-shadow {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0);
}

.modal-content.modal-no-border {
    border: none;
}

.modal-dialog.responsive-modal {
    width: 100%;
}

.bg-primary .modal-header,
.bg-primary .modal-footer,
.bg-info .modal-header,
.bg-info .modal-footer,
.bg-success .modal-header,
.bg-success .modal-footer,
.bg-danger .modal-header,
.bg-danger .modal-footer,
.bg-warning .modal-header,
.bg-warning .modal-footer {
    border-color: rgba(255, 255, 255, 0.2);
}

.modal-header.no-border {
    border-bottom: none;
}


/**-------------------------------------------LIST GROUP-------------------------------------------**/

.list-group-item {
    border-color: #D5DAE0;
}

.list-group.square .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group.square .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.list-group-item > .label,
.list-group-item > .badge {
    float: right;
}

.list-group-item > .label + .label,
.list-group-item > .badge + .badge {
    margin-right: 5px;
}

.list-group.no-border .list-group-item {
    border: none;
}

.list-group.no-side-border .list-group-item {
    border-left: none;
    border-right: none;
}

.list-group.success-block .list-group-item {
    background-color: #8CC152;
    border-color: #7EB446;
    color: #fff;
}

.list-group.success-block .list-group-item .badge-success {
    background-color: #7EB446;
}

.list-group.success-block .list-group-item.active .badge {
    color: #7EB446;
    background-color: #fff;
}

.list-group.success-block .list-group-item:hover,
.list-group.success-block .list-group-item:focus {
    background-color: #83B94D;
}

.list-group.success-block .list-group-item.active {
    background-color: #7EB446;
    border-color: #7EB446;
    color: #fff;
}

.list-group.success .list-group-item.active {
    color: #fff;
    background-color: #8CC152;
    border-color: #8CC152;
}

.list-group.success .list-group-item.active .label,
.list-group.success .list-group-item.active .badge {
    color: #8CC152;
}

.list-group.info-block .list-group-item {
    background-color: #3BAFDA;
    border-color: #299DCB;
    color: #fff;
}

.list-group.info-block .list-group-item .badge-info {
    background-color: #299DCB;
}

.list-group.info-block .list-group-item.active .badge {
    background-color: #fff;
    color: #299DCB;
}

.list-group.info-block .list-group-item:hover,
.list-group.info-block .list-group-item:focus {
    background-color: #2EA2D1;
}

.list-group.info-block .list-group-item.active {
    background-color: #299DCB;
    border-color: #299DCB;
    color: #fff;
}

.list-group.info .list-group-item.active {
    color: #fff;
    background-color: #3BAFDA;
    border-color: #3BAFDA;
}

.list-group.info .list-group-item.active .label,
.list-group.info .list-group-item.active .badge {
    color: #3BAFDA;
}

.list-group.danger-block .list-group-item {
    background-color: #E9573F;
    border-color: #DB462C;
    color: #fff;
}

.list-group.danger-block .list-group-item .badge-danger {
    background-color: #DB462C;
}

.list-group.danger-block .list-group-item.active .badge {
    background-color: #fff;
    color: #DB462C;
}

.list-group.danger-block .list-group-item:hover,
.list-group.danger-block .list-group-item:focus {
    background-color: #E54B31;
}

.list-group.danger-block .list-group-item.active {
    background-color: #DB462C;
    border-color: #DB462C;
    color: #fff;
}

.list-group.danger .list-group-item.active {
    color: #fff;
    background-color: #E9573F;
    border-color: #E9573F;
}

.list-group.danger .list-group-item.active .label,
.list-group.danger .list-group-item.active .badge {
    color: #E9573F;
}

.list-group.warning-block .list-group-item {
    background-color: #F6BB42;
    border-color: #E8AA2E;
    color: #fff;
}

.list-group.warning-block .list-group-item .badge-warning {
    background-color: #E8AA2E;
}

.list-group.warning-block .list-group-item.active .badge {
    background-color: #fff;
    color: #E8AA2E;
}

.list-group.warning-block .list-group-item:hover,
.list-group.warning-block .list-group-item:focus {
    background-color: #F0B236;
}

.list-group.warning-block .list-group-item.active {
    background-color: #E8AA2E;
    border-color: #E8AA2E;
    color: #fff;
}

.list-group.warning .list-group-item.active {
    color: #fff;
    background-color: #F6BB42;
    border-color: #F6BB42;
}

.list-group.warning .list-group-item.active .label,
.list-group.warning .list-group-item.active .badge {
    color: #F6BB42;
}

a.list-group-item {
    color: #656D78;
}

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

a.list-group-item:hover,
a.list-group-item:focus {
    text-decoration: none;
    background-color: #F5F7FA;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    background-color: #434A54;
    border-color: #434A54;
    color: #fff;
}

a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
    color: #e1edf7;
}

.list-group-item-success {
    color: #fff;
    background-color: #8CC152;
}

a.list-group-item-success {
    color: #fff;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus {
    color: #fff;
    background-color: #8CC152;
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
    background-color: #8CC152;
    border-color: #8CC152;
}

.list-group-item-info {
    color: #fff;
    background-color: #3BAFDA;
}

a.list-group-item-info {
    color: #fff;
}

a.list-group-item-info:hover,
a.list-group-item-info:focus {
    color: #fff;
    background-color: #3BAFDA;
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
    background-color: #3BAFDA;
    border-color: #3BAFDA;
}

.list-group-item-warning {
    color: #fff;
    background-color: #F6BB42;
}

a.list-group-item-warning {
    color: #fff;
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
    color: #fff;
    background-color: #F6BB42;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
    background-color: #F6BB42;
    border-color: #F6BB42;
}

.list-group-item-danger {
    color: #fff;
    background-color: #E9573F;
}

a.list-group-item-danger {
    color: #fff;
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
    color: #fff;
    background-color: #E9573F;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
    background-color: #E9573F;
    border-color: #E9573F;
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}


/**-------------------------------------------MEDIA-------------------------------------------**/

.media-sm .media-object {
    width: 60px;
}

.media-sm .media {
    padding: 0px 0 15px 0;
}

.media-sm .media .media {
    margin: 20px 0 10px;
}

.media-xs .media-object {
    width: 40px;
}

.media-xs .media {
    padding: 0px 0 10px 0;
}

.media-xs .media .media {
    margin: 10px 0 5px;
}

.media-xs p.small {
    font-size: 13px;
}

.media-xs .media-heading {
    font-size: 16px;
}

.media-dotted .media {
    border-bottom: 1px dotted #E6E9ED;
}

.media-dotted .media:last-child {
    border-bottom: none;
}


/**-------------------------------------------JUMBOTRON-------------------------------------------**/

.jumbotron {
    background-color: #F5F7FA;
}

.jumbotron.white-bg {
    background: #fff;
}

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

.jumbotron.jumbotron-sm {
    padding: 15px;
    margin-bottom: 20px;
}

.jumbotron.jumbotron-sm h1,
.jumbotron.jumbotron-sm .h1 {
    font-size: 35px;
}

.jumbotron.jumbotron-sm p {
    font-size: 18px;
    font-weight: 300;
}

.jumbotron p {
    font-weight: 300;
}


/**-------------------------------------------THUMBNAIL-------------------------------------------**/

.thumbnail {
    padding: 5px;
    border-color: #E6E9ED;
}

.thumbnail.square {
    border-radius: 0;
}

.thumbnail.no-border {
    border: none;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #E6E9ED;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}


/**-------------------------------------------MASONRY-------------------------------------------**/

.container-masonry ol {
    clear: both;
    -moz-column-count: 4;
    -moz-column-gap: 0px;
    -webkit-column-count: 4;
    -webkit-column-gap: 0px;
    column-count: 4;
    column-gap: 0px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 2;
    margin-left: -10px;
}

.container-masonry ol li.item-masonry {
    display: inline-block;
    list-style: none;
    width: 100%;
}

.the-box.mansory-inner {
    margin: 10px;
}

.the-box.mansory-inner img {
    width: 100%;
    margin: 0;
}

.the-box.mansory-inner.with-padding {
    padding: 10px;
}


/**-------------------------------------------PAGINATION-------------------------------------------**/

.pager li > a,
.pager li > span {
    color: #434A54;
    border-color: #CCD0DB;
}

.pager.square li > a,
.pager.square li > span {
    border-radius: 0;
}

.pager li > a:hover,
.pager li > a:focus {
    color: #434A54;
    background-color: #F5F7FA;
    border-color: #CCD0DB;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #AAB2BD;
    border-color: #CCD0DB;
}

.pagination.square > li:first-child > a,
.pagination.square > li:first-child > span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.pagination.square > li:last-child > a,
.pagination.square > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination.separated > li > a,
.pagination.separated > li > span {
    margin: 0 2px;
    border-radius: 4px;
}

.pagination.separated-square > li > a,
.pagination.separated-square > li > span {
    margin: 0 2px;
    border-radius: 0px;
}

.pagination > li > a,
.pagination > li > span {
    color: #434A54;
    border-color: #CCD0DB;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #434A54;
    background-color: #F5F7FA;
    border-color: #CCD0DB;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #434A54;
    border-color: #434A54;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #AAB2BD;
    border-color: #CCD0DB;
}

.pager.primary > li > a,
.pager.primary > li > span,
.pagination.primary > li > a,
.pagination.primary > li > span {
    color: #37BC9B;
}

.pagination.primary > .active > a,
.pagination.primary > .active > span,
.pagination.primary > .active > a:hover,
.pagination.primary > .active > span:hover,
.pagination.primary > .active > a:focus,
.pagination.primary > .active > span:focus {
    background-color: #37BC9B;
    border-color: #37BC9B;
    color: #fff;
}

.pager.success > li > a,
.pager.success > li > span,
.pagination.success > li > a,
.pagination.success > li > span {
    color: #8CC152;
}

.pagination.success > .active > a,
.pagination.success > .active > span,
.pagination.success > .active > a:hover,
.pagination.success > .active > span:hover,
.pagination.success > .active > a:focus,
.pagination.success > .active > span:focus {
    background-color: #8CC152;
    border-color: #8CC152;
    color: #fff;
}

.pager.info > li > a,
.pager.info > li > span,
.pagination.info > li > a,
.pagination.info > li > span {
    color: #3BAFDA;
}

.pagination.info > .active > a,
.pagination.info > .active > span,
.pagination.info > .active > a:hover,
.pagination.info > .active > span:hover,
.pagination.info > .active > a:focus,
.pagination.info > .active > span:focus {
    background-color: #3BAFDA;
    border-color: #3BAFDA;
    color: #fff;
}

.pager.danger > li > a,
.pager.danger > li > span,
.pagination.danger > li > a,
.pagination.danger > li > span {
    color: #E9573F;
}

.pagination.danger > .active > a,
.pagination.danger > .active > span,
.pagination.danger > .active > a:hover,
.pagination.danger > .active > span:hover,
.pagination.danger > .active > a:focus,
.pagination.danger > .active > span:focus {
    background-color: #E9573F;
    border-color: #E9573F;
    color: #fff;
}

.pager.warning > li > a,
.pager.warning > li > span,
.pagination.warning > li > a,
.pagination.warning > li > span {
    color: #F6BB42;
}

.pagination.warning > .active > a,
.pagination.warning > .active > span,
.pagination.warning > .active > a:hover,
.pagination.warning > .active > span:hover,
.pagination.warning > .active > a:focus,
.pagination.warning > .active > span:focus {
    background-color: #F6BB42;
    border-color: #F6BB42;
    color: #fff;
}

.pager.block-color > li > a,
.pager.block-color > li > span,
.pagination.block-color > li > a,
.pagination.block-color > li > span {
    color: #fff;
    background-color: #434A54;
    border-color: #656D78;
}

.pager.block-color > li > a:hover,
.pager.block-color > li > span:hover,
.pager.block-color > li > a:focus,
.pager.block-color > li > span:focus,
.pagination.block-color > li > a:hover,
.pagination.block-color > li > span:hover,
.pagination.block-color > li > a:focus,
.pagination.block-color > li > span:focus {
    color: #fff;
    background-color: #3E434D;
    border-color: #656D78;
}

.pagination.block-color > .active > a,
.pagination.block-color > .active > span,
.pagination.block-color > .active > a:hover,
.pagination.block-color > .active > span:hover,
.pagination.block-color > .active > a:focus,
.pagination.block-color > .active > span:focus {
    background-color: #2E363E;
    border-color: #656D78;
    color: #fff;
}

.pager.block-color > .disabled > span,
.pager.block-color > .disabled > span:hover,
.pager.block-color > .disabled > span:focus,
.pager.block-color > .disabled > a,
.pager.block-color > .disabled > a:hover,
.pager.block-color > .disabled > a:focus,
.pagination.block-color > .disabled > span,
.pagination.block-color > .disabled > span:hover,
.pagination.block-color > .disabled > span:focus,
.pagination.block-color > .disabled > a,
.pagination.block-color > .disabled > a:hover,
.pagination.block-color > .disabled > a:focus {
    color: #AAB2BD;
    border-color: #656D78;
}

.pager.primary.block-color > li > a,
.pager.primary.block-color > li > span,
.pagination.primary.block-color > li > a,
.pagination.primary.block-color > li > span {
    color: #fff;
    background-color: #37BC9B;
    border-color: #48CFAD;
}

.pager.primary.block-color > li > a:hover,
.pager.primary.block-color > li > span:hover,
.pager.primary.block-color > li > a:focus,
.pager.primary.block-color > li > span:focus,
.pagination.primary.block-color > li > a:hover,
.pagination.primary.block-color > li > span:hover,
.pagination.primary.block-color > li > a:focus,
.pagination.primary.block-color > li > span:focus {
    background-color: #31B495;
}

.pagination.primary.block-color > .active > a,
.pagination.primary.block-color > .active > span,
.pagination.primary.block-color > .active > a:hover,
.pagination.primary.block-color > .active > span:hover,
.pagination.primary.block-color > .active > a:focus,
.pagination.primary.block-color > .active > span:focus {
    background-color: #29A789;
    border-color: #48CFAD;
    color: #fff;
}

.pager.primary.block-color > .disabled > span,
.pager.primary.block-color > .disabled > span:hover,
.pager.primary.block-color > .disabled > span:focus,
.pager.primary.block-color > .disabled > a,
.pager.primary.block-color > .disabled > a:hover,
.pager.primary.block-color > .disabled > a:focus,
.pagination.primary.block-color > .disabled > span,
.pagination.primary.block-color > .disabled > span:hover,
.pagination.primary.block-color > .disabled > span:focus,
.pagination.primary.block-color > .disabled > a,
.pagination.primary.block-color > .disabled > a:hover,
.pagination.primary.block-color > .disabled > a:focus {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    border-color: #48CFAD;
    background-color: #37BC9B;
}

.pager.success.block-color > li > a,
.pager.success.block-color > li > span,
.pagination.success.block-color > li > a,
.pagination.success.block-color > li > span {
    color: #fff;
    background-color: #8CC152;
    border-color: #A0D468;
}

.pager.success.block-color > li > a:hover,
.pager.success.block-color > li > span:hover,
.pager.success.block-color > li > a:focus,
.pager.success.block-color > li > span:focus,
.pagination.success.block-color > li > a:hover,
.pagination.success.block-color > li > span:hover,
.pagination.success.block-color > li > a:focus,
.pagination.success.block-color > li > span:focus {
    background-color: #83B94B;
}

.pagination.success.block-color > .active > a,
.pagination.success.block-color > .active > span,
.pagination.success.block-color > .active > a:hover,
.pagination.success.block-color > .active > span:hover,
.pagination.success.block-color > .active > a:focus,
.pagination.success.block-color > .active > span:focus {
    background-color: #74A73E;
    border-color: #A0D468;
    color: #fff;
}

.pager.success.block-color > .disabled > span,
.pager.success.block-color > .disabled > span:hover,
.pager.success.block-color > .disabled > span:focus,
.pager.success.block-color > .disabled > a,
.pager.success.block-color > .disabled > a:hover,
.pager.success.block-color > .disabled > a:focus,
.pagination.success.block-color > .disabled > span,
.pagination.success.block-color > .disabled > span:hover,
.pagination.success.block-color > .disabled > span:focus,
.pagination.success.block-color > .disabled > a,
.pagination.success.block-color > .disabled > a:hover,
.pagination.success.block-color > .disabled > a:focus {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    border-color: #A0D468;
    background-color: #8CC152;
}

.pager.info.block-color > li > a,
.pager.info.block-color > li > span,
.pagination.info.block-color > li > a,
.pagination.info.block-color > li > span {
    color: #fff;
    background-color: #3BAFDA;
    border-color: #4FC1E9;
}

.pager.info.block-color > li > a:hover,
.pager.info.block-color > li > span:hover,
.pager.info.block-color > li > a:focus,
.pager.info.block-color > li > span:focus,
.pagination.info.block-color > li > a:hover,
.pagination.info.block-color > li > span:hover,
.pagination.info.block-color > li > a:focus,
.pagination.info.block-color > li > span:focus {
    background-color: #31A5D1;
}

.pagination.info.block-color > .active > a,
.pagination.info.block-color > .active > span,
.pagination.info.block-color > .active > a:hover,
.pagination.info.block-color > .active > span:hover,
.pagination.info.block-color > .active > a:focus,
.pagination.info.block-color > .active > span:focus {
    background-color: #2993BC;
    border-color: #4FC1E9;
    color: #fff;
}

.pager.info.block-color > .disabled > span,
.pager.info.block-color > .disabled > span:hover,
.pager.info.block-color > .disabled > span:focus,
.pager.info.block-color > .disabled > a,
.pager.info.block-color > .disabled > a:hover,
.pager.info.block-color > .disabled > a:focus,
.pagination.info.block-color > .disabled > span,
.pagination.info.block-color > .disabled > span:hover,
.pagination.info.block-color > .disabled > span:focus,
.pagination.info.block-color > .disabled > a,
.pagination.info.block-color > .disabled > a:hover,
.pagination.info.block-color > .disabled > a:focus {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    border-color: #4FC1E9;
    background-color: #3BAFDA;
}

.pager.danger.block-color > li > a,
.pager.danger.block-color > li > span,
.pagination.danger.block-color > li > a,
.pagination.danger.block-color > li > span {
    color: #fff;
    background-color: #E9573F;
    border-color: #FC6E51;
}

.pager.danger.block-color > li > a:hover,
.pager.danger.block-color > li > span:hover,
.pager.danger.block-color > li > a:focus,
.pager.danger.block-color > li > span:focus,
.pagination.danger.block-color > li > a:hover,
.pagination.danger.block-color > li > span:hover,
.pagination.danger.block-color > li > a:focus,
.pagination.danger.block-color > li > span:focus {
    background-color: #DB5036;
}

.pagination.danger.block-color > .active > a,
.pagination.danger.block-color > .active > span,
.pagination.danger.block-color > .active > a:hover,
.pagination.danger.block-color > .active > span:hover,
.pagination.danger.block-color > .active > a:focus,
.pagination.danger.block-color > .active > span:focus {
    background-color: #CB462C;
    border-color: #FC6E51;
    color: #fff;
}

.pager.danger.block-color > .disabled > span,
.pager.danger.block-color > .disabled > span:hover,
.pager.danger.block-color > .disabled > span:focus,
.pager.danger.block-color > .disabled > a,
.pager.danger.block-color > .disabled > a:hover,
.pager.danger.block-color > .disabled > a:focus,
.pagination.danger.block-color > .disabled > span,
.pagination.danger.block-color > .disabled > span:hover,
.pagination.danger.block-color > .disabled > span:focus,
.pagination.danger.block-color > .disabled > a,
.pagination.danger.block-color > .disabled > a:hover,
.pagination.danger.block-color > .disabled > a:focus {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    border-color: #FC6E51;
    background-color: #E9573F;
}

.pager.warning.block-color > li > a,
.pager.warning.block-color > li > span,
.pagination.warning.block-color > li > a,
.pagination.warning.block-color > li > span {
    color: #fff;
    background-color: #F6BB42;
    border-color: #FFCE54;
}

.pager.warning.block-color > li > a:hover,
.pager.warning.block-color > li > span:hover,
.pager.warning.block-color > li > a:focus,
.pager.warning.block-color > li > span:focus,
.pagination.warning.block-color > li > a:hover,
.pagination.warning.block-color > li > span:hover,
.pagination.warning.block-color > li > a:focus,
.pagination.warning.block-color > li > span:focus {
    background-color: #EDB239;
}

.pagination.warning.block-color > .active > a,
.pagination.warning.block-color > .active > span,
.pagination.warning.block-color > .active > a:hover,
.pagination.warning.block-color > .active > span:hover,
.pagination.warning.block-color > .active > a:focus,
.pagination.warning.block-color > .active > span:focus {
    background-color: #DEA531;
    border-color: #FFCE54;
    color: #fff;
}

.pager.warning.block-color > .disabled > span,
.pager.warning.block-color > .disabled > span:hover,
.pager.warning.block-color > .disabled > span:focus,
.pager.warning.block-color > .disabled > a,
.pager.warning.block-color > .disabled > a:hover,
.pager.warning.block-color > .disabled > a:focus,
.pagination.warning.block-color > .disabled > span,
.pagination.warning.block-color > .disabled > span:hover,
.pagination.warning.block-color > .disabled > span:focus,
.pagination.warning.block-color > .disabled > a,
.pagination.warning.block-color > .disabled > a:hover,
.pagination.warning.block-color > .disabled > a:focus {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    border-color: #FFCE54;
    background-color: #F6BB42;
}


/**-------------------------------------------TABLE-------------------------------------------**/

.table-th-block {}

.table-th-block thead tr {
    background: #F6F8F9;
}

.table-th-block > thead > tr > th {
    border-bottom: none;
}

.table-th-block > thead > tr > th,
.table-th-block > tbody > tr > th,
.table-th-block > tfoot > tr > th,
.table-th-block > thead > tr > td,
.table-th-block > tbody > tr > td,
.table-th-block > tfoot > tr > td {
    vertical-align: middle;
    border-top-color: #E6E9ED;
}

.top-align > thead > tr > th,
.top-align > tbody > tr > th,
.top-align > tfoot > tr > th,
.top-align > thead > tr > td,
.top-align > tbody > tr > td,
.top-align > tfoot > tr > td {
    vertical-align: top;
}

.table .avatar {
    width: 50px;
    height: 50px;
    margin: 0 10px;
}

.table-th-block.table-striped > tbody > tr:nth-child(odd) > td,
.table-th-block.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #FCFCFF;
}

.table-th-block > thead > tr > td.active,
.table-th-block > tbody > tr > td.active,
.table-th-block > tfoot > tr > td.active,
.table-th-block > thead > tr > th.active,
.table-th-block > tbody > tr > th.active,
.table-th-block > tfoot > tr > th.active,
.table-th-block > thead > tr.active > td,
.table-th-block > tbody > tr.active > td,
.table-th-block > tfoot > tr.active > td,
.table-th-block > thead > tr.active > th,
.table-th-block > tbody > tr.active > th,
.table-th-block > tfoot > tr.active > th {
    background-color: #FCFCFF;
}

.table-th-block.table-hover > tbody > tr:hover > td,
.table-th-block.table-hover > tbody > tr:hover > th {
    background-color: #FCFCFF;
}

.table-th-block > thead > tr > td.primary,
.table-th-block > tbody > tr > td.primary,
.table-th-block > tfoot > tr > td.primary,
.table-th-block > thead > tr > th.primary,
.table-th-block > tbody > tr > th.primary,
.table-th-block > tfoot > tr > th.primary,
.table-th-block > thead > tr.primary > td,
.table-th-block > tbody > tr.primary > td,
.table-th-block > tfoot > tr.primary > td,
.table-th-block > thead > tr.primary > th,
.table-th-block > tbody > tr.primary > th,
.table-th-block > tfoot > tr.primary > th {
    background-color: #48CFAD;
    color: #fff;
}

.table-th-block.table-hover > tbody > tr > td.primary:hover,
.table-th-block.table-hover > tbody > tr > th.primary:hover,
.table-th-block.table-hover > tbody > tr.primary:hover > td,
.table-th-block.table-hover > tbody > tr.primary:hover > th {
    background-color: #37BC9B;
}

.table-th-block > thead > tr > td.success,
.table-th-block > tbody > tr > td.success,
.table-th-block > tfoot > tr > td.success,
.table-th-block > thead > tr > th.success,
.table-th-block > tbody > tr > th.success,
.table-th-block > tfoot > tr > th.success,
.table-th-block > thead > tr.success > td,
.table-th-block > tbody > tr.success > td,
.table-th-block > tfoot > tr.success > td,
.table-th-block > thead > tr.success > th,
.table-th-block > tbody > tr.success > th,
.table-th-block > tfoot > tr.success > th {
    background-color: #A0D468;
    color: #fff;
}

.table-th-block.table-hover > tbody > tr > td.success:hover,
.table-th-block.table-hover > tbody > tr > th.success:hover,
.table-th-block.table-hover > tbody > tr.success:hover > td,
.table-th-block.table-hover > tbody > tr.success:hover > th {
    background-color: #8CC152;
}

.table-th-block > thead > tr > td.info,
.table-th-block > tbody > tr > td.info,
.table-th-block > tfoot > tr > td.info,
.table-th-block > thead > tr > th.info,
.table-th-block > tbody > tr > th.info,
.table-th-block > tfoot > tr > th.info,
.table-th-block > thead > tr.info > td,
.table-th-block > tbody > tr.info > td,
.table-th-block > tfoot > tr.info > td,
.table-th-block > thead > tr.info > th,
.table-th-block > tbody > tr.info > th,
.table-th-block > tfoot > tr.info > th {
    background-color: #4FC1E9;
    color: #fff;
}

.table-th-block.table-hover > tbody > tr > td.info:hover,
.table-th-block.table-hover > tbody > tr > th.info:hover,
.table-th-block.table-hover > tbody > tr.info:hover > td,
.table-th-block.table-hover > tbody > tr.info:hover > th {
    background-color: #3BAFDA;
}

.table-th-block > thead > tr > td.warning,
.table-th-block > tbody > tr > td.warning,
.table-th-block > tfoot > tr > td.warning,
.table-th-block > thead > tr > th.warning,
.table-th-block > tbody > tr > th.warning,
.table-th-block > tfoot > tr > th.warning,
.table-th-block > thead > tr.warning > td,
.table-th-block > tbody > tr.warning > td,
.table-th-block > tfoot > tr.warning > td,
.table-th-block > thead > tr.warning > th,
.table-th-block > tbody > tr.warning > th,
.table-th-block > tfoot > tr.warning > th {
    background-color: #FFCE54;
    color: #fff;
}

.table-th-block.table-hover > tbody > tr > td.warning:hover,
.table-th-block.table-hover > tbody > tr > th.warning:hover,
.table-th-block.table-hover > tbody > tr.warning:hover > td,
.table-th-block.table-hover > tbody > tr.warning:hover > th {
    background-color: #F6BB42;
}

.table-th-block > thead > tr > td.danger,
.table-th-block > tbody > tr > td.danger,
.table-th-block > tfoot > tr > td.danger,
.table-th-block > thead > tr > th.danger,
.table-th-block > tbody > tr > th.danger,
.table-th-block > tfoot > tr > th.danger,
.table-th-block > thead > tr.danger > td,
.table-th-block > tbody > tr.danger > td,
.table-th-block > tfoot > tr.danger > td,
.table-th-block > thead > tr.danger > th,
.table-th-block > tbody > tr.danger > th,
.table-th-block > tfoot > tr.danger > th {
    background-color: #FC6E51;
    color: #fff;
}

.table-th-block.table-hover > tbody > tr > td.danger:hover,
.table-th-block.table-hover > tbody > tr > th.danger:hover,
.table-th-block.table-hover > tbody > tr.danger:hover > td,
.table-th-block.table-hover > tbody > tr.danger:hover > th {
    background-color: #E9573F;
}

.table-th-block.table-striped > thead > tr > th,
.table-th-block.table-striped > tbody > tr > th,
.table-th-block.table-striped > tfoot > tr > th,
.table-th-block.table-striped > thead > tr > td,
.table-th-block.table-striped > tbody > tr > td,
.table-th-block.table-striped > tfoot > tr > td {
    border-top: none;
}

.table-th-block.table-primary thead tr {
    background: #37BC9B;
    color: #fff;
}

.table-th-block.table-success thead tr {
    background: #8CC152;
    color: #fff;
}

.table-th-block.table-info thead tr {
    background: #3BAFDA;
    color: #fff;
}

.table-th-block.table-danger thead tr {
    background: #E9573F;
    color: #fff;
}

.table-th-block.table-warning thead tr {
    background: #F6BB42;
    color: #fff;
}

.table-th-block.table-dark thead tr {
    background: #434A54;
    color: #fff;
}

.table-th-block.table-primary > tbody > tr:first-child > td,
.table-th-block.table-success > tbody > tr:first-child > td,
.table-th-block.table-info > tbody > tr:first-child > td,
.table-th-block.table-danger > tbody > tr:first-child > td,
.table-th-block.table-warning > tbody > tr:first-child > td,
.table-th-block.table-dark > tbody > tr:first-child > td {
    border-top: none;
}


/**-------------------------------------------FORM-------------------------------------------**/

.form-control {
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    -webkit-transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
    transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
}

.form-control:focus {
    border-color: #eac2ae;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
}

.form-control.bold-border {
    border-width: 2px;
}

.form-control.no-border {
    border: none;
}

.form-control.rounded {
    border-radius: 4px;
}

textarea.no-resize {
    resize: none;
}

.input-group-addon.rounded {
    border-radius: 0px;
}

.input-group-addon.input-sm {
    border-radius: 0px;
}

.input-group-addon.input-lg {
    border-radius: 0px;
}

.help-block {
    font-size: 12px;
}

.bg-color-showcase {
    padding: 10px 20px
}

.input-group-addon {
    border-radius: 0px;
    border: 1px solid #ddd;
}

.has-feedback.no-label .form-control-feedback {
    top: 0px;
}

.has-feedback.no-label.lg .form-control-feedback {
    top: 7px;
}

.has-feedback.left-feedback .form-control {
    padding-left: 35.5px;
    padding-right: 0px;
}

.has-feedback.left-feedback .form-control-feedback {
    left: 0;
    right: auto;
}

.has-feedback.left-feedback.lg .form-control-feedback {
    left: 3px;
}

.form-control-feedback {
    color: #AAB2BD;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
    color: #8CC152;
}

.has-success .form-control {
    border-color: #8CC152;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}

.has-success .form-control:focus {
    border-color: #8CC152;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 0px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 0px #67b168;
}

.has-success .input-group-addon {
    color: #8CC152;
    background-color: #dff0d8;
    border-color: #8CC152;
}

.has-success .form-control-feedback {
    color: #8CC152;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
    color: #F6BB42;
}

.has-warning .form-control {
    border-color: #F6BB42;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}

.has-warning .form-control:focus {
    border-color: #F6BB42;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 0px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 0px #c0a16b;
}

.has-warning .input-group-addon {
    color: #F6BB42;
    background-color: #fcf8e3;
    border-color: #F6BB42;
}

.has-warning .form-control-feedback {
    color: #F6BB42;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: #E9573F;
}

.has-error .form-control {
    border-color: #E9573F;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}

.has-error .form-control:focus {
    border-color: #E9573F;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 0px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 0px #ce8483;
}

.has-error .input-group-addon {
    color: #E9573F;
    background-color: #f2dede;
    border-color: #E9573F;
}

.has-error .form-control-feedback {
    color: #E9573F;
}

.input-group-addon.primary {
    border-color: #37BC9B;
    background-color: #37BC9B;
    color: #fff;
}

.input-group-addon.danger {
    border-color: #E9573F;
    background-color: #E9573F;
    color: #fff;
}

.input-group-addon.success {
    border-color: #8CC152;
    background-color: #8CC152;
    color: #fff;
}

.input-group-addon.info {
    border-color: #3BAFDA;
    background-color: #3BAFDA;
    color: #fff;
}

.input-group-addon.warning {
    border-color: #F6BB42;
    background-color: #F6BB42;
    color: #fff;
}


/**-------------------------------------------DROPDOWN-------------------------------------------**/

.dropdown-visible {
    display: block;
    position: relative;
}

.dropdown-menu > li > a {
    padding: 5px 15px;
}

.dropdown-menu.square {
    padding: 0;
    border-radius: 0px;
}

.dropdown-menu.no-border {
    border: none;
    -webkit-box-shadow: 0 0px 12px 0 rgba(0, 0, 0, .175);
    box-shadow: 0 0px 12px 0 rgba(0, 0, 0, .175);
}

.dropdown-menu.margin-list > li > a {
    margin: 5px;
}

.dropdown-menu.margin-list-rounded > li > a {
    margin: 5px;
    border-radius: 3px;
}

.dropdown-menu.with-triangle {
    top: 90%;
}

.dropdown-menu.with-triangle:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu.with-triangle:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.navbar-right .dropdown-menu.with-triangle:before,
.pull-right .dropdown-menu.with-triangle:before,
.dropdown-menu.pull-right.with-triangle:before {
    right: 12px;
    left: auto;
}

.navbar-right .dropdown-menu.with-triangle:after,
.pull-right .dropdown-menu.with-triangle:after,
.dropdown-menu.pull-right.with-triangle:after {
    right: 13px;
    left: auto;
}

@media (max-width: 767px) {
    .dropdown-menu.with-triangle:before,
    .dropdown-menu.with-triangle:after {
        display: none;
    }
}

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

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu.primary > .disabled > a,
.dropdown-menu.primary > .disabled > a:hover,
.dropdown-menu.primary > .disabled > a:focus,
.dropdown-menu.success > .disabled > a,
.dropdown-menu.success > .disabled > a:hover,
.dropdown-menu.success > .disabled > a:focus,
.dropdown-menu.info > .disabled > a,
.dropdown-menu.info > .disabled > a:hover,
.dropdown-menu.info > .disabled > a:focus,
.dropdown-menu.danger > .disabled > a,
.dropdown-menu.danger > .disabled > a:hover,
.dropdown-menu.danger > .disabled > a:focus,
.dropdown-menu.warning > .disabled > a,
.dropdown-menu.warning > .disabled > a:hover,
.dropdown-menu.warning > .disabled > a:focus {
    background-color: transparent;
    color: #D5DAE0;
}

.dropdown-menu.primary > li > a:hover,
.dropdown-menu.primary > li > a:focus {
    color: #fff;
    background-color: #48CFAD;
}

.dropdown-menu.primary > .active > a,
.dropdown-menu.primary > .active > a:hover,
.dropdown-menu.primary > .active > a:focus {
    background-color: #37BC9B;
}

.dropdown-menu.success > li > a:hover,
.dropdown-menu.success > li > a:focus {
    color: #fff;
    background-color: #A0D468;
}

.dropdown-menu.success > .active > a,
.dropdown-menu.success > .active > a:hover,
.dropdown-menu.success > .active > a:focus {
    background-color: #8CC152;
}

.dropdown-menu.info > li > a:hover,
.dropdown-menu.info > li > a:focus {
    color: #fff;
    background-color: #4FC1E9;
}

.dropdown-menu.info > .active > a,
.dropdown-menu.info > .active > a:hover,
.dropdown-menu.info > .active > a:focus {
    background-color: #3BAFDA;
}

.dropdown-menu.danger > li > a:hover,
.dropdown-menu.danger > li > a:focus {
    color: #fff;
    background-color: #FC6E51;
}

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

.dropdown-menu.warning > li > a:hover,
.dropdown-menu.warning > li > a:focus {
    color: #fff;
    background-color: #FFCE54;
}

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


/**-------------------------------------------BUTTON-------------------------------------------**/

.btn {
    border-radius: 2px;
}

.btn.no-border {
    border: none;
}

.btn-toolbar.top-table {
    margin-bottom: 30px;
}

.btn.btn-square {
    border-radius: 0px;
}

.btn.btn-rounded-lg {
    border-radius: 10px;
}

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

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

.btn-perspective {
    -webkit-box-shadow: 0px 3px 0px #DBDBDB;
    -moz-box-shadow: 0px 3px 0px #DBDBDB;
    box-shadow: 0px 3px 0px #DBDBDB;
    top: 0;
    position: relative;
}

.btn-perspective:active {
    top: 2px;
    -webkit-box-shadow: 0px 1px 0px #DBDBDB;
    -moz-box-shadow: 0px 1px 0px #DBDBDB;
    box-shadow: 0px 1px 0px #DBDBDB;
}

.btn-default {
    color: #333;
    background-color: #F5F7FA;
    border-color: #E6E9ED;
}

.btn-default.btn-perspective {
    -webkit-box-shadow: 0px 3px 0px #CCD1D9;
    -moz-box-shadow: 0px 3px 0px #CCD1D9;
    box-shadow: 0px 3px 0px #CCD1D9;
}

.btn-default.btn-perspective:active {
    -webkit-box-shadow: 0px 1px 0px #CCD1D9;
    -moz-box-shadow: 0px 1px 0px #CCD1D9;
    box-shadow: 0px 1px 0px #CCD1D9;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #E6E9ED;
    border-color: #E6E9ED;
}

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

.btn-primary {
    background-color: #37BC9B;
    border-color: #37BC9B;
}

.btn-primary.btn-perspective {
    -webkit-box-shadow: 0px 3px 0px #279D81;
    -moz-box-shadow: 0px 3px 0px #279D81;
    box-shadow: 0px 3px 0px #279D81;
}

.btn-primary.btn-perspective:active {
    -webkit-box-shadow: 0px 1px 0px #279D81;
    -moz-box-shadow: 0px 1px 0px #279D81;
    box-shadow: 0px 1px 0px #279D81;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #29AF8E;
    border-color: #29AF8E;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #5ADBBC;
    border-color: #5ADBBC;
}

.btn-primary .badge {
    color: #5ADBBC;
}

.btn-success {
    background-color: #3bafda;
    border-color: #3bafda;
}

.btn-success.btn-perspective {
    -webkit-box-shadow: 0px 3px 0px #629031;
    -moz-box-shadow: 0px 3px 0px #629031;
    box-shadow: 0px 3px 0px #629031;
}

.btn-success.btn-perspective:active {
    -webkit-box-shadow: 0px 1px 0px #629031;
    -moz-box-shadow: 0px 1px 0px #629031;
    box-shadow: 0px 1px 0px #629031;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: #74AD3B;
    border-color: #74AD3B;
}

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

.btn-success .badge {
    color: #B4E87E;
}

.btn-info {
    background-color: #3BAFDA;
    border-color: #3BAFDA;
}

.btn-info.btn-perspective {
    -webkit-box-shadow: 0px 3px 0px #218BB2;
    -moz-box-shadow: 0px 3px 0px #218BB2;
    box-shadow: 0px 3px 0px #218BB2;
}

.btn-info.btn-perspective:active {
    -webkit-box-shadow: 0px 1px 0px #218BB2;
    -moz-box-shadow: 0px 1px 0px #218BB2;
    box-shadow: 0px 1px 0px #218BB2;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-color: #29A0CB;
    border-color: #29A0CB;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #5DCBF7;
    border-color: #5DCBF7;
}

.btn-info .badge {
    color: #5DCBF7;
}

.btn-warning {
    background-color: #ff8119;
    border-color: #ff8119;
}

.btn-warning.btn-perspective {
    -webkit-box-shadow: 0px 3px 0px #C6901F;
    -moz-box-shadow: 0px 3px 0px #C6901F;
    box-shadow: 0px 3px 0px #C6901F;
}

.btn-warning.btn-perspective:active {
    -webkit-box-shadow: 0px 1px 0px #C6901F;
    -moz-box-shadow: 0px 1px 0px #C6901F;
    box-shadow: 0px 1px 0px #C6901F;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-color: #E8AA2E;
    border-color: #E8AA2E;
}

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

.btn-warning .badge {
    color: #FCCB6A;
}

.btn-danger {
    background-color: #E9573F;
    border-color: #E9573F;
}

.btn-danger.btn-perspective {
    -webkit-box-shadow: 0px 3px 0px #C14029;
    -moz-box-shadow: 0px 3px 0px #C14029;
    box-shadow: 0px 3px 0px #C14029;
}

.btn-danger.btn-perspective:active {
    -webkit-box-shadow: 0px 1px 0px #C14029;
    -moz-box-shadow: 0px 1px 0px #C14029;
    box-shadow: 0px 1px 0px #C14029;
}

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

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

.btn-danger .badge {
    color: #FC7C64;
}

.btn-link {
    color: #37BC9B;
}

.btn-link:hover,
.btn-link:focus {
    color: #29AF8E;
}


/** Button Facebook **/

.btn-facebook {
    background-color: #4B66A0;
    border-color: #4B66A0;
    color: #fff;
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
    background-color: #3B5A98;
    border-color: #3B5A98;
    color: #fff;
}

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

.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
    background-color: #6C89C1;
    border-color: #6C89C1;
    color: #fff;
}

.btn-facebook .badge {
    color: #3B5A98;
}


/** Button Twitter **/

.btn-twitter {
    background-color: #55ACEE;
    border-color: #55ACEE;
    color: #fff;
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
    background-color: #3490D3;
    border-color: #3490D3;
    color: #fff;
}

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

.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active {
    background-color: #7CC1F5;
    border-color: #7CC1F5;
    color: #fff;
}

.btn-twitter .badge {
    color: #3490D3;
}


/** Button Googleplus **/

.btn-google-plus {
    background-color: #D24333;
    border-color: #D24333;
    color: #fff;
}

.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
    background-color: #BC2C1F;
    border-color: #BC2C1F;
    color: #fff;
}

.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
    background-image: none;
}

.btn-google-plus.disabled,
.btn-google-plus[disabled],
fieldset[disabled] .btn-google-plus,
.btn-google-plus.disabled:hover,
.btn-google-plus[disabled]:hover,
fieldset[disabled] .btn-google-plus:hover,
.btn-google-plus.disabled:focus,
.btn-google-plus[disabled]:focus,
fieldset[disabled] .btn-google-plus:focus,
.btn-google-plus.disabled:active,
.btn-google-plus[disabled]:active,
fieldset[disabled] .btn-google-plus:active,
.btn-google-plus.disabled.active,
.btn-google-plus[disabled].active,
fieldset[disabled] .btn-google-plus.active {
    background-color: #F0675A;
    border-color: #F0675A;
    color: #fff;
}

.btn-google-plus .badge {
    color: #BC2C1F;
}


/** Button Dribbble **/

.btn-dribbble {
    background-color: #E04C86;
    border-color: #E04C86;
    color: #fff;
}

.btn-dribbble:hover,
.btn-dribbble:focus,
.btn-dribbble:active,
.btn-dribbble.active,
.open .dropdown-toggle.btn-dribbble {
    background-color: #D33471;
    border-color: #D33471;
    color: #fff;
}

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

.btn-dribbble.disabled,
.btn-dribbble[disabled],
fieldset[disabled] .btn-dribbble,
.btn-dribbble.disabled:hover,
.btn-dribbble[disabled]:hover,
fieldset[disabled] .btn-dribbble:hover,
.btn-dribbble.disabled:focus,
.btn-dribbble[disabled]:focus,
fieldset[disabled] .btn-dribbble:focus,
.btn-dribbble.disabled:active,
.btn-dribbble[disabled]:active,
fieldset[disabled] .btn-dribbble:active,
.btn-dribbble.disabled.active,
.btn-dribbble[disabled].active,
fieldset[disabled] .btn-dribbble.active {
    background-color: #F571A5;
    border-color: #F571A5;
    color: #fff;
}

.btn-dribbble .badge {
    color: #D33471;
}


/** Button Flickr **/

.btn-flickr {
    background-color: #0162DB;
    border-color: #0162DB;
    color: #fff;
}

.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
    background-color: #0555BF;
    border-color: #0555BF;
    color: #fff;
}

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

.btn-flickr.disabled,
.btn-flickr[disabled],
fieldset[disabled] .btn-flickr,
.btn-flickr.disabled:hover,
.btn-flickr[disabled]:hover,
fieldset[disabled] .btn-flickr:hover,
.btn-flickr.disabled:focus,
.btn-flickr[disabled]:focus,
fieldset[disabled] .btn-flickr:focus,
.btn-flickr.disabled:active,
.btn-flickr[disabled]:active,
fieldset[disabled] .btn-flickr:active,
.btn-flickr.disabled.active,
.btn-flickr[disabled].active,
fieldset[disabled] .btn-flickr.active {
    background-color: #2983F7;
    border-color: #2983F7;
    color: #fff;
}

.btn-flickr .badge {
    color: #0555BF;
}


/** Button Pinterest **/

.btn-pinterest {
    background-color: #CC2127;
    border-color: #CC2127;
    color: #fff;
}

.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.open .dropdown-toggle.btn-pinterest {
    background-color: #B70F12;
    border-color: #B70F12;
    color: #fff;
}

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

.btn-pinterest.disabled,
.btn-pinterest[disabled],
fieldset[disabled] .btn-pinterest,
.btn-pinterest.disabled:hover,
.btn-pinterest[disabled]:hover,
fieldset[disabled] .btn-pinterest:hover,
.btn-pinterest.disabled:focus,
.btn-pinterest[disabled]:focus,
fieldset[disabled] .btn-pinterest:focus,
.btn-pinterest.disabled:active,
.btn-pinterest[disabled]:active,
fieldset[disabled] .btn-pinterest:active,
.btn-pinterest.disabled.active,
.btn-pinterest[disabled].active,
fieldset[disabled] .btn-pinterest.active {
    background-color: #E53B3E;
    border-color: #E53B3E;
    color: #fff;
}

.btn-pinterest .badge {
    color: #B70F12;
}


/** Button Youtube **/

.btn-youtube {
    background-color: #D92623;
    border-color: #D92623;
    color: #fff;
}

.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active,
.open .dropdown-toggle.btn-youtube {
    background-color: #C91212;
    border-color: #C91212;
    color: #fff;
}

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

.btn-youtube.disabled,
.btn-youtube[disabled],
fieldset[disabled] .btn-youtube,
.btn-youtube.disabled:hover,
.btn-youtube[disabled]:hover,
fieldset[disabled] .btn-youtube:hover,
.btn-youtube.disabled:focus,
.btn-youtube[disabled]:focus,
fieldset[disabled] .btn-youtube:focus,
.btn-youtube.disabled:active,
.btn-youtube[disabled]:active,
fieldset[disabled] .btn-youtube:active,
.btn-youtube.disabled.active,
.btn-youtube[disabled].active,
fieldset[disabled] .btn-youtube.active {
    background-color: #F04343;
    border-color: #F04343;
    color: #fff;
}

.btn-youtube .badge {
    color: #C91212;
}


/** Button Dropbox **/

.btn-dropbox {
    background-color: #1473C3;
    border-color: #1473C3;
    color: #fff;
}

.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
    background-color: #0864B2;
    border-color: #0864B2;
    color: #fff;
}

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

.btn-dropbox.disabled,
.btn-dropbox[disabled],
fieldset[disabled] .btn-dropbox,
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn-dropbox:hover,
.btn-dropbox.disabled:focus,
.btn-dropbox[disabled]:focus,
fieldset[disabled] .btn-dropbox:focus,
.btn-dropbox.disabled:active,
.btn-dropbox[disabled]:active,
fieldset[disabled] .btn-dropbox:active,
.btn-dropbox.disabled.active,
.btn-dropbox[disabled].active,
fieldset[disabled] .btn-dropbox.active {
    background-color: #2E90E3;
    border-color: #2E90E3;
    color: #fff;
}

.btn-dropbox .badge {
    color: #0864B2;
}


/** Button Foursquare **/

.btn-foursquare {
    background-color: #0086BE;
    border-color: #0086BE;
    color: #fff;
}

.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active,
.open .dropdown-toggle.btn-foursquare {
    background-color: #0571A0;
    border-color: #0571A0;
    color: #fff;
}

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

.btn-foursquare.disabled,
.btn-foursquare[disabled],
fieldset[disabled] .btn-foursquare,
.btn-foursquare.disabled:hover,
.btn-foursquare[disabled]:hover,
fieldset[disabled] .btn-foursquare:hover,
.btn-foursquare.disabled:focus,
.btn-foursquare[disabled]:focus,
fieldset[disabled] .btn-foursquare:focus,
.btn-foursquare.disabled:active,
.btn-foursquare[disabled]:active,
fieldset[disabled] .btn-foursquare:active,
.btn-foursquare.disabled.active,
.btn-foursquare[disabled].active,
fieldset[disabled] .btn-foursquare.active {
    background-color: #2CA0CE;
    border-color: #2CA0CE;
    color: #fff;
}

.btn-foursquare .badge {
    color: #0571A0;
}


/** Button Github **/

.btn-github {
    background-color: #3B3B3B;
    border-color: #3B3B3B;
    color: #fff;
}

.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
    background-color: #212121;
    border-color: #212121;
    color: #fff;
}

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

.btn-github.disabled,
.btn-github[disabled],
fieldset[disabled] .btn-github,
.btn-github.disabled:hover,
.btn-github[disabled]:hover,
fieldset[disabled] .btn-github:hover,
.btn-github.disabled:focus,
.btn-github[disabled]:focus,
fieldset[disabled] .btn-github:focus,
.btn-github.disabled:active,
.btn-github[disabled]:active,
fieldset[disabled] .btn-github:active,
.btn-github.disabled.active,
.btn-github[disabled].active,
fieldset[disabled] .btn-github.active {
    background-color: #5F5F5F;
    border-color: #5F5F5F;
    color: #fff;
}

.btn-github .badge {
    color: #212121;
}


/** Button Linkedin **/

.btn-linkedin {
    background-color: #0085AE;
    border-color: #0085AE;
    color: #fff;
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
    background-color: #036C8E;
    border-color: #036C8E;
    color: #fff;
}

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

.btn-linkedin.disabled,
.btn-linkedin[disabled],
fieldset[disabled] .btn-linkedin,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled:active,
.btn-linkedin[disabled]:active,
fieldset[disabled] .btn-linkedin:active,
.btn-linkedin.disabled.active,
.btn-linkedin[disabled].active,
fieldset[disabled] .btn-linkedin.active {
    background-color: #24A7D3;
    border-color: #24A7D3;
    color: #fff;
}

.btn-linkedin .badge {
    color: #036C8E;
}


/** Button Tumblr **/

.btn-tumblr {
    background-color: #3E5A70;
    border-color: #3E5A70;
    color: #fff;
}

.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
    background-color: #2E485D;
    border-color: #2E485D;
    color: #fff;
}

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

.btn-tumblr.disabled,
.btn-tumblr[disabled],
fieldset[disabled] .btn-tumblr,
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn-tumblr:hover,
.btn-tumblr.disabled:focus,
.btn-tumblr[disabled]:focus,
fieldset[disabled] .btn-tumblr:focus,
.btn-tumblr.disabled:active,
.btn-tumblr[disabled]:active,
fieldset[disabled] .btn-tumblr:active,
.btn-tumblr.disabled.active,
.btn-tumblr[disabled].active,
fieldset[disabled] .btn-tumblr.active {
    background-color: #586F81;
    border-color: #586F81;
    color: #fff;
}

.btn-tumblr .badge {
    color: #2E485D;
}


/** Button Vimeo **/

.btn-vimeo {
    background-color: #1BB6EC;
    border-color: #1BB6EC;
    color: #fff;
}

.btn-vimeo:hover,
.btn-vimeo:focus,
.btn-vimeo:active,
.btn-vimeo.active,
.open .dropdown-toggle.btn-vimeo {
    background-color: #0D9DD1;
    border-color: #0D9DD1;
    color: #fff;
}

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

.btn-vimeo.disabled,
.btn-vimeo[disabled],
fieldset[disabled] .btn-vimeo,
.btn-vimeo.disabled:hover,
.btn-vimeo[disabled]:hover,
fieldset[disabled] .btn-vimeo:hover,
.btn-vimeo.disabled:focus,
.btn-vimeo[disabled]:focus,
fieldset[disabled] .btn-vimeo:focus,
.btn-vimeo.disabled:active,
.btn-vimeo[disabled]:active,
fieldset[disabled] .btn-vimeo:active,
.btn-vimeo.disabled.active,
.btn-vimeo[disabled].active,
fieldset[disabled] .btn-vimeo.active {
    background-color: #4BCBFA;
    border-color: #4BCBFA;
    color: #fff;
}

.btn-vimeo .badge {
    color: #0D9DD1;
}


/**-------------------------------------------ALERT-------------------------------------------**/

.alert.square {
    border-radius: 0px;
}

.alert.alert-bold-border {
    border-radius: 0px;
    background: #fff;
    border: none;
    color: #434A54;
    border-left: 5px solid transparent;
}

.alert-success {
    color: #629031;
    background-color: #CEF0AB;
    border-color: #B7E086;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    color: #218BB2;
    background-color: #96DDFA;
    border-color: #71C6E5;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    color: #C6901F;
    background-color: #FDDD9E;
    border-color: #EDC471;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger {
    color: #C14029;
    background-color: #FDAA9A;
    border-color: #EA8676;
}

.alert-danger .alert-link {
    color: #843534;
}

.alert-success.alert-block {
    color: #fff;
    background-color: #8CC152;
    border-color: #8CC152;
}

.alert-success.alert-block .alert-link {
    color: #F2FFE0;
}

.alert-info.alert-block {
    color: #fff;
    background-color: #3BAFDA;
    border-color: #3BAFDA;
}

.alert-info.alert-block .alert-link {
    color: #D3F5FF;
}

.alert-warning.alert-block {
    color: #fff;
    background-color: #F6BB42;
    border-color: #F6BB42;
}

.alert-warning.alert-block .alert-link {
    color: #FFF5DB;
}

.alert-danger.alert-block {
    color: #fff;
    background-color: #E9573F;
    border-color: #E9573F;
}

.alert-danger.alert-block .alert-link {
    color: #FFAD9D;
}

.alert-danger.alert-bold-border .alert-link {
    color: #FFE3DE;
}

.alert-success.alert-bold-border {
    border-left-color: #8CC152;
}

.alert-success.alert-bold-border .alert-link {
    color: #8CC152;
}

.alert-info.alert-bold-border {
    border-left-color: #3BAFDA;
}

.alert-info.alert-bold-border .alert-link {
    color: #3BAFDA;
}

.alert-warning.alert-bold-border {
    border-left-color: #F6BB42;
}

.alert-warning.alert-bold-border .alert-link {
    color: #F6BB42;
}

.alert-danger.alert-bold-border {
    border-left-color: #E9573F;
}

.alert-danger.alert-bold-border .alert-link {
    color: #E9573F;
}


/**-------------------------------------------LABEL AND BADGE-------------------------------------------**/

.label.square {
    border-radius: 0em;
}

.badge,
.label-default,
.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #AAB2BD;
}

.label-primary,
.badge-primary,
.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #37BC9B;
}

.label-success,
.badge-success,
.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #8CC152;
}

.label-info,
.badge-info,
.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #3BAFDA;
}

.label-warning,
.badge-warning,
.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #F6BB42;
}

.label-danger,
.badge-danger,
.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #E9573F;
}


/**-------------------------------------------NAV-------------------------------------------**/

.nav-pills.square > li > a {
    border-radius: 0px;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #eee;
    border-color: transparent;
}

.nav-tabs.left-position {
    border-right: 1px solid #ddd;
    border-bottom: none;
}

.nav-tabs.left-position > li {
    float: none;
    margin-right: -1px;
    margin-bottom: 2px;
}

.nav-tabs.left-position > li > a {
    margin-right: 0px;
    border-radius: 4px 0 0 4px;
}

.nav-tabs.left-position > li > a:hover {
    border-color: transparent;
}

.nav-tabs.left-position.item-color > li.active > a,
.nav-tabs.left-position.item-color > li.active > a:hover,
.nav-tabs.left-position.item-color > li.active > a:focus,
.nav-tabs.left-position.nav-primary.item-color > li.active > a,
.nav-tabs.left-position.nav-primary.item-color > li.active > a:hover,
.nav-tabs.left-position.nav-primary.item-color > li.active > a:focus,
.nav-tabs.left-position.nav-success.item-color > li.active > a,
.nav-tabs.left-position.nav-success.item-color > li.active > a:hover,
.nav-tabs.left-position.nav-success.item-color > li.active > a:focus,
.nav-tabs.left-position.nav-info.item-color > li.active > a,
.nav-tabs.left-position.nav-info.item-color > li.active > a:hover,
.nav-tabs.left-position.nav-info.item-color > li.active > a:focus,
.nav-tabs.left-position.nav-danger.item-color > li.active > a,
.nav-tabs.left-position.nav-danger.item-color > li.active > a:hover,
.nav-tabs.left-position.nav-danger.item-color > li.active > a:focus,
.nav-tabs.left-position.nav-warning.item-color > li.active > a,
.nav-tabs.left-position.nav-warning.item-color > li.active > a:hover,
.nav-tabs.left-position.nav-warning.item-color > li.active > a:focus,
.nav-tabs.left-position.nav-primary > li.active > a,
.nav-tabs.left-position.nav-primary > li.active > a:hover,
.nav-tabs.left-position.nav-primary > li.active > a:focus,
.nav-tabs.left-position.nav-success > li.active > a,
.nav-tabs.left-position.nav-success > li.active > a:hover,
.nav-tabs.left-position.nav-success > li.active > a:focus,
.nav-tabs.left-position.nav-info > li.active > a,
.nav-tabs.left-position.nav-info > li.active > a:hover,
.nav-tabs.left-position.nav-info > li.active > a:focus,
.nav-tabs.left-position.nav-danger > li.active > a,
.nav-tabs.left-position.nav-danger > li.active > a:hover,
.nav-tabs.left-position.nav-danger > li.active > a:focus,
.nav-tabs.left-position.nav-warning > li.active > a,
.nav-tabs.left-position.nav-warning > li.active > a:hover,
.nav-tabs.left-position.nav-warning > li.active > a:focus,
.nav-tabs.left-position > li.active > a,
.nav-tabs.left-position > li.active > a:hover,
.nav-tabs.left-position > li.active > a:focus {
    border: 1px solid #ddd;
    border-right-color: transparent;
}

.nav-tabs.right-position {
    border-left: 1px solid #ddd;
    border-bottom: none;
}

.nav-tabs.right-position > li {
    float: none;
    margin-left: -1px;
    margin-bottom: 2px;
    text-align: right;
}

.nav-tabs.right-position > li > a {
    margin-left: 0px;
    border-radius: 0 4px 4px 0;
}

.nav-tabs.right-position > li > a:hover {
    border-color: transparent;
}

.nav-tabs.right-position.item-color > li.active > a,
.nav-tabs.right-position.item-color > li.active > a:hover,
.nav-tabs.right-position.item-color > li.active > a:focus,
.nav-tabs.right-position.nav-primary.item-color > li.active > a,
.nav-tabs.right-position.nav-primary.item-color > li.active > a:hover,
.nav-tabs.right-position.nav-primary.item-color > li.active > a:focus,
.nav-tabs.right-position.nav-success.item-color > li.active > a,
.nav-tabs.right-position.nav-success.item-color > li.active > a:hover,
.nav-tabs.right-position.nav-success.item-color > li.active > a:focus,
.nav-tabs.right-position.nav-info.item-color > li.active > a,
.nav-tabs.right-position.nav-info.item-color > li.active > a:hover,
.nav-tabs.right-position.nav-info.item-color > li.active > a:focus,
.nav-tabs.right-position.nav-danger.item-color > li.active > a,
.nav-tabs.right-position.nav-danger.item-color > li.active > a:hover,
.nav-tabs.right-position.nav-danger.item-color > li.active > a:focus,
.nav-tabs.right-position.nav-warning.item-color > li.active > a,
.nav-tabs.right-position.nav-warning.item-color > li.active > a:hover,
.nav-tabs.right-position.nav-warning.item-color > li.active > a:focus,
.nav-tabs.right-position.nav-primary > li.active > a,
.nav-tabs.right-position.nav-primary > li.active > a:hover,
.nav-tabs.right-position.nav-primary > li.active > a:focus,
.nav-tabs.right-position.nav-success > li.active > a,
.nav-tabs.right-position.nav-success > li.active > a:hover,
.nav-tabs.right-position.nav-success > li.active > a:focus,
.nav-tabs.right-position.nav-info > li.active > a,
.nav-tabs.right-position.nav-info > li.active > a:hover,
.nav-tabs.right-position.nav-info > li.active > a:focus,
.nav-tabs.right-position.nav-danger > li.active > a,
.nav-tabs.right-position.nav-danger > li.active > a:hover,
.nav-tabs.right-position.nav-danger > li.active > a:focus,
.nav-tabs.right-position.nav-warning > li.active > a,
.nav-tabs.right-position.nav-warning > li.active > a:hover,
.nav-tabs.right-position.nav-warning > li.active > a:focus,
.nav-tabs.right-position > li.active > a,
.nav-tabs.right-position > li.active > a:hover,
.nav-tabs.right-position > li.active > a:focus {
    border: 1px solid #ddd;
    border-left-color: transparent;
}

.nav-tabs.bottom-position {
    border-top: 1px solid #ddd;
    border-bottom: none;
}

.nav-tabs.bottom-position > li {
    margin-top: -1px;
    margin-right: 2px;
}

.nav-tabs.bottom-position > li > a {
    margin-top: 0px;
    border-radius: 0 0 4px 4px;
}

.nav-tabs.bottom-position > li > a:hover {
    border-color: transparent;
}

.nav-tabs.bottom-position.item-color.nav-primary > li.active > a,
.nav-tabs.bottom-position.item-color.nav-primary > li.active > a:hover,
.nav-tabs.bottom-position.item-color.nav-primary > li.active > a:focus,
.nav-tabs.bottom-position.item-color.nav-success > li.active > a,
.nav-tabs.bottom-position.item-color.nav-success > li.active > a:hover,
.nav-tabs.bottom-position.item-color.nav-success > li.active > a:focus,
.nav-tabs.bottom-position.item-color.nav-info > li.active > a,
.nav-tabs.bottom-position.item-color.nav-info > li.active > a:hover,
.nav-tabs.bottom-position.item-color.nav-info > li.active > a:focus,
.nav-tabs.bottom-position.item-color.nav-danger > li.active > a,
.nav-tabs.bottom-position.item-color.nav-danger > li.active > a:hover,
.nav-tabs.bottom-position.item-color.nav-danger > li.active > a:focus,
.nav-tabs.bottom-position.item-color.nav-warning > li.active > a,
.nav-tabs.bottom-position.item-color.nav-warning > li.active > a:hover,
.nav-tabs.bottom-position.item-color.nav-warning > li.active > a:focus,
.nav-tabs.bottom-position.nav-primary > li.active > a,
.nav-tabs.bottom-position.nav-primary > li.active > a:hover,
.nav-tabs.bottom-position.nav-primary > li.active > a:focus,
.nav-tabs.bottom-position.nav-success > li.active > a,
.nav-tabs.bottom-position.nav-success > li.active > a:hover,
.nav-tabs.bottom-position.nav-success > li.active > a:focus,
.nav-tabs.bottom-position.nav-info > li.active > a,
.nav-tabs.bottom-position.nav-info > li.active > a:hover,
.nav-tabs.bottom-position.nav-info > li.active > a:focus,
.nav-tabs.bottom-position.nav-danger > li.active > a,
.nav-tabs.bottom-position.nav-danger > li.active > a:hover,
.nav-tabs.bottom-position.nav-danger > li.active > a:focus,
.nav-tabs.bottom-position.nav-warning > li.active > a,
.nav-tabs.bottom-position.nav-warning > li.active > a:hover,
.nav-tabs.bottom-position.nav-warning > li.active > a:focus,
.nav-tabs.bottom-position > li.active > a,
.nav-tabs.bottom-position > li.active > a:hover,
.nav-tabs.bottom-position > li.active > a:focus {
    border: 1px solid #ddd;
    border-top-color: transparent;
}

.nav-tabs.left-position.square > li > a,
.nav-tabs.right-position.square > li > a,
.nav-tabs.bottom-position.square > li > a,
.nav-tabs.square > li > a {
    border-radius: 0;
}

.nav-tabs-showcase {
    margin-bottom: 20px;
}

.nav-pills-showcase {
    margin-bottom: 20px;
}

.nav.nav-primary > li.active > a,
.nav.nav-success > li.active > a,
.nav.nav-info > li.active > a,
.nav.nav-danger > li.active > a,
.nav.nav-warning > li.active > a,
.nav.nav-primary > li.active > a:hover,
.nav.nav-success > li.active > a:hover,
.nav.nav-info > li.active > a:hover,
.nav.nav-danger > li.active > a:hover,
.nav.nav-warning > li.active > a:hover {
    color: #353535;
}

.nav.nav-pills > li.disabled > a,
.nav.nav-tabs > li.disabled > a,
.nav.nav-primary > li.disabled > a,
.nav.nav-success > li.disabled > a,
.nav.nav-info > li.disabled > a,
.nav.nav-danger > li.disabled > a,
.nav.nav-warning > li.disabled > a,
.nav.nav-primary > li.disabled > a:hover,
.nav.nav-success > li.disabled > a:hover,
.nav.nav-info > li.disabled > a:hover,
.nav.nav-danger > li.disabled > a:hover,
.nav.nav-warning > li.disabled > a:hover {
    color: #D5DAE0;
    border-color: transparent;
    background: transparent;
    pointer-events: none;
}

.nav-tabs.nav-primary > li.active > a,
.nav-tabs.nav-success > li.active > a,
.nav-tabs.nav-info > li.active > a,
.nav-tabs.nav-danger > li.active > a,
.nav-tabs.nav-warning > li.active > a,
.nav-tabs.nav-primary > li.active > a:hover,
.nav-tabs.nav-success > li.active > a:hover,
.nav-tabs.nav-info > li.active > a:hover,
.nav-tabs.nav-danger > li.active > a:hover,
.nav-tabs.nav-warning > li.active > a:hover {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #434A54;
}

.nav-tabs.item-color > li > a {
    background: #434A54;
    color: #fff;
}

.nav-tabs.item-color > li > a:hover,
.nav-tabs.item-color > li > a:focus {
    background-color: #656D78;
    color: #fff;
    border-color: #656D78;
}

.nav-tabs.item-color > li.active > a,
.nav-tabs.item-color > li.active > a:hover,
.nav-tabs.item-color > li.active > a:focus {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #353535;
}

.nav.nav-primary > li > a {
    color: #37BC9B
}

.nav.nav-primary > li > a:hover,
.nav.nav-primary > li > a:focus {
    background-color: #37BC9B;
    color: #fff;
    border-color: #37BC9B;
}

.nav-tabs.item-color.nav-primary > li > a {
    background: #37BC9B;
    color: #fff;
}

.nav-tabs.item-color.nav-primary > li > a:hover,
.nav-tabs.item-color.nav-primary > li > a:focus {
    background-color: #48CFAD;
    color: #fff;
    border-color: #48CFAD;
}

.nav-tabs.item-color.nav-primary > li.active > a,
.nav-tabs.item-color.nav-primary > li.active > a:hover,
.nav-tabs.item-color.nav-primary > li.active > a:focus {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #353535;
}

.nav-tabs.item-color.nav-primary > li.disabled > a,
.nav-tabs.item-color.nav-primary > li.disabled > a:hover,
.nav-tabs.item-color.nav-primary > li.disabled > a:focus,
.nav-tabs.item-color.nav-success > li.disabled > a,
.nav-tabs.item-color.nav-success > li.disabled > a:hover,
.nav-tabs.item-color.nav-success > li.disabled > a:focus,
.nav-tabs.item-color.nav-info > li.disabled > a,
.nav-tabs.item-color.nav-info > li.disabled > a:hover,
.nav-tabs.item-color.nav-info > li.disabled > a:focus,
.nav-tabs.item-color.nav-danger > li.disabled > a,
.nav-tabs.item-color.nav-danger > li.disabled > a:hover,
.nav-tabs.item-color.nav-danger > li.disabled > a:focus,
.nav-tabs.item-color.nav-warning > li.disabled > a,
.nav-tabs.item-color.nav-warning > li.disabled > a:hover,
.nav-tabs.item-color.nav-warning > li.disabled > a:focus {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65;
}

.nav-pills.nav-primary > li.active > a,
.nav-pills.nav-primary > li.active > a:hover,
.nav-pills.nav-primary > li.active > a:focus {
    background-color: #37BC9B;
    color: #fff;
}

.nav.nav-success > li > a {
    color: #8CC152
}

.nav.nav-success > li > a:hover,
.nav.nav-success > li > a:focus {
    background-color: #8CC152;
    color: #fff;
    border-color: #8CC152;
}

.nav-tabs.item-color.nav-success > li > a {
    background: #8CC152;
    color: #fff;
}

.nav-tabs.item-color.nav-success > li > a:hover,
.nav-tabs.item-color.nav-success > li > a:focus {
    background-color: #A0D468;
    color: #fff;
    border-color: #A0D468;
}

.nav-tabs.item-color.nav-success > li.active > a,
.nav-tabs.item-color.nav-success > li.active > a:hover,
.nav-tabs.item-color.nav-success > li.active > a:focus {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #353535;
}

.nav-pills.nav-success > li.active > a,
.nav-pills.nav-success > li.active > a:hover,
.nav-pills.nav-success > li.active > a:focus {
    background-color: #8CC152;
    color: #fff;
}

.nav.nav-info > li > a {
    color: #3BAFDA
}

.nav.nav-info > li > a:hover,
.nav.nav-info > li > a:focus {
    background-color: #3BAFDA;
    color: #fff;
    border-color: #3BAFDA;
}

.nav-tabs.item-color.nav-info > li > a {
    background: #3BAFDA;
    color: #fff;
}

.nav-tabs.item-color.nav-info > li > a:hover,
.nav-tabs.item-color.nav-info > li > a:focus {
    background-color: #4FC1E9;
    color: #fff;
    border-color: #4FC1E9;
}

.nav-tabs.item-color.nav-info > li.active > a,
.nav-tabs.item-color.nav-info > li.active > a:hover,
.nav-tabs.item-color.nav-info > li.active > a:focus {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #353535;
}

.nav-pills.nav-info > li.active > a,
.nav-pills.nav-info > li.active > a:hover,
.nav-pills.nav-info > li.active > a:focus {
    background-color: #3BAFDA;
    color: #fff;
}

.nav.nav-danger > li > a {
    color: #E9573F
}

.nav.nav-danger > li > a:hover,
.nav.nav-danger > li > a:focus {
    background-color: #E9573F;
    color: #fff;
    border-color: #E9573F;
}

.nav-tabs.item-color.nav-danger > li > a {
    background: #E9573F;
    color: #fff;
}

.nav-tabs.item-color.nav-danger > li > a:hover,
.nav-tabs.item-color.nav-danger > li > a:focus {
    background-color: #FC6E51;
    color: #fff;
    border-color: #FC6E51;
}

.nav-tabs.item-color.nav-danger > li.active > a,
.nav-tabs.item-color.nav-danger > li.active > a:hover,
.nav-tabs.item-color.nav-danger > li.active > a:focus {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #353535;
}

.nav-pills.nav-danger > li.active > a,
.nav-pills.nav-danger > li.active > a:hover,
.nav-pills.nav-danger > li.active > a:focus {
    background-color: #E9573F;
    color: #fff;
}

.nav.nav-warning > li > a {
    color: #F6BB42
}

.nav.nav-warning > li > a:hover,
.nav.nav-warning > li > a:focus {
    background-color: #F6BB42;
    color: #fff;
    border-color: #F6BB42;
}

.nav-tabs.item-color.nav-warning > li > a {
    background: #F6BB42;
    color: #fff;
}

.nav-tabs.item-color.nav-warning > li > a:hover,
.nav-tabs.item-color.nav-warning > li > a:focus {
    background-color: #FFCE54;
    color: #fff;
    border-color: #FFCE54;
}

.nav-tabs.item-color.nav-warning > li.active > a,
.nav-tabs.item-color.nav-warning > li.active > a:hover,
.nav-tabs.item-color.nav-warning > li.active > a:focus {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #353535;
}

.nav-pills.nav-warning > li.active > a,
.nav-pills.nav-warning > li.active > a:hover,
.nav-pills.nav-warning > li.active > a:focus {
    background-color: #F6BB42;
    color: #fff;
}


/**-------------------------------------------NAVBAR-------------------------------------------**/

.navbar.square {
    border-radius: 0;
}

.navbar.no-border {
    border: none;
}

.navbar-primary .form-control,
.navbar-success .form-control,
.navbar-info .form-control,
.navbar-danger .form-control,
.navbar-warning .form-control,
.navbar-inverse .form-control {
    border: none;
}

.navbar-primary {
    background-color: #37BC9B;
    border-color: #2CAF90;
}

.navbar-primary .btn.btn-primary {
    background-color: #27A283;
    border-color: #27A283;
}

.navbar-primary .btn.btn-primary:hover,
.navbar-primary .btn.btn-primary:active,
.navbar-primary .btn.btn-primary:focus {
    background-color: #1C9376;
    border-color: #1C9376;
}

.navbar-primary .navbar-brand {
    color: #fff;
}

.navbar-primary .navbar-brand:hover,
.navbar-primary .navbar-brand:focus {
    color: #fff;
}

.navbar-primary .navbar-text {
    color: #fff;
}

.navbar-primary .navbar-nav > li > a {
    color: #fff;
}

.navbar-primary .navbar-nav > li > a:hover,
.navbar-primary .navbar-nav > li > a:focus {
    color: #E0FFF7;
    background-color: transparent;
}

.navbar-primary .navbar-nav > .active > a,
.navbar-primary .navbar-nav > .active > a:hover,
.navbar-primary .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #2CAF90;
}

.navbar-primary .navbar-toggle {
    border-color: #2CAF90;
}

.navbar-primary .navbar-toggle:hover,
.navbar-primary .navbar-toggle:focus {
    background-color: #2CAF90;
}

.navbar-primary .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-primary .navbar-collapse,
.navbar-primary .navbar-form {
    border-color: #2CAF90;
}

.navbar-primary .navbar-nav > .open > a,
.navbar-primary .navbar-nav > .open > a:hover,
.navbar-primary .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #2CAF90;
}

@media (max-width: 767px) {
    .navbar-primary .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-primary .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-primary .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #E0FFF7;
        background-color: transparent;
    }
    .navbar-primary .navbar-nav .open .dropdown-menu > li.divider {
        background-color: #2CAF90;
    }
    .navbar-primary .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-primary .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-primary .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #2CAF90;
    }
}

.navbar-success {
    background-color: #8CC152;
    border-color: #7EB446;
}

.navbar-success .btn.btn-success {
    background-color: #76AD3E;
    border-color: #76AD3E;
}

.navbar-success .btn.btn-success:hover,
.navbar-success .btn.btn-success:active,
.navbar-success .btn.btn-success:focus {
    background-color: #679D2E;
    border-color: #679D2E;
}

.navbar-success .navbar-brand {
    color: #fff;
}

.navbar-success .navbar-brand:hover,
.navbar-success .navbar-brand:focus {
    color: #fff;
}

.navbar-success .navbar-text {
    color: #fff;
}

.navbar-success .navbar-nav > li > a {
    color: #fff;
}

.navbar-success .navbar-nav > li > a:hover,
.navbar-success .navbar-nav > li > a:focus {
    color: #F2FFE5;
    background-color: transparent;
}

.navbar-success .navbar-nav > .active > a,
.navbar-success .navbar-nav > .active > a:hover,
.navbar-success .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #7EB446;
}

.navbar-success .navbar-toggle {
    border-color: #7EB446;
}

.navbar-success .navbar-toggle:hover,
.navbar-success .navbar-toggle:focus {
    background-color: #7EB446;
}

.navbar-success .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-success .navbar-collapse,
.navbar-success .navbar-form {
    border-color: #7EB446;
}

.navbar-success .navbar-nav > .open > a,
.navbar-success .navbar-nav > .open > a:hover,
.navbar-success .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #7EB446;
}

@media (max-width: 767px) {
    .navbar-success .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-success .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-success .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #F2FFE5;
        background-color: transparent;
    }
    .navbar-success .navbar-nav .open .dropdown-menu > li.divider {
        background-color: #7EB446;
    }
    .navbar-success .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-success .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-success .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #7EB446;
    }
}

.navbar-info {
    background-color: #3BAFDA;
    border-color: #299DCB;
}

.navbar-info .btn.btn-info {
    background-color: #2998C1;
    border-color: #2998C1;
}

.navbar-info .btn.btn-info:hover,
.navbar-info .btn.btn-info:active,
.navbar-info .btn.btn-info:focus {
    background-color: #1C86AF;
    border-color: #1C86AF;
}

.navbar-info .navbar-brand {
    color: #fff;
}

.navbar-info .navbar-brand:hover,
.navbar-info .navbar-brand:focus {
    color: #fff;
}

.navbar-info .navbar-text {
    color: #fff;
}

.navbar-info .navbar-nav > li > a {
    color: #fff;
}

.navbar-info .navbar-nav > li > a:hover,
.navbar-info .navbar-nav > li > a:focus {
    color: #E3F7FF;
    background-color: transparent;
}

.navbar-info .navbar-nav > .active > a,
.navbar-info .navbar-nav > .active > a:hover,
.navbar-info .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #299DCB;
}

.navbar-info .navbar-toggle {
    border-color: #299DCB;
}

.navbar-info .navbar-toggle:hover,
.navbar-info .navbar-toggle:focus {
    background-color: #299DCB;
}

.navbar-info .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-info .navbar-collapse,
.navbar-info .navbar-form {
    border-color: #299DCB;
}

.navbar-info .navbar-nav > .open > a,
.navbar-info .navbar-nav > .open > a:hover,
.navbar-info .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #299DCB;
}

@media (max-width: 767px) {
    .navbar-info .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-info .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-info .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #E3F7FF;
        background-color: transparent;
    }
    .navbar-info .navbar-nav .open .dropdown-menu > li.divider {
        background-color: #299DCB;
    }
    .navbar-info .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-info .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-info .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #299DCB;
    }
}

.navbar-danger {
    background-color: #E9573F;
    border-color: #DB462C;
}

.navbar-danger .btn.btn-danger {
    background-color: #D1462C;
    border-color: #D1462C;
}

.navbar-danger .btn.btn-danger:hover,
.navbar-danger .btn.btn-danger:active,
.navbar-danger .btn.btn-danger:focus {
    background-color: #C1361F;
    border-color: #C1361F;
}

.navbar-danger .navbar-brand {
    color: #fff;
}

.navbar-danger .navbar-brand:hover,
.navbar-danger .navbar-brand:focus {
    color: #fff;
}

.navbar-danger .navbar-text {
    color: #fff;
}

.navbar-danger .navbar-nav > li > a {
    color: #fff;
}

.navbar-danger .navbar-nav > li > a:hover,
.navbar-danger .navbar-nav > li > a:focus {
    color: #FFE8E3;
    background-color: transparent;
}

.navbar-danger .navbar-nav > .active > a,
.navbar-danger .navbar-nav > .active > a:hover,
.navbar-danger .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #DB462C;
}

.navbar-danger .navbar-toggle {
    border-color: #DB462C;
}

.navbar-danger .navbar-toggle:hover,
.navbar-danger .navbar-toggle:focus {
    background-color: #DB462C;
}

.navbar-danger .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-danger .navbar-collapse,
.navbar-danger .navbar-form {
    border-color: #DB462C;
}

.navbar-danger .navbar-nav > .open > a,
.navbar-danger .navbar-nav > .open > a:hover,
.navbar-danger .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #DB462C;
}

@media (max-width: 767px) {
    .navbar-danger .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-danger .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-danger .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #FFE8E3;
        background-color: transparent;
    }
    .navbar-danger .navbar-nav .open .dropdown-menu > li.divider {
        background-color: #DB462C;
    }
    .navbar-danger .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-danger .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-danger .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #DB462C;
    }
}

.navbar-warning {
    background-color: #F6BB42;
    border-color: #E8AA2E;
}

.navbar-warning .btn.btn-warning {
    background-color: #E0A52C;
    border-color: #E0A52C;
}

.navbar-warning .btn.btn-warning:hover,
.navbar-warning .btn.btn-warning:active,
.navbar-warning .btn.btn-warning:focus {
    background-color: #CB8E12;
    border-color: #CB8E12;
}

.navbar-warning .navbar-brand {
    color: #fff;
}

.navbar-warning .navbar-brand:hover,
.navbar-warning .navbar-brand:focus {
    color: #fff;
}

.navbar-warning .navbar-text {
    color: #fff;
}

.navbar-warning .navbar-nav > li > a {
    color: #fff;
}

.navbar-warning .navbar-nav > li > a:hover,
.navbar-warning .navbar-nav > li > a:focus {
    color: #FFF2D8;
    background-color: transparent;
}

.navbar-warning .navbar-nav > .active > a,
.navbar-warning .navbar-nav > .active > a:hover,
.navbar-warning .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #E8AA2E;
}

.navbar-warning .navbar-toggle {
    border-color: #E8AA2E;
}

.navbar-warning .navbar-toggle:hover,
.navbar-warning .navbar-toggle:focus {
    background-color: #E8AA2E;
}

.navbar-warning .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-warning .navbar-collapse,
.navbar-warning .navbar-form {
    border-color: #E8AA2E;
}

.navbar-warning .navbar-nav > .open > a,
.navbar-warning .navbar-nav > .open > a:hover,
.navbar-warning .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #E8AA2E;
}

@media (max-width: 767px) {
    .navbar-warning .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-warning .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-warning .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #FFF2D8;
        background-color: transparent;
    }
    .navbar-warning .navbar-nav .open .dropdown-menu > li.divider {
        background-color: #E8AA2E;
    }
    .navbar-warning .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-warning .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-warning .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #E8AA2E;
    }
}

.navbar-inverse {
    background-color: #434A54;
    border-color: #343B46;
}

.navbar-inverse .navbar-brand {
    color: #fff;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #fff;
}

.navbar-inverse .navbar-text {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #E6E9ED;
    background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #343B46;
}

.navbar-inverse .navbar-toggle {
    border-color: #343B46;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #343B46;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #343B46;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #343B46;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #E6E9ED;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li.divider {
        background-color: #343B46;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #343B46;
    }
}

.navbar-primary .navbar-link {
    color: #777;
}

.navbar-primary .navbar-link:hover {
    color: #333;
}


/**+++++++++++++++++++++++++++++++++++++++++++3RD PARTIES+++++++++++++++++++++++++++++++++++++++++++**/


/**-------------------------------------------FONT AWESOME-------------------------------------------**/

p.icon-showcase i {
    margin: 3px;
}

.icon-circle {
    border-radius: 50%;
    text-align: center;
    display: inline-block;
}

.icon-rounded {
    border-radius: 5px;
    text-align: center;
    display: inline-block;
}

.icon-square {
    border-radius: 0px;
    text-align: center;
    display: inline-block;
}

.icon-xs {
    width: 30px;
    height: 30px;
    padding: 7px 0;
}

.icon-sm {
    width: 40px;
    height: 40px;
    font-size: 20px;
    padding: 10px 0;
}

.icon-md {
    width: 60px;
    height: 60px;
    font-size: 30px;
    padding: 15px 0;
}

.icon-lg {
    width: 90px;
    height: 90px;
    font-size: 45px;
    padding: 22px 0;
}

.icon-xl {
    width: 150px;
    height: 150px;
    font-size: 80px;
    padding: 34px 0;
}

.icon-sm-size {
    font-size: 20px;
    padding: 10px 0;
}

.icon-md-size {
    font-size: 30px;
    padding: 12px 0;
}

.icon-lg-size {
    font-size: 45px;
    padding: 15px 0;
}

.icon-xl-size {
    font-size: 80px;
    padding: 20px 0;
}

.icon-bordered.icon-default {
    background: #fff;
    color: #434A54;
    -webkit-box-shadow: inset 0px 0px 0px 2px #E6E9ED;
    -moz-box-shadow: inset 0px 0px 0px 2px #E6E9ED;
    box-shadow: inset 0px 0px 0px 2px #E6E9ED;
}

.icon-default {
    color: #434A54;
    background: #E6E9ED;
}

a .icon-primary,
a .icon-success,
a .icon-info,
a .icon-danger,
a .icon-warning,
a .icon-dark,
a:hover .icon-primary,
a:hover .icon-success,
a:hover .icon-info,
a:hover .icon-danger,
a:hover .icon-warning,
a:hover .icon-dark,
a:focus .icon-primary,
a:focus .icon-success,
a:focus .icon-info,
a:focus .icon-danger,
a:focus .icon-warning,
a:focus .icon-dark,
.icon-primary,
.icon-success,
.icon-info,
.icon-danger,
.icon-warning,
.icon-dark {
    color: #fff;
    text-decoration: none;
}

.icon-primary {
    background: #37BC9B
}

.icon-success {
    background: #8CC152
}

.icon-info {
    background: #3BAFDA
}

.icon-danger {
    background: #E9573F
}

.icon-warning {
    background: #F6BB42
}

.icon-dark {
    background: #434A54
}

.icon-facebook,
a .icon-facebook,
a:focus .icon-facebook {
    background-color: #4B66A0;
    color: #fff;
    text-decoration: none;
}

a .icon-twitter,
a:focus .icon-twitter,
.icon-twitter {
    background-color: #55ACEE;
    color: #fff;
    text-decoration: none;
}

.icon-google-plus,
a .icon-google-plus,
a:focus .icon-google-plus {
    background-color: #D24333;
    color: #fff;
    text-decoration: none;
}

.icon-dribbble,
a .icon-dribbble,
a:focus .icon-dribbble {
    background-color: #E04C86;
    color: #fff;
    text-decoration: none;
}

.icon-flickr,
a .icon-flickr,
a:focus .icon-flickr {
    background-color: #0162DB;
    color: #fff;
    text-decoration: none;
}

.icon-pinterest,
a .icon-pinterest,
a:focus .icon-pinterest {
    background-color: #CC2127;
    color: #fff;
    text-decoration: none;
}

.icon-bordered.icon-primary {
    background: #fff;
    color: #37BC9B;
    -webkit-box-shadow: inset 0px 0px 0px 2px #37BC9B;
    -moz-box-shadow: inset 0px 0px 0px 2px #37BC9B;
    box-shadow: inset 0px 0px 0px 2px #37BC9B;
}

.icon-bordered.icon-success {
    background: #fff;
    color: #8CC152;
    -webkit-box-shadow: inset 0px 0px 0px 2px #8CC152;
    -moz-box-shadow: inset 0px 0px 0px 2px #8CC152;
    box-shadow: inset 0px 0px 0px 2px #8CC152;
}

.icon-bordered.icon-info {
    background: #fff;
    color: #3BAFDA;
    -webkit-box-shadow: inset 0px 0px 0px 2px #3BAFDA;
    -moz-box-shadow: inset 0px 0px 0px 2px #3BAFDA;
    box-shadow: inset 0px 0px 0px 2px #3BAFDA;
}

.icon-bordered.icon-danger {
    background: #fff;
    color: #E9573F;
    -webkit-box-shadow: inset 0px 0px 0px 2px #E9573F;
    -moz-box-shadow: inset 0px 0px 0px 2px #E9573F;
    box-shadow: inset 0px 0px 0px 2px #E9573F;
}

.icon-bordered.icon-warning {
    background: #fff;
    color: #F6BB42;
    -webkit-box-shadow: inset 0px 0px 0px 2px #F6BB42;
    -moz-box-shadow: inset 0px 0px 0px 2px #F6BB42;
    box-shadow: inset 0px 0px 0px 2px #F6BB42;
}

.icon-bordered.icon-dark {
    background: #fff;
    color: #434A54;
    -webkit-box-shadow: inset 0px 0px 0px 2px #434A54;
    -moz-box-shadow: inset 0px 0px 0px 2px #434A54;
    box-shadow: inset 0px 0px 0px 2px #434A54;
}

.icon-md.icon-bordered.icon-primary {
    -webkit-box-shadow: inset 0px 0px 0px 3px #37BC9B;
    -moz-box-shadow: inset 0px 0px 0px 3px #37BC9B;
    box-shadow: inset 0px 0px 0px 3px #37BC9B;
}

.icon-md.icon-bordered.icon-success {
    -webkit-box-shadow: inset 0px 0px 0px 3px #8CC152;
    -moz-box-shadow: inset 0px 0px 0px 3px #8CC152;
    box-shadow: inset 0px 0px 0px 3px #8CC152;
}

.icon-md.icon-bordered.icon-info {
    -webkit-box-shadow: inset 0px 0px 0px 3px #3BAFDA;
    -moz-box-shadow: inset 0px 0px 0px 3px #3BAFDA;
    box-shadow: inset 0px 0px 0px 3px #3BAFDA;
}

.icon-md.icon-bordered.icon-danger {
    -webkit-box-shadow: inset 0px 0px 0px 3px #E9573F;
    -moz-box-shadow: inset 0px 0px 0px 3px #E9573F;
    box-shadow: inset 0px 0px 0px 3px #E9573F;
}

.icon-md.icon-bordered.icon-warning {
    -webkit-box-shadow: inset 0px 0px 0px 3px #F6BB42;
    -moz-box-shadow: inset 0px 0px 0px 3px #F6BB42;
    box-shadow: inset 0px 0px 0px 3px #F6BB42;
}

.icon-md.icon-bordered.icon-dark {
    -webkit-box-shadow: inset 0px 0px 0px 3px #434A54;
    -moz-box-shadow: inset 0px 0px 0px 3px #434A54;
    box-shadow: inset 0px 0px 0px 3px #434A54;
}

.icon-lg.icon-bordered.icon-primary {
    -webkit-box-shadow: inset 0px 0px 0px 5px #37BC9B;
    -moz-box-shadow: inset 0px 0px 0px 5px #37BC9B;
    box-shadow: inset 0px 0px 0px 5px #37BC9B;
}

.icon-lg.icon-bordered.icon-success {
    -webkit-box-shadow: inset 0px 0px 0px 5px #8CC152;
    -moz-box-shadow: inset 0px 0px 0px 5px #8CC152;
    box-shadow: inset 0px 0px 0px 5px #8CC152;
}

.icon-lg.icon-bordered.icon-info {
    -webkit-box-shadow: inset 0px 0px 0px 5px #3BAFDA;
    -moz-box-shadow: inset 0px 0px 0px 5px #3BAFDA;
    box-shadow: inset 0px 0px 0px 5px #3BAFDA;
}

.icon-lg.icon-bordered.icon-danger {
    -webkit-box-shadow: inset 0px 0px 0px 5px #E9573F;
    -moz-box-shadow: inset 0px 0px 0px 5px #E9573F;
    box-shadow: inset 0px 0px 0px 5px #E9573F;
}

.icon-lg.icon-bordered.icon-warning {
    -webkit-box-shadow: inset 0px 0px 0px 5px #F6BB42;
    -moz-box-shadow: inset 0px 0px 0px 5px #F6BB42;
    box-shadow: inset 0px 0px 0px 5px #F6BB42;
}

.icon-lg.icon-bordered.icon-dark {
    -webkit-box-shadow: inset 0px 0px 0px 5px #434A54;
    -moz-box-shadow: inset 0px 0px 0px 5px #434A54;
    box-shadow: inset 0px 0px 0px 5px #434A54;
}

.icon-xl.icon-bordered.icon-primary {
    -webkit-box-shadow: inset 0px 0px 0px 8px #37BC9B;
    -moz-box-shadow: inset 0px 0px 0px 8px #37BC9B;
    box-shadow: inset 0px 0px 0px 8px #37BC9B;
}

.icon-xl.icon-bordered.icon-success {
    -webkit-box-shadow: inset 0px 0px 0px 8px #8CC152;
    -moz-box-shadow: inset 0px 0px 0px 8px #8CC152;
    box-shadow: inset 0px 0px 0px 8px #8CC152;
}

.icon-xl.icon-bordered.icon-info {
    -webkit-box-shadow: inset 0px 0px 0px 8px #3BAFDA;
    -moz-box-shadow: inset 0px 0px 0px 8px #3BAFDA;
    box-shadow: inset 0px 0px 0px 8px #3BAFDA;
}

.icon-xl.icon-bordered.icon-danger {
    -webkit-box-shadow: inset 0px 0px 0px 8px #E9573F;
    -moz-box-shadow: inset 0px 0px 0px 8px #E9573F;
    box-shadow: inset 0px 0px 0px 8px #E9573F;
}

.icon-xl.icon-bordered.icon-warning {
    -webkit-box-shadow: inset 0px 0px 0px 8px #F6BB42;
    -moz-box-shadow: inset 0px 0px 0px 8px #F6BB42;
    box-shadow: inset 0px 0px 0px 8px #F6BB42;
}

.icon-xl.icon-bordered.icon-dark {
    -webkit-box-shadow: inset 0px 0px 0px 8px #434A54;
    -moz-box-shadow: inset 0px 0px 0px 8px #434A54;
    box-shadow: inset 0px 0px 0px 8px #434A54;
}


/**-------------------------------------------MAGNIFIC POPUP-------------------------------------------**/

.magnific-popup-wrap {}

.magnific-popup-wrap .item-gallery {
    margin-bottom: 30px;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    filter: alpha(opacity=0);
    opacity: 0;
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 25px;
    width: auto;
    max-width: 600px;
    margin: 0 auto;
}

.white-popup.wide {
    max-width: 1000px;
}

.video-popup {
    position: relative;
    padding: 30px;
    width: auto;
    max-width: 800px;
    margin: 0 auto;
}

.video-popup button.mfp-close {
    color: #fff;
}


/*======Zoom effect======*/

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    filter: alpha(opacity=0);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0;
    filter: alpha(opacity=0);
}

.mfp-with-fade .mfp-content,
.mfp-with-fade.mfp-bg {
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity .5s ease-out;
}

.mfp-with-fade.mfp-ready .mfp-content {
    filter: alpha(opacity=100);
    opacity: 1;
}

.mfp-with-fade.mfp-ready.mfp-bg {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-with-fade.mfp-removing.mfp-bg {
    opacity: 0;
    filter: alpha(opacity=0);
}


/**-------------------------------------------OWL CAROUSEL-------------------------------------------**/

.owl-carousel {
    padding: 0px;
    margin: 0;
}

.owl-carousel .item {
    padding: 10px 0px;
    margin: 10px;
    color: #FFF;
    text-align: center;
}

.owl-carousel .item img {
    width: auto;
    max-width: 100%;
    display: block;
}

.owl-carousel .item.full {
    padding: 0px;
    margin: 0px;
}

#Owlbar {
    width: 0%;
    max-width: 100%;
    height: 4px;
    background: #7fc242;
}

#OwlprogressBar {
    width: 100%;
    background: #EDEDED;
}


/**-------------------------------------------RESPONSIVE IFRAME-------------------------------------------**/

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 15px;
}

.video-wrapper.no-margin {
    margin-bottom: 0px;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

iframe {
    width: 100%;
    border: none;
}


/**-------------------------------------------JQUERY FLOT-------------------------------------------**/

#flotTip {
    padding: 5px;
    border: 2px solid #353535;
    background: rgba(1, 1, 1, .4);
    color: #fff;
}


/**-------------------------------------------EASY PIE CHART-------------------------------------------**/

.chart {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.chart.chart-widget-pie {
    margin-top: 5px;
    margin-bottom: 5px;
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.percent {
    display: inline-block;
    line-height: 110px;
    z-index: 2;
}

.percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
}


/**-------------------------------------------PRICING TABLE-------------------------------------------**/

.pricing-table-wrap {
    margin: 80px auto;
}

.pricing-table-wrap:before,
.pricing-table-wrap:after {
    display: table;
    content: " ";
}

.pricing-table-wrap:after {
    clear: both;
}

.table-item {
    width: 33.33333333%;
    float: left;
    display: inline-block;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    padding: 0 0 30px 0;
    background: #fff;
    -webkit-box-shadow: inset 0px 0px 0px 3px #E6E9ED;
    -moz-box-shadow: inset 0px 0px 0px 3px #E6E9ED;
    box-shadow: inset 0px 0px 0px 3px #E6E9ED;
}

.table-item .heading {
    padding: 15px 0;
    border-bottom: 1px solid #E6E9ED;
}

.table-item .circle-best {
    width: 80px;
    height: 80px;
    color: #fff;
    background: #E9573F;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: -40px;
    right: 10px;
    z-index: 3;
    line-height: 120%;
    padding: 10px 0;
}

.table-item.best-choice {
    margin-left: -3px;
    margin-right: -3px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.table-item:first-child {
    border-radius: 5px 0 0 5px;
}

.table-item:last-child {
    border-radius: 0 5px 5px 0;
}

.table-item ul.content-pricing {
    padding: 0;
    margin: 20px 0;
    list-style: none;
}

.table-item ul.content-pricing li {
    display: block;
    padding: 5px 10px;
}

.table-item.best-choice ul.content-pricing li {
    display: block;
    padding: 10px;
}

.table-item-2 {
    border: 2px solid #CCD1D9;
    border-radius: 0 0 8px 8px;
    background: #fff;
    padding: 20px;
    margin: 40px 0;
    position: relative;
}

.table-item-2 .table-heading {
    border: 2px solid #434A54;
    margin: -22px -22px 0 -22px;
    background: #434A54;
    color: #F5F7FA;
    padding: 20px;
    overflow: hidden;
}

.table-item-2 .table-heading .plan-name {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.table-item-2 .table-heading h1 {
    color: #fff;
    font-size: 80px;
    font-weight: 700;
    margin-bottom: 30px;
}

.table-item-2 .table-heading h1 sup,
.table-item-2 .table-heading h1 sub {
    font-size: 14px;
    top: -50px;
    font-weight: 400;
    color: #AAB2BD;
}

.table-item-2 .table-heading h1 sub {
    top: 0;
    bottom: -50px;
}

.table-item-2 .table-body {
    margin: 20px 0 10px;
}

.table-item-2 .table-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.table-item-2 .table-body ul li {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #E6E9ED;
    height: 43px;
    padding-left: 50px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-item-2 .table-body ul li .icon-left {
    position: absolute;
    width: 43px;
    height: 43px;
    text-align: center;
    padding: 10px 0;
    color: #AAB2BD;
    font-size: 20px;
    left: 0;
    top: 0;
}

.table-item-2 .table-body ul li:last-child {
    border-bottom: none;
}

.shape {
    border-style: solid;
    border-width: 0 55px 55px 0;
    position: absolute;
    top: -2px;
    right: -2px;
    height: 0px;
    width: 0px;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.shape-text {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    right: -25px;
    top: 0px;
    letter-spacing: 1px;
    white-space: nowrap;
    -ms-transform: rotate(30deg);
    /* IE 9 */
    -o-transform: rotate(360deg);
    /* Opera 10.5 */
    -webkit-transform: rotate(46deg);
    /* Safari and Chrome */
    transform: rotate(46deg);
}

.shape {
    border-color: rgba(255, 255, 255, 0) #d9534f rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}


/**-------------------------------------------SEARCH PAGE-------------------------------------------**/

.search-page {
    margin: -15px -15px -40px -15px;
}

.search-page .media {
    margin-bottom: 30px;
}

.search-page .image-thumb-result {
    width: 130px;
}

#search-heading {
    padding: 20px;
}

#search-heading form {
    margin: 15px 0;
}

.search-page .logo {
    width: auto;
    max-width: 300px;
}


/**-------------------------------------------MAIL APPS-------------------------------------------**/

.mail-apps-wrap {
    margin: 0 -15px;
    background: #fff;
}

.mail-apps-wrap .heading h1 {
    padding: 0;
    margin: 0;
    line-height: 100%;
}

.mail-apps-wrap .toolbar {
    background: #F5F7FA;
}

.mail-apps-wrap .list-group-item {
    vertical-align: middle;
}

.mail-apps-wrap .panel-heading .avatar,
.mail-apps-wrap .list-group-item .avatar {
    width: 40px;
    height: 40px;
    margin: 0 10px;
}

.list-group-item.mail-list {
    padding-left: 30px;
    padding-right: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.list-group-item.mail-list.read {
    background: #F5F7FA;
}

.list-group-item.mail-list span.name {
    width: 100px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    margin: 0 10px;
}

.list-group-item.mail-list span.favorite {
    margin: 0 5px;
}

.list-group-item.mail-list span.subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 10px;
}

.list-group-item.mail-list span.label {
    margin: 0 10px;
}

.list-group-item.mail-list span.time {
    float: right;
    width: 80px;
    position: absolute;
    right: 10px;
    top: 20px;
    text-align: right;
    font-size: 13px;
}

.list-group-item.mail-list span.attachment {
    float: right;
    position: absolute;
    right: 80px;
    top: 20px;
    text-align: right;
}

.mail-apps-wrap .panel-heading .time {
    padding: 15px 0;
    display: block;
    font-size: 13px;
}

.mail-info-detail {
    list-style: none;
    margin: 0;
    padding: 10px;
    width: 300px;
}

.mail-info-detail li {
    padding: 5px 10px;
}

.attachment-list {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}

.attachment-list li {
    padding: 5px 0;
}

.box-reply {
    padding: 20px;
    border: 1px solid #E6E9ED;
    margin-bottom: 40px;
}


/**-------------------------------------------BLOG APPS-------------------------------------------**/

.small-heading {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 0;
    margin: 10px 0;
    color: #A9B3BD;
}

.medium-heading {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 0;
    margin: 10px 0;
    color: #A9B3BD;
}

.more-margin-bottom {
    margin-bottom: 20px;
    margin-top: 0;
}

.carousel.blog-carousel {
    position: relative;
}

.carousel.blog-carousel a {
    color: #fff;
}

.search-blog {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 30px;
    z-index: 5;
}

.search-blog .form-control {
    background: rgba(255, 255, 255, .8);
    font-weight: 700;
}

.col-full-width {
    padding: 0;
}

.col-full-width-right {
    padding-right: 0;
}

.col-full-width-left {
    padding-left: 0;
}

.recent-post {
    margin: 30px 0 0 0;
}

.popular-video {
    margin: 30px 0 0 0;
}

.blog-detail-image {
    position: relative
}

.blog-detail-image img.img-blog {
    position: relative;
    width: auto;
    max-width: 100%;
    z-index: 1;
}

.blog-detail-image .blog-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    color: #fff;
    z-index: 2;
    padding: 20px 15px;
    text-align: center;
    opacity: .7;
    filter: alpha(opacity=70);
    background: rgba(1, 1, 1, 0);
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.blog-detail-image:hover .blog-title {
    opacity: 1;
    filter: alpha(opacity=100);
    background: rgba(1, 1, 1, .4);
}

.blog-detail-image .blog-title .avatar {
    width: 60px;
    height: 60px;
    margin: 0 0 20px 0;
}

.blog-detail-image .blog-title h1,
.blog-detail-image .blog-title h2,
.blog-detail-image .blog-title h3,
.blog-detail-image .blog-title h4,
.blog-detail-image .blog-title h5 {
    color: #fff;
}

.blog-detail-image .blog-title a {
    color: #fff;
}

.blog-detail-content p {
    margin: 20px 0;
    line-height: 170%;
}

.blog-list {
    margin: 30px 0;
}

.blog-list h4 a {
    color: #434A54;
    font-weight: 600;
}

.featured-post-wide {
    position: relative;
    margin: 0 0 30px;
    overflow: hidden;
}

.featured-post-wide img.featured-img {
    width: 100%;
    position: relative;
    z-index: 1;
}

.featured-post-wide .featured-text {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    background: #fff;
    padding: 15px 15px 15px 40px;
    z-index: 3;
}

.featured-post-wide .featured-text h2,
.featured-post-wide .featured-text h3,
.featured-post-wide .featured-text h4 {
    padding: 0;
    margin: 0 0 20px;
}

.featured-post-wide .featured-text.relative {
    position: relative;
    width: 100%;
    padding: 15px;
}

.featured-post-wide .featured-text.relative-left {
    position: relative;
    width: 100%;
    padding: 15px 15px 15px 40px;
}

.featured-post-wide .option-action {
    position: absolute;
    left: 300px;
    top: 0;
    bottom: 0;
    background: rgba(1, 1, 1, 0.5);
    padding: 15px;
    z-index: 2;
    color: #fff;
    font-size: 24px;
    text-align: center;
}

.featured-post-wide .option-action .count {
    font-size: 18px;
}

.featured-post-wide .featured-text h3 a {
    color: #434A54;
}

.featured-post-wide .featured-text p.date {
    font-size: 14px;
    color: #AAB2BD;
    margin-bottom: 10px;
}

.featured-post-wide .icon-type {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 4;
}

p.additional-post-wrap {
    margin: 15px 0;
    font-size: 13px;
}

p.additional-post-wrap a {
    color: #AAB2BD;
}

.additional-post {
    padding: 10px 15px 10px 0;
    color: #AAB2BD;
}

.additional-post a {
    color: #AAB2BD;
}

.additional-post i {
    margin-right: 5px;
}

.tags-cloud h3,
.signup-newsletter h3 {
    padding: 0;
    margin: 10px 0;
}

.signup-newsletter form {
    margin-top: 20px;
}

.tags-cloud {
    line-height: 250%;
}

.tags-cloud span {
    margin: 5px;
    padding: 5px 10px 6px;
    font-size: 14px;
}

.tags-cloud a:hover {
    text-decoration: none;
}

.tags-cloud p {
    margin: 20px 0 0 0;
}

p.date small {
    padding: 10px 0;
    margin-bottom: 15px;
    color: #A9B3BD;
    font-size: 11px;
    text-transform: uppercase;
}

.comment-action {
    margin-top: 20px;
}

.blog-list .blog-image {
    width: 200px;
}


/**-------------------------------------------SOCIAL APPS-------------------------------------------**/

.social-avatar {
    width: 80px;
    height: 80px;
}

.social-avatar.xs {
    width: 50px;
    height: 50px;
    margin: 5px;
}

.social-avatar.absolute {
    position: absolute;
    left: 50%;
    margin-left: -40px;
}

.social-avatar.has-margin {
    margin: 10px 0;
}

.has-dark-shadow {
    -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.has-light-shadow {
    -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, .45);
    -moz-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, .45);
    box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, .45);
}

.has-white-shadow {
    -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 1);
}

.has-black-shadow {
    -webkit-box-shadow: 0px 0px 0px 3px #434A54;
    -moz-box-shadow: 0px 0px 0px 3px #434A54;
    box-shadow: 0px 0px 0px 3px #434A54;
}

.media-team .media-body {
    padding: 5px 0;
}

.media-team .media {
    padding: 5px 0;
    margin: 0;
}

.card-wide {
    position: relative;
    overflow: hidden;
}

.card-wide img.img-bg {
    width: 100%;
    position: absolute;
    z-index: 1;
}

.card-info {
    position: relative;
    z-index: 2;
}

.text-white {
    color: #fff;
    padding: 20px;
}

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

.profile-heading {
    position: relative;
}

.profile-heading img.bg-cover {
    width: 100%;
    position: relative;
    z-index: 1;
}

.profile-heading img.avatar {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 20px;
    bottom: 30px;
    z-index: 3;
    -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 1);
}

.profile-heading .user-name {
    position: absolute;
    bottom: 70px;
    left: 140px;
    padding: 10px 0;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    z-index: 3;
}

.profile-heading .right-button {
    position: absolute;
    bottom: 15px;
    right: 15px;
    padding: 10px 0;
    z-index: 3;
}

.profile-heading .profile-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    padding-left: 140px;
    background: #fff;
    z-index: 2;
    height: 80px;
    -webkit-box-shadow: 0px -50px 29px -14px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px -50px 29px -14px rgba(0, 0, 0, 0.4);
    box-shadow: 0px -50px 29px -14px rgba(0, 0, 0, 0.4);
    line-height: 120%;
}

.user-info {
    padding-top: 50px;
    position: relative;
}

.user-info i {
    margin: 0 5px;
}

p.bordered {
    border-top: 1px solid #EDF0F2;
    border-bottom: 1px solid #EDF0F2;
    padding: 10px 0;
    margin: 5px 0 20px;
}

p.bordered-sm {
    border-top: 1px dashed #EDF0F2;
    padding: 0;
    margin-top: 20px;
}

p.bordered.dashed {
    border-top: 1px dashed #EDF0F2;
    border-bottom: 1px dashed #EDF0F2;
}

.social-icon {
    margin: 30px 0 15px;
}

.social-icon i {
    margin: 0 5px;
}

.user-info .social-avatar.absolute {
    top: -40px;
}

.user-card-sm {
    position: relative;
}

.user-card-sm .media-object {
    width: 50px;
    height: 50px;
}

.user-card-sm .right-button {
    position: absolute;
    right: 0;
    top: 10px;
}

.chat-wrap {
    height: 330px;
    overflow-y: auto;
    padding: 20px;
}

.action-chat {
    margin-top: 30px;
}

.media-chat .media-body {
    background: #F6F8F9;
    padding: 10px;
    border-radius: 8px;
}

.media-chat .media {
    padding: 20px 0;
    margin: 0;
}

.media-chat p.name small {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
}

.media-chat .media-body.me {
    background: #8EC051;
    color: #fff;
}

.post-form-timeline {}

.post-form-timeline textarea {
    resize: none;
}

ul.timeline {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.timeline li.centering-line {
    position: absolute;
    width: 4px;
    background: rgba(1, 1, 1, .2);
    left: 50%;
    margin-left: -2px;
    top: 0;
    bottom: 0;
    z-index: 1;
}

ul.timeline li.center-timeline-cat {
    text-align: center;
    font-weight: bold;
    display: block;
    width: 100%;
    display: inline-block;
    z-index: 2;
    position: relative;
    margin: 0;
}

ul.timeline li.center-timeline-cat .inner {
    background: #1BBC9B;
    border-radius: 5px;
    color: #fff;
    width: 140px;
    margin: 20px auto;
    padding: 5px 10px;
}

ul.timeline li:first-child.center-timeline-cat .inner {
    margin: 0 auto 20px;
}

ul.timeline li:last-child.center-timeline-cat .inner {
    margin: 20px auto 0;
}

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

ul.timeline:after {
    clear: both;
}

ul.timeline li.item-timeline {
    display: inline-block;
    width: 50%;
    position: relative;
    z-index: 2;
}

ul.timeline li.item-timeline a:hover {
    text-decoration: underline;
}

ul.timeline li.item-timeline.highlight {
    display: block;
    width: 100%;
}

ul.timeline li.item-timeline.highlight:last-child .inner-content {
    margin-bottom: 0;
}

ul.timeline li.item-timeline .heading-timeline {
    padding: 15px 0;
    margin: -10px 0 10px 0;
    border-bottom: 1px solid #eee;
    position: relative;
    height: 60px;
}

ul.timeline li.item-timeline .heading-timeline .avatar {
    position: absolute;
    left: 0;
    top: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

ul.timeline li.item-timeline .heading-timeline .user-timeline-info p {
    position: absolute;
    left: 50px;
    top: 10px;
    font-weight: bold;
    color: #353535;
    margin: 3px 0;
    padding: 0;
}

ul.timeline li.item-timeline .heading-timeline .user-timeline-info p small {
    color: #909090;
    font-weight: normal;
    font-size: 12px;
    display: block;
}

ul.timeline li.item-timeline .footer-timeline {
    padding: 0;
    margin: 10px -10px -10px -10px;
    border-top: 1px solid #eee;
    position: relative;
    min-height: 30px;
    background: #F6F8F9;
    border-radius: 0 0 8px 8px;
    font-size: 13px;
}

ul.timeline-option {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.timeline-option li.option-row {
    border-bottom: 1px solid #F0F2F2;
    padding: 10px;
    display: block;
    position: relative;
    min-height: 40px;
}

ul.timeline-option li.option-row .avatar {
    position: absolute;
    left: 10px;
    top: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

ul.timeline-option li.option-row .reply {
    position: relative;
    left: 40px;
    top: 0px;
    margin-right: 40px;
    line-height: 120%;
    right: 0;
}

ul.timeline-option li.option-row .reply p.reply-time {
    padding: 0;
    margin: 0;
}

ul.timeline li.item-timeline .footer-timeline ul.timeline-option li.option-row ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.timeline li.item-timeline .footer-timeline ul.timeline-option li.option-row ol li {
    display: inline-block;
    margin: 0 5px;
}

ul.timeline li.item-timeline .footer-timeline ul.timeline-option li.option-row ol li i {
    font-size: 14px;
}

ul.timeline li.item-timeline .footer-timeline ul.timeline-option li:last-child.option-row {
    border-bottom: none;
}

ul.timeline li:nth-child(even).item-timeline {
    float: left;
    clear: left;
}

ul.timeline li:nth-child(odd).item-timeline {
    float: right;
    clear: right;
}

ul.timeline li:nth-child(even).item-timeline .buletan {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    right: -6px;
    top: 35px;
    border: 2px solid #1BBC9B;
}

ul.timeline li:nth-child(odd).item-timeline .buletan {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    left: -6px;
    top: 55px;
    border: 2px solid #1BBC9B;
}

ul.timeline li.item-timeline .inner-content {
    margin: 20px;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    display: block;
    font-size: 15px;
    position: relative;
}

ul.timeline li.item-timeline:nth-child(even).highlight:before,
ul.timeline li.item-timeline:nth-child(odd).highlight:before {
    position: absolute;
    top: -4px;
    right: auto;
    left: 50%;
    margin-left: -12px;
    display: inline-block;
    border-left: 12px solid transparent;
    border-bottom: 12px solid #fff;
    border-right: 12px solid transparent;
    border-bottom-color: #fff;
    content: '';
}

ul.timeline li:nth-child(even).item-timeline.highlight .buletan,
ul.timeline li:nth-child(odd).item-timeline.highlight .buletan {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: 50%;
    margin-left: -6px;
    background: #fff;
    right: auto;
    top: -5px;
    border: 2px solid #1BBC9B;
}

ul.timeline li.item-timeline:nth-child(even):before {
    position: absolute;
    top: 30px;
    right: 8px;
    display: inline-block;
    border-top: 12px solid transparent;
    border-left: 12px solid #fff;
    border-bottom: 12px solid transparent;
    border-left-color: #fff;
    content: '';
}

ul.timeline li.item-timeline:nth-child(odd):before {
    position: absolute;
    top: 50px;
    left: 8px;
    display: inline-block;
    border-top: 12px solid transparent;
    border-right: 12px solid #fff;
    border-bottom: 12px solid transparent;
    border-right-color: #fff;
    content: '';
}

.img-wrap-col {
    margin: 5px -5px;
}

.img-wrap-col:before,
.img-wrap-col:after {
    content: " ";
    display: table;
}

.img-wrap-col:after {
    clear: both;
}

.img-wrap-col .img-col-2 {
    width: 50%;
    float: left;
}

.img-wrap-col .img-wrap {
    margin: 5px;
}

.img-wrap-col .img-wrap img {
    width: auto;
    max-width: 100%;
}

.img-wrap-col .img-col-3 {
    width: 33.33333333%;
    float: left;
    display: inline-block;
}

.img-wrap-col .img-col-4 {
    width: 25%;
    float: left;
    display: inline-block;
}

.img-wrap-col .img-col-5 {
    width: 20%;
    float: left;
    display: inline-block;
}


/**-------------------------------------------STORE APPS-------------------------------------------**/

.store-item {}

.store-item img.item-image {
    width: 100%;
}

.store-item .item-des {
    border-top: 4px solid #8EC051;
}

.store-item .bg-primary.item-des {
    border-top-color: #1D9B7D;
}

.store-item .bg-success.item-des {
    border-top-color: #699B29;
}

.store-item .bg-info.item-des {
    border-top-color: #1F91BD;
}

.store-item .bg-danger.item-des {
    border-top-color: #BE351F;
}

.store-item .bg-warning.item-des {
    border-top-color: #DC9913;
}

.store-item .item-des .price {
    font-size: 28px;
    padding: 0;
    margin: 10px;
    color: #AAB2BD;
}

.store-item .bg-primary.item-des .price {
    color: #C6FFF1;
}

.store-item .bg-success.item-des .price {
    color: #DEFDBE;
}

.store-item .bg-info.item-des .price {
    color: #BAEAFF;
}

.store-item .bg-danger.item-des .price {
    color: #FFC6BD;
}

.store-item .bg-warning.item-des .price {
    color: #FFE6B3;
}

p.brand {
    padding: 0;
    margin-bottom: 0px;
    color: #A9B3BD;
    font-size: 11px;
    text-transform: uppercase;
}

.media-popular-item {
    margin-bottom: 20px;
}

.media-object.sm {
    width: 95px;
}

.media p.price {
    font-size: 28px;
    padding: 0;
    margin: 5px 0;
}

.shop-carousel .item {
    color: #434A54;
    text-align: left;
}

.shop-carousel .item .media .media-object {
    width: 80px;
}

.item-lg {
    position: relative;
}

.item-lg img.item-image {
    position: relative;
    width: 100%;
    z-index: 1;
}

.item-lg .item-des {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 250px;
    background: #fff;
    background: rgba(255, 255, 255, .98);
    z-index: 2;
    overflow-y: auto;
}

.item-lg .item-des h1 {
    font-size: 30px;
    padding: 0 0 20px;
    margin: 0 0 10px;
}

.item-lg .item-des .btn-add {
    margin-top: 30px;
}

.item-des-text {
    margin: 20px 0;
}

.store-list .store-image {
    width: 200px;
}

.category-wrap {
    width: 100%;
    height: 300px;
    overflow-y: auto;
    padding: 5px 20px;
    border: 1px solid #CBCCD1;
}

.category-wrap .list-unstyled ul {
    list-style: none;
}


/**-------------------------------------------TILES-------------------------------------------**/

.tiles {
    padding: 15px;
    margin-bottom: 30px;
    background: #fff;
}

.tiles.rounded {
    border-radius: 8px;
}

.tiles.facebook-tile {
    color: #fff;
    background-color: #4B66A0;
}

.tiles.twitter-tile {
    color: #fff;
    background-color: #55ACEE;
}

.tiles.linkedin-tile {
    color: #fff;
    background-color: #0085AE;
}

.tiles.dribbble-tile {
    color: #fff;
    background-color: #E04C86;
}

.tiles.horizontal {
    padding: 0;
}

.tiles.horizontal:before,
.tiles.horizontal:after {
    content: " ";
    display: table;
}

.tiles.horizontal:after {
    clear: both;
}

.tiles.horizontal .icon {
    float: left;
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    padding: 15px 0;
}

.tiles.horizontal .content {
    overflow: hidden;
    *zoom: 1;
    padding: 15px 10px;
    font-size: 20px;
    font-weight: 700;
}

.tiles a,
.tiles.horizontal .content a {
    color: #fff;
    text-decoration: none;
}

.tiles-information {
    overflow: hidden;
    position: relative;
}

.tiles-information .progress {
    margin: 20px -15px;
}

.tiles-information .tiles-inner {
    position: relative;
    z-index: 2;
}

.tiles-information .icon-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 100px;
    color: #fff;
    opacity: 0.08;
    filter: alpha(opacity=8);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.my-reminder .owl-controls {
    margin-top: 30px;
    text-align: center;
}

.my-reminder {
    padding-bottom: 30px;
}

.my-reminder .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    margin: 5px;
    padding: 7px 20px;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #EA563C;
    border: 1px solid #EE7256;
}

.my-reminder .owl-controls.clickable .owl-buttons div:hover {
    text-decoration: none;
    background: #BB321C;
}

.tiles-carousel-color .item {
    position: relative;
    text-align: left;
    min-height: 250px;
}

.tiles-carousel .item {
    position: relative;
    text-align: left;
}

.tiles-carousel-color .item .des,
.tiles-carousel .item .des {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    position: absolute;
    color: #fff;
    z-index: 2;
}

.tiles-carousel-color .item .avatar-wrap {
    top: 5px;
    left: 5px;
    right: 5px;
    position: absolute;
    z-index: 2;
}

.tiles-carousel-color .item .avatar-wrap .media {
    padding: 20px 10px;
}

.tiles-carousel-color .item .avatar-wrap .avatar {
    width: 50px;
    height: 50px;
    position: relative;
}

.tiles-carousel .item .avatar {
    top: 30px;
    right: 20px;
    position: absolute;
    z-index: 2;
    width: 50px;
    height: 50px;
}

.tiles-carousel-color .item .des a,
.tiles-carousel .item .des a {
    color: #fff;
    text-decoration: none;
}


/**-------------------------------------------CHART WIDGET-------------------------------------------**/

.chart-wrap {}

.chart-des {}

.chart-des h3 {
    padding: 5px 0;
    margin: 0 0 10px 0;
}

.chart-des h3.text-success {
    color: #8EC051;
}

.chart-des h3 sup {
    font-size: 13px;
    top: -10px;
    right: 5px;
}

#realtime-chart-widget {
    margin: 0;
}

#realtime-chart-container-widget {
    width: 100%;
    height: 140px;
    text-align: center;
}


/**-------------------------------------------TASK LIST-------------------------------------------**/

.task-list-wrap .list-group {
    margin: 0;
}

.task-list-wrap .list-group .list-group-item {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #E8E9EE;
    padding: 1px 20px 1px 40px;
}

.task-list-wrap .list-group .list-group-item:first-child {
    border-top: none;
}

.task-list-wrap input[type=checkbox]:checked + label {
    text-decoration: line-through;
    color: #AAB2BD;
}


/**-------------------------------------------WEATHER ICON SVG-------------------------------------------**/

.weather-widget {
    padding: 20px 0;
}

.weather-widget h1.degrees {
    font-size: 70px;
    margin: 0;
    padding: 0;
    line-height: 110%;
}

.weather-widget h1.weather-status {
    margin: 0;
    padding: 0;
    line-height: 110%;
    font-size: 30px;
}

.weather-widget h1.weather-time {
    margin: 0;
    padding: 0;
    line-height: 110%;
    font-size: 35px;
}

i.icon-weather {
    width: 40px;
    height: 40px;
    font-size: 20px;
}

p.no-margin {
    margin: 0;
    padding: 3px 0;
}

h1.white-text,
h2.white-text,
h3.white-text,
h4.white-text,
h5.white-text,
.white-text {
    color: #fff;
}


/**-------------------------------------------REAL ESTATE APPS-------------------------------------------**/

.property-search-wrap {
    text-align: center;
    padding: 10% 20px 7%;
    margin-bottom: 30px;
}

.property-type-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    padding: 14px 0;
    font-weight: 700;
}

.property-card h1 {
    padding: 0;
    margin: 0;
}

.property-card img {
    width: 100%;
}

.property-card p.has-margin {
    margin: 20px 0;
}

.property-card p.property-detail-wrap {
    margin: 0 0 15px 0;
    border-bottom: 1px solid #E6E9ED;
    color: #AAB2BD;
    padding: 10px 0 15px 0;
    line-height: 150%;
    text-align: center;
}

p.property-detail-wrap .item-detail {
    padding: 10px;
}

p.property-detail-wrap .item-detail i {
    margin-right: 5px;
}

#imagesync2 .item {
    cursor: pointer;
    opacity: .6;
    filter: alpha(opacity=60);
}

#imagesync2 .synced .item {
    filter: alpha(opacity=100);
    opacity: 1;
}

.property-list .property-image {
    width: 200px;
}


/**-------------------------------------------MEDIA LIBRARY-------------------------------------------**/

.media-menu {}

.media-menu form {
    padding: 7.5px 10px;
    margin: 0;
    height: 50px;
}

.media-menu ul.menus {
    list-style: none;
    padding: 0;
    margin: 0;
}

.media-menu ul.menus li.menu-item {
    display: inline-block;
    line-height: 120%;
}

.media-menu ul.menus li.menu-item .icon-menu {
    margin-right: 5px;
}

.media-menu ul.menus li.menu-item a {
    height: 50px;
    padding: 15px 20px;
    color: #969EAB;
    display: block;
    text-decoration: none;
    border-right: 1px solid #F3F8FE;
}

.media-menu ul.menus li.menu-item a:focus,
.media-menu ul.menus li.menu-item a:hover {
    color: #676B74;
}

.media-menu ul.menus li.menu-item.active a:hover,
.media-menu ul.menus li.menu-item.active a:focus,
.media-menu ul.menus li.menu-item.active a {
    color: #676B74;
}

.media-lib-item {
    position: relative;
    overflow: hidden;
}

.media-lib-item .checklist-left {
    position: absolute;
    left: 10px;
    top: 0px;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
}

.media-lib-item .more-dropdown {
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
}

.media-lib-item:hover .checklist-left,
.media-lib-item:hover .more-dropdown {
    opacity: 1;
    filter: alpha(opacity=100);
}


/**-------------------------------------------INVOICE-------------------------------------------**/

.invoice {}

.invoice h1 {
    padding: 0;
    margin: 0;
    font-weight: 700;
}

.logo-invoice {
    width: auto;
    max-width: 260px;
}

.invoice .table-responsive {
    margin: 30px 0;
}

.invoice .jumbotron {
    margin: 30px 0 0;
}


/**-------------------------------------------BACK TO TOP-------------------------------------------**/

#back-top {
    color: #fff;
    background: #434A54;
    font-size: 18px;
    line-height: 100%;
    display: inline-block;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 10001;
}

#back-top.primary {
    background: #34BC9B;
}

#back-top.success {
    background: #8EC051;
}

#back-top.warning {
    background: #F6BB43;
}

#back-top.danger {
    background: #E7573E;
}

#back-top.info {
    background: #3EAFDB;
}

#back-top a,
#back-top a:hover,
#back-top a:focus {
    color: #fff;
    padding: 10px;
    display: block;
}


/**=====================================================ICON SHOWCASEYou can remove this style if you want c:=====================================================**/

.icon-showcase i {
    margin-right: 5px;
}

.bs-glyphicons {
    padding-left: 0;
    padding-bottom: 1px;
    margin-bottom: 20px;
    list-style: none;
    overflow: hidden;
}

.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    margin: 0 -1px -1px 0;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #ddd;
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
    /* Help out IE10+ with class names */
}

.bs-glyphicons li:hover {
    background-color: rgba(86, 61, 124, .1);
}

@media (min-width: 768px) {
    .bs-glyphicons li {
        width: 12.5%;
    }
}


/** Weather icons **/

.iconExamples:before,
.iconExamples:after {
    content: " ";
    display: table;
}

.iconExamples:after {
    clear: both;
}

.iconExamples:before,
.iconExamples:after {
    content: " ";
    display: table;
}

.iconExamples:after {
    clear: both;
}

.iconExamples h2 {
    font-family: "aktiv-grotesk-std";
    font-weight: 200;
    color: #3b6ab5;
}

.iconExamples .example {
    text-align: center;
    margin: 10px 3px;
}

.iconExamples .example:before,
.iconExamples .example:after {
    content: " ";
    display: table;
}

.iconExamples .example:after {
    clear: both;
}

.iconExamples .example:before,
.iconExamples .example:after {
    content: " ";
    display: table;
}

.iconExamples .example:after {
    clear: both;
}

.iconExamples .example .icon {
    font-size: 20px;
    float: left;
    width: 35px;
}

.iconExamples .example .class {
    text-align: center;
    font-size: 17px;
    float: left;
    margin-top: 0px;
    font-weight: 400;
    margin-left: 10px;
    color: #333333;
}

.weatherseparator {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 50px;
}

.weatherseparator:before,
.weatherseparator:after {
    content: " ";
    display: table;
}

.weatherseparator:after {
    clear: both;
}

.weatherseparator:before,
.weatherseparator:after {
    content: " ";
    display: table;
}

.weatherseparator:after {
    clear: both;
}


/**======================================VERSION 1.2 CLASSES UPDATED======================================**/


/**-------------------------------------------LOGIN-------------------------------------------**/

body.login.bg-success .white-popup h4,
body.login.bg-info .white-popup h4,
body.login.bg-danger .white-popup h4,
body.login.bg-warning .white-popup h4,
body.login.bg-dark .white-popup h4,
body.login.bg-success .white-popup,
body.login.bg-info .white-popup,
body.login.bg-danger .white-popup,
body.login.bg-warning .white-popup,
body.login.bg-dark .white-popup {
    color: #656D78;
}

body.login.bg-success .white-popup hr,
body.login.bg-info .white-popup hr,
body.login.bg-danger .white-popup hr,
body.login.bg-warning .white-popup hr,
body.login.bg-dark .white-popup hr {
    border-color: #dcdcdc;
}


/**-------------------------------------------TASK LIST-------------------------------------------**/

.task-list-wrap .list-group .list-group-item {
    padding: 1px 20px 1px 40px;
}

h1.tiles-number {
    margin: 0 0 15px 0;
    padding: 10px 0;
    font-size: 50px;
    line-height: 95%;
}


/**-------------------------------------------NEWSTICKER-------------------------------------------**/

.widget-newsticker {
    padding: 0;
    margin: 0;
    list-style: none;
}

.widget-newsticker li {
    padding: 10px 15px;
    margin: 0;
    height: 135px;
    overflow: hidden;
    border-bottom: 1px dotted #ddd;
}

.widget-newsticker li .media-object {
    width: 125px;
    margin-top: 3px;
}

.widget-newsticker li .media-body {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 120px;
}

.widget-newsticker li .media-body h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.currency-rates li {
    height: 42px;
}


/**-------------------------------------------WEATHER ICON SVG-------------------------------------------**/

.weather-widget.horizontal {
    padding: 10px 0;
}

.weather-widget h2.degrees {
    font-size: 55px;
    margin: 0;
    padding: 0;
    line-height: 110%;
}

.tiles-carousel-color-2 .item {
    position: relative;
    text-align: left;
    min-height: 200px;
}

.tiles-carousel-2 .item {
    position: relative;
    text-align: left;
}

.tiles-carousel-color-2 .item .des {
    padding: 10px;
    color: #fff;
    z-index: 2;
}

.tiles-carousel-color-2 .item .des a {
    color: #fff;
    text-decoration: none;
}

.sidebar-left.toggle-left-2 {
    left: -250px;
}

.sidebar-left.toggle-2 {
    left: 0px;
}

.btn-collapse-sidebar-left-2 {
    position: absolute;
    left: 0;
    width: 50px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    padding: 17px 0;
}

.top-navbar.primary-color .btn-collapse-sidebar-left-2,
.top-navbar.success-color .btn-collapse-sidebar-left-2,
.top-navbar.info-color .btn-collapse-sidebar-left-2,
.top-navbar.danger-color .btn-collapse-sidebar-left-2,
.top-navbar.warning-color .btn-collapse-sidebar-left-2,
.top-navbar.dark-color .btn-collapse-sidebar-left-2 {
    color: #fff;
}

.has-feedback.no-label.lg .fa.form-control-feedback {
    top: 0px;
}

.has-feedback.no-label .fa.form-control-feedback {
    top: 8px;
}

.has-feedback.left-feedback.lg .form-control {
    padding-left: 45.5px;
    padding-right: 0px;
}


/**-------------------------------------------TOP NOTIFICATION-------------------------------------------**/

body.has-top-notification {
    padding-top: 110px;
}

.sidebar-right-heading.has-top-notification,
.top-navbar.has-top-notification {
    top: 50px;
}

.sidebar-left.has-top-notification,
.sidebar-right.has-top-notification {
    top: 110px;
}

.top-notification {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    z-index: 1023;
    padding: 15px;
    padding-right: 50px;
    overflow: hidden;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.top-notification.close-notification {
    top: -50px;
}

.top-notification .times-notification {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    padding: 12px 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.top-notification .times-notification:hover,
.top-notification .times-notification:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}


/**=================================TABLET < 1025px=================================**/

@media (max-width: 1025px) {
    /**-------------------------------------------TOP NOTIFICATION-------------------------------------------**/
    body.has-top-notification {
        padding-top: 60px;
    }
    .sidebar-right-heading.has-top-notification,
    .top-navbar.has-top-notification {
        top: 0px;
    }
    .sidebar-left.has-top-notification,
    .sidebar-right.has-top-notification {
        top: 60px;
    }
    .top-notification {
        display: none;
    }
    .top-notification.close-notification {
        top: -50px;
    }
    .top-notification .times-notification {
        display: none;
    }
}


/**=================================TABLET < 991px=================================**/

@media (max-width: 991px) {
    /**-------------------------------------------TOP NOTIFICATION-------------------------------------------**/
    .sidebar-left.has-top-notification {
        top: 0px;
    }
}


/**-------------------------------------------LAYOUT HIDDEN SIDEBAR LEFT-------------------------------------------**/

.sidebar-left.hsl-toggle {
    left: -250px;
}

.page-content.hsl-toggle {
    margin-left: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sidebar-left.hsl-toggle-left {
        left: 0px;
    }
    .sidebar-left.hsl-toggle {
        left: -250px;
    }
    .page-content.hsl-toggle {
        margin-left: 0;
    }
    .page-content.hsl-toggle-left {
        margin-left: 250px;
        margin-right: -250px;
    }
}

@media (max-width: 767px) {
    .sidebar-left.hsl-toggle-left {
        left: 0px;
    }
    .sidebar-left.hsl-toggle {
        left: -250px;
    }
    .page-content.hsl-toggle-left {
        margin-left: 250px;
        margin-right: -250px;
    }
}


/**=====================================================FOR DEMO PURPOSE=====================================================**/

.box-demo {
    display: none;
    position: fixed;
    top: 70px;
    right: -200px;
    background: #242A34;
    z-index: 1999;
    width: 200px;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.box-demo.tugel {
    right: 0;
}

.box-demo .inner-panel {
    position: relative;
    padding: 10px;
}

.inner-panel .cog-panel {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #242A34;
    left: -39px;
    text-align: center;
    cursor: pointer;
    padding: 7px 0;
    font-size: 18px;
}

.xs-tiles {
    cursor: pointer;
    margin: 10px 0;
    border-radius: 3px;
    overflow: hidden;
}

.xs-tiles .quarter-tiles {
    height: 6px;
}

.xs-tiles .half-tiles {
    height: 12px;
}

.xs-tiles .tigaperempat-tiles {
    height: 18px;
}

.bg-white {
    background: #F6F8F9;
}

@media (max-width: 767px) {
    .box-demo {
        display: none;
    }
}

ver {
    width: 100%;
    position: relative;
    z-index: 1;
}

.profile-heading img.avatar {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 20px;
    bottom: 30px;
    z-index: 3;
    -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 1);
}

.profile-heading .user-name {
    position: absolute;
    bottom: 70px;
    left: 140px;
    padding: 10px 0;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    z-index: 3;
}

.profile-heading .right-button {
    position: absolute;
    bottom: 15px;
    right: 15px;
    padding: 10px 0;
    z-index: 3;
}

.profile-heading .profile-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    padding-left: 140px;
    background: #fff;
    z-index: 2;
    height: 80px;
    -webkit-box-shadow: 0px -50px 29px -14px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px -50px 29px -14px rgba(0, 0, 0, 0.4);
    box-shadow: 0px -50px 29px -14px rgba(0, 0, 0, 0.4);
    line-height: 120%;
}

.user-info {
    padding-top: 50px;
    position: relative;
}

.user-info i {
    margin: 0 5px;
}

p.bordered {
    border-top: 1px solid #EDF0F2;
    border-bottom: 1px solid #EDF0F2;
    padding: 10px 0;
    margin: 5px 0 20px;
}

p.bordered-sm {
    border-top: 1px dashed #EDF0F2;
    padding: 0;
    margin-top: 20px;
}

p.bordered.dashed {
    border-top: 1px dashed #EDF0F2;
    border-bottom: 1px dashed #EDF0F2;
}

.social-icon {
    margin: 30px 0 15px;
}

.social-icon i {
    margin: 0 5px;
}

.user-info .social-avatar.absolute {
    top: -40px;
}

.user-card-sm {
    position: relative;
}

.user-card-sm .media-object {
    width: 50px;
    height: 50px;
}

.user-card-sm .right-button {
    position: absolute;
    right: 0;
    top: 10px;
}

.chat-wrap {
    height: 330px;
    overflow-y: auto;
    padding: 20px;
}

.action-chat {
    margin-top: 30px;
}

.media-chat .media-body {
    background: #F6F8F9;
    padding: 10px;
    border-radius: 8px;
}

.media-chat .media {
    padding: 20px 0;
    margin: 0;
}

.media-chat p.name small {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
}

.media-chat .media-body.me {
    background: #8EC051;
    color: #fff;
}

.post-form-timeline {}

.post-form-timeline textarea {
    resize: none;
}

ul.timeline {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.timeline li.centering-line {
    position: absolute;
    width: 4px;
    background: rgba(1, 1, 1, .2);
    left: 50%;
    margin-left: -2px;
    top: 0;
    bottom: 0;
    z-index: 1;
}

ul.timeline li.center-timeline-cat {
    text-align: center;
    font-weight: bold;
    display: block;
    width: 100%;
    display: inline-block;
    z-index: 2;
    position: relative;
    margin: 0;
}

ul.timeline li.center-timeline-cat .inner {
    background: #1BBC9B;
    border-radius: 5px;
    color: #fff;
    width: 140px;
    margin: 20px auto;
    padding: 5px 10px;
}

ul.timeline li:first-child.center-timeline-cat .inner {
    margin: 0 auto 20px;
}

ul.timeline li:last-child.center-timeline-cat .inner {
    margin: 20px auto 0;
}

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

ul.timeline:after {
    clear: both;
}

ul.timeline li.item-timeline {
    display: inline-block;
    width: 50%;
    position: relative;
    z-index: 2;
}

ul.timeline li.item-timeline a:hover {
    text-decoration: underline;
}

ul.timeline li.item-timeline.highlight {
    display: block;
    width: 100%;
}

ul.timeline li.item-timeline.highlight:last-child .inner-content {
    margin-bottom: 0;
}

ul.timeline li.item-timeline .heading-timeline {
    padding: 15px 0;
    margin: -10px 0 10px 0;
    border-bottom: 1px solid #eee;
    position: relative;
    height: 60px;
}

ul.timeline li.item-timeline .heading-timeline .avatar {
    position: absolute;
    left: 0;
    top: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

ul.timeline li.item-timeline .heading-timeline .user-timeline-info p {
    position: absolute;
    left: 50px;
    top: 10px;
    font-weight: bold;
    color: #353535;
    margin: 3px 0;
    padding: 0;
}

ul.timeline li.item-timeline .heading-timeline .user-timeline-info p small {
    color: #909090;
    font-weight: normal;
    font-size: 12px;
    display: block;
}

ul.timeline li.item-timeline .footer-timeline {
    padding: 0;
    margin: 10px -10px -10px -10px;
    border-top: 1px solid #eee;
    position: relative;
    min-height: 30px;
    background: #F6F8F9;
    border-radius: 0 0 8px 8px;
    font-size: 13px;
}

ul.timeline-option {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.timeline-option li.option-row {
    border-bottom: 1px solid #F0F2F2;
    padding: 10px;
    display: block;
    position: relative;
    min-height: 40px;
}

ul.timeline-option li.option-row .avatar {
    position: absolute;
    left: 10px;
    top: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

ul.timeline-option li.option-row .reply {
    position: relative;
    left: 40px;
    top: 0px;
    margin-right: 40px;
    line-height: 120%;
    right: 0;
}

ul.timeline-option li.option-row .reply p.reply-time {
    padding: 0;
    margin: 0;
}

ul.timeline li.item-timeline .footer-timeline ul.timeline-option li.option-row ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.timeline li.item-timeline .footer-timeline ul.timeline-option li.option-row ol li {
    display: inline-block;
    margin: 0 5px;
}

ul.timeline li.item-timeline .footer-timeline ul.timeline-option li.option-row ol li i {
    font-size: 14px;
}

ul.timeline li.item-timeline .footer-timeline ul.timeline-option li:last-child.option-row {
    border-bottom: none;
}

ul.timeline li:nth-child(even).item-timeline {
    float: left;
    clear: left;
}

ul.timeline li:nth-child(odd).item-timeline {
    float: right;
    clear: right;
}

ul.timeline li:nth-child(even).item-timeline .buletan {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    right: -6px;
    top: 35px;
    border: 2px solid #1BBC9B;
}

ul.timeline li:nth-child(odd).item-timeline .buletan {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    left: -6px;
    top: 55px;
    border: 2px solid #1BBC9B;
}

ul.timeline li.item-timeline .inner-content {
    margin: 20px;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    display: block;
    font-size: 15px;
    position: relative;
}

ul.timeline li.item-timeline:nth-child(even).highlight:before,
ul.timeline li.item-timeline:nth-child(odd).highlight:before {
    position: absolute;
    top: -4px;
    right: auto;
    left: 50%;
    margin-left: -12px;
    display: inline-block;
    border-left: 12px solid transparent;
    border-bottom: 12px solid #fff;
    border-right: 12px solid transparent;
    border-bottom-color: #fff;
    content: '';
}

ul.timeline li:nth-child(even).item-timeline.highlight .buletan,
ul.timeline li:nth-child(odd).item-timeline.highlight .buletan {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: 50%;
    margin-left: -6px;
    background: #fff;
    right: auto;
    top: -5px;
    border: 2px solid #1BBC9B;
}

ul.timeline li.item-timeline:nth-child(even):before {
    position: absolute;
    top: 30px;
    right: 8px;
    display: inline-block;
    border-top: 12px solid transparent;
    border-left: 12px solid #fff;
    border-bottom: 12px solid transparent;
    border-left-color: #fff;
    content: '';
}

ul.timeline li.item-timeline:nth-child(odd):before {
    position: absolute;
    top: 50px;
    left: 8px;
    display: inline-block;
    border-top: 12px solid transparent;
    border-right: 12px solid #fff;
    border-bottom: 12px solid transparent;
    border-right-color: #fff;
    content: '';
}

.img-wrap-col {
    margin: 5px -5px;
}

.img-wrap-col:before,
.img-wrap-col:after {
    content: " ";
    display: table;
}

.img-wrap-col:after {
    clear: both;
}

.img-wrap-col .img-col-2 {
    width: 50%;
    float: left;
}

.img-wrap-col .img-wrap {
    margin: 5px;
}

.img-wrap-col .img-wrap img {
    width: auto;
    max-width: 100%;
}

.img-wrap-col .img-col-3 {
    width: 33.33333333%;
    float: left;
    display: inline-block;
}

.img-wrap-col .img-col-4 {
    width: 25%;
    float: left;
    display: inline-block;
}

.img-wrap-col .img-col-5 {
    width: 20%;
    float: left;
    display: inline-block;
}


/**-------------------------------------------STORE APPS-------------------------------------------**/

.store-item {}

.store-item img.item-image {
    width: 100%;
}

.store-item .item-des {
    border-top: 4px solid #8EC051;
}

.store-item .bg-primary.item-des {
    border-top-color: #1D9B7D;
}

.store-item .bg-success.item-des {
    border-top-color: #699B29;
}

.store-item .bg-info.item-des {
    border-top-color: #1F91BD;
}

.store-item .bg-danger.item-des {
    border-top-color: #BE351F;
}

.store-item .bg-warning.item-des {
    border-top-color: #DC9913;
}

.store-item .item-des .price {
    font-size: 28px;
    padding: 0;
    margin: 10px;
    color: #AAB2BD;
}

.store-item .bg-primary.item-des .price {
    color: #C6FFF1;
}

.store-item .bg-success.item-des .price {
    color: #DEFDBE;
}

.store-item .bg-info.item-des .price {
    color: #BAEAFF;
}

.store-item .bg-danger.item-des .price {
    color: #FFC6BD;
}

.store-item .bg-warning.item-des .price {
    color: #FFE6B3;
}

p.brand {
    padding: 0;
    margin-bottom: 0px;
    color: #A9B3BD;
    font-size: 11px;
    text-transform: uppercase;
}

.media-popular-item {
    margin-bottom: 20px;
}

.media-object.sm {
    width: 95px;
}

.media p.price {
    font-size: 28px;
    padding: 0;
    margin: 5px 0;
}

.shop-carousel .item {
    color: #434A54;
    text-align: left;
}

.shop-carousel .item .media .media-object {
    width: 80px;
}

.item-lg {
    position: relative;
}

.item-lg img.item-image {
    position: relative;
    width: 100%;
    z-index: 1;
}

.item-lg .item-des {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 250px;
    background: #fff;
    background: rgba(255, 255, 255, .98);
    z-index: 2;
    overflow-y: auto;
}

.item-lg .item-des h1 {
    font-size: 30px;
    padding: 0 0 20px;
    margin: 0 0 10px;
}

.item-lg .item-des .btn-add {
    margin-top: 30px;
}

.item-des-text {
    margin: 20px 0;
}

.store-list .store-image {
    width: 200px;
}

.category-wrap {
    width: 100%;
    height: 300px;
    overflow-y: auto;
    padding: 5px 20px;
    border: 1px solid #CBCCD1;
}

.category-wrap .list-unstyled ul {
    list-style: none;
}


/**-------------------------------------------TILES-------------------------------------------**/

.tiles {
    padding: 15px;
    margin-bottom: 30px;
    background: #fff;
}

.tiles.rounded {
    border-radius: 8px;
}

.tiles.facebook-tile {
    color: #fff;
    background-color: #4B66A0;
}

.tiles.twitter-tile {
    color: #fff;
    background-color: #55ACEE;
}

.tiles.linkedin-tile {
    color: #fff;
    background-color: #0085AE;
}

.tiles.dribbble-tile {
    color: #fff;
    background-color: #E04C86;
}

.tiles.horizontal {
    padding: 0;
}

.tiles.horizontal:before,
.tiles.horizontal:after {
    content: " ";
    display: table;
}

.tiles.horizontal:after {
    clear: both;
}

.tiles.horizontal .icon {
    float: left;
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    padding: 15px 0;
}

.tiles.horizontal .content {
    overflow: hidden;
    *zoom: 1;
    padding: 15px 10px;
    font-size: 20px;
    font-weight: 700;
}

.tiles a,
.tiles.horizontal .content a {
    color: #fff;
    text-decoration: none;
}

.tiles-information {
    overflow: hidden;
    position: relative;
}

.tiles-information .progress {
    margin: 20px -15px;
}

.tiles-information .tiles-inner {
    position: relative;
    z-index: 2;
}

.tiles-information .icon-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 100px;
    color: #fff;
    opacity: 0.08;
    filter: alpha(opacity=8);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.my-reminder .owl-controls {
    margin-top: 30px;
    text-align: center;
}

.my-reminder {
    padding-bottom: 30px;
}

.my-reminder .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    margin: 5px;
    padding: 7px 20px;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #EA563C;
    border: 1px solid #EE7256;
}

.my-reminder .owl-controls.clickable .owl-buttons div:hover {
    text-decoration: none;
    background: #BB321C;
}

.tiles-carousel-color .item {
    position: relative;
    text-align: left;
    min-height: 250px;
}

.tiles-carousel .item {
    position: relative;
    text-align: left;
}

.tiles-carousel-color .item .des,
.tiles-carousel .item .des {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    position: absolute;
    color: #fff;
    z-index: 2;
}

.tiles-carousel-color .item .avatar-wrap {
    top: 5px;
    left: 5px;
    right: 5px;
    position: absolute;
    z-index: 2;
}

.tiles-carousel-color .item .avatar-wrap .media {
    padding: 20px 10px;
}

.tiles-carousel-color .item .avatar-wrap .avatar {
    width: 50px;
    height: 50px;
    position: relative;
}

.tiles-carousel .item .avatar {
    top: 30px;
    right: 20px;
    position: absolute;
    z-index: 2;
    width: 50px;
    height: 50px;
}

.tiles-carousel-color .item .des a,
.tiles-carousel .item .des a {
    color: #fff;
    text-decoration: none;
}


/**-------------------------------------------CHART WIDGET-------------------------------------------**/

.chart-wrap {}

.chart-des {}

.chart-des h3 {
    padding: 5px 0;
    margin: 0 0 10px 0;
}

.chart-des h3.text-success {
    color: #8EC051;
}

.chart-des h3 sup {
    font-size: 13px;
    top: -10px;
    right: 5px;
}

#realtime-chart-widget {
    margin: 0;
}

#realtime-chart-container-widget {
    width: 100%;
    height: 140px;
    text-align: center;
}


/**-------------------------------------------TASK LIST-------------------------------------------**/

.task-list-wrap .list-group {
    margin: 0;
}

.task-list-wrap .list-group .list-group-item {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #E8E9EE;
    padding: 1px 20px 1px 40px;
}

.task-list-wrap .list-group .list-group-item:first-child {
    border-top: none;
}

.task-list-wrap input[type=checkbox]:checked + label {
    text-decoration: line-through;
    color: #AAB2BD;
}


/**-------------------------------------------WEATHER ICON SVG-------------------------------------------**/

.weather-widget {
    padding: 20px 0;
}

.weather-widget h1.degrees {
    font-size: 70px;
    margin: 0;
    padding: 0;
    line-height: 110%;
}

.weather-widget h1.weather-status {
    margin: 0;
    padding: 0;
    line-height: 110%;
    font-size: 30px;
}

.weather-widget h1.weather-time {
    margin: 0;
    padding: 0;
    line-height: 110%;
    font-size: 35px;
}

i.icon-weather {
    width: 40px;
    height: 40px;
    font-size: 20px;
}

p.no-margin {
    margin: 0;
    padding: 3px 0;
}

h1.white-text,
h2.white-text,
h3.white-text,
h4.white-text,
h5.white-text,
.white-text {
    color: #fff;
}


/**-------------------------------------------REAL ESTATE APPS-------------------------------------------**/

.property-search-wrap {
    text-align: center;
    padding: 10% 20px 7%;
    margin-bottom: 30px;
}

.property-type-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    padding: 14px 0;
    font-weight: 700;
}

.property-card h1 {
    padding: 0;
    margin: 0;
}

.property-card img {
    width: 100%;
}

.property-card p.has-margin {
    margin: 20px 0;
}

.property-card p.property-detail-wrap {
    margin: 0 0 15px 0;
    border-bottom: 1px solid #E6E9ED;
    color: #AAB2BD;
    padding: 10px 0 15px 0;
    line-height: 150%;
    text-align: center;
}

p.property-detail-wrap .item-detail {
    padding: 10px;
}

p.property-detail-wrap .item-detail i {
    margin-right: 5px;
}

#imagesync2 .item {
    cursor: pointer;
    opacity: .6;
    filter: alpha(opacity=60);
}

#imagesync2 .synced .item {
    filter: alpha(opacity=100);
    opacity: 1;
}

.property-list .property-image {
    width: 200px;
}


/**-------------------------------------------MEDIA LIBRARY-------------------------------------------**/

.media-menu {}

.media-menu form {
    padding: 7.5px 10px;
    margin: 0;
    height: 50px;
}

.media-menu ul.menus {
    list-style: none;
    padding: 0;
    margin: 0;
}

.media-menu ul.menus li.menu-item {
    display: inline-block;
    line-height: 120%;
}

.media-menu ul.menus li.menu-item .icon-menu {
    margin-right: 5px;
}

.media-menu ul.menus li.menu-item a {
    height: 50px;
    padding: 15px 20px;
    color: #969EAB;
    display: block;
    text-decoration: none;
    border-right: 1px solid #F3F8FE;
}

.media-menu ul.menus li.menu-item a:focus,
.media-menu ul.menus li.menu-item a:hover {
    color: #676B74;
}

.media-menu ul.menus li.menu-item.active a:hover,
.media-menu ul.menus li.menu-item.active a:focus,
.media-menu ul.menus li.menu-item.active a {
    color: #676B74;
}

.media-lib-item {
    position: relative;
    overflow: hidden;
}

.media-lib-item .checklist-left {
    position: absolute;
    left: 10px;
    top: 0px;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
}

.media-lib-item .more-dropdown {
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
}

.media-lib-item:hover .checklist-left,
.media-lib-item:hover .more-dropdown {
    opacity: 1;
    filter: alpha(opacity=100);
}


/**-------------------------------------------INVOICE-------------------------------------------**/

.invoice {}

.invoice h1 {
    padding: 0;
    margin: 0;
    font-weight: 700;
}

.logo-invoice {
    width: auto;
    max-width: 260px;
}

.invoice .table-responsive {
    margin: 30px 0;
}

.invoice .jumbotron {
    margin: 30px 0 0;
}


/**-------------------------------------------BACK TO TOP-------------------------------------------**/

#back-top {
    color: #fff;
    background: #434A54;
    font-size: 18px;
    line-height: 100%;
    display: inline-block;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 10001;
}

#back-top.primary {
    background: #34BC9B;
}

#back-top.success {
    background: #8EC051;
}

#back-top.warning {
    background: #F6BB43;
}

#back-top.danger {
    background: #E7573E;
}

#back-top.info {
    background: #3EAFDB;
}

#back-top a,
#back-top a:hover,
#back-top a:focus {
    color: #fff;
    padding: 10px;
    display: block;
}


/**=====================================================ICON SHOWCASEYou can remove this style if you want c:=====================================================**/

.icon-showcase i {
    margin-right: 5px;
}

.bs-glyphicons {
    padding-left: 0;
    padding-bottom: 1px;
    margin-bottom: 20px;
    list-style: none;
    overflow: hidden;
}

.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    margin: 0 -1px -1px 0;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #ddd;
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
    /* Help out IE10+ with class names */
}

.bs-glyphicons li:hover {
    background-color: rgba(86, 61, 124, .1);
}

@media (min-width: 768px) {
    .bs-glyphicons li {
        width: 12.5%;
    }
}


/** Weather icons **/

.iconExamples:before,
.iconExamples:after {
    content: " ";
    display: table;
}

.iconExamples:after {
    clear: both;
}

.iconExamples:before,
.iconExamples:after {
    content: " ";
    display: table;
}

.iconExamples:after {
    clear: both;
}

.iconExamples h2 {
    font-family: "aktiv-grotesk-std";
    font-weight: 200;
    color: #3b6ab5;
}

.iconExamples .example {
    text-align: center;
    margin: 10px 3px;
}

.iconExamples .example:before,
.iconExamples .example:after {
    content: " ";
    display: table;
}

.iconExamples .example:after {
    clear: both;
}

.iconExamples .example:before,
.iconExamples .example:after {
    content: " ";
    display: table;
}

.iconExamples .example:after {
    clear: both;
}

.iconExamples .example .icon {
    font-size: 20px;
    float: left;
    width: 35px;
}

.iconExamples .example .class {
    text-align: center;
    font-size: 17px;
    float: left;
    margin-top: 0px;
    font-weight: 400;
    margin-left: 10px;
    color: #333333;
}

.weatherseparator {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 50px;
}

.weatherseparator:before,
.weatherseparator:after {
    content: " ";
    display: table;
}

.weatherseparator:after {
    clear: both;
}

.weatherseparator:before,
.weatherseparator:after {
    content: " ";
    display: table;
}

.weatherseparator:after {
    clear: both;
}


/**======================================VERSION 1.2 CLASSES UPDATED======================================**/


/**-------------------------------------------LOGIN-------------------------------------------**/

body.login.bg-success .white-popup h4,
body.login.bg-info .white-popup h4,
body.login.bg-danger .white-popup h4,
body.login.bg-warning .white-popup h4,
body.login.bg-dark .white-popup h4,
body.login.bg-success .white-popup,
body.login.bg-info .white-popup,
body.login.bg-danger .white-popup,
body.login.bg-warning .white-popup,
body.login.bg-dark .white-popup {
    color: #656D78;
}

body.login.bg-success .white-popup hr,
body.login.bg-info .white-popup hr,
body.login.bg-danger .white-popup hr,
body.login.bg-warning .white-popup hr,
body.login.bg-dark .white-popup hr {
    border-color: #dcdcdc;
}


/**-------------------------------------------TASK LIST-------------------------------------------**/

.task-list-wrap .list-group .list-group-item {
    padding: 1px 20px 1px 40px;
}

h1.tiles-number {
    margin: 0 0 15px 0;
    padding: 10px 0;
    font-size: 50px;
    line-height: 95%;
}


/**-------------------------------------------NEWSTICKER-------------------------------------------**/

.widget-newsticker {
    padding: 0;
    margin: 0;
    list-style: none;
}

.widget-newsticker li {
    padding: 10px 15px;
    margin: 0;
    height: 135px;
    overflow: hidden;
    border-bottom: 1px dotted #ddd;
}

.widget-newsticker li .media-object {
    width: 125px;
    margin-top: 3px;
}

.widget-newsticker li .media-body {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 120px;
}

.widget-newsticker li .media-body h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.currency-rates li {
    height: 42px;
}


/**-------------------------------------------WEATHER ICON SVG-------------------------------------------**/

.weather-widget.horizontal {
    padding: 10px 0;
}

.weather-widget h2.degrees {
    font-size: 55px;
    margin: 0;
    padding: 0;
    line-height: 110%;
}

.tiles-carousel-color-2 .item {
    position: relative;
    text-align: left;
    min-height: 200px;
}

.tiles-carousel-2 .item {
    position: relative;
    text-align: left;
}

.tiles-carousel-color-2 .item .des {
    padding: 10px;
    color: #fff;
    z-index: 2;
}

.tiles-carousel-color-2 .item .des a {
    color: #fff;
    text-decoration: none;
}

.sidebar-left.toggle-left-2 {
    left: -250px;
}

.sidebar-left.toggle-2 {
    left: 0px;
}

.btn-collapse-sidebar-left-2 {
    position: absolute;
    left: 0;
    width: 50px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    padding: 17px 0;
}

.top-navbar.primary-color .btn-collapse-sidebar-left-2,
.top-navbar.success-color .btn-collapse-sidebar-left-2,
.top-navbar.info-color .btn-collapse-sidebar-left-2,
.top-navbar.danger-color .btn-collapse-sidebar-left-2,
.top-navbar.warning-color .btn-collapse-sidebar-left-2,
.top-navbar.dark-color .btn-collapse-sidebar-left-2 {
    color: #fff;
}

.has-feedback.no-label.lg .fa.form-control-feedback {
    top: 0px;
}

.has-feedback.no-label .fa.form-control-feedback {
    top: 8px;
}

.has-feedback.left-feedback.lg .form-control {
    padding-left: 45.5px;
    padding-right: 0px;
}


/**-------------------------------------------TOP NOTIFICATION-------------------------------------------**/

body.has-top-notification {
    padding-top: 110px;
}

.sidebar-right-heading.has-top-notification,
.top-navbar.has-top-notification {
    top: 50px;
}

.sidebar-left.has-top-notification,
.sidebar-right.has-top-notification {
    top: 110px;
}

.top-notification {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    z-index: 1023;
    padding: 15px;
    padding-right: 50px;
    overflow: hidden;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.top-notification.close-notification {
    top: -50px;
}

.top-notification .times-notification {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    padding: 12px 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.top-notification .times-notification:hover,
.top-notification .times-notification:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}


/**=================================TABLET < 1025px=================================**/

@media (max-width: 1025px) {
    /**-------------------------------------------TOP NOTIFICATION-------------------------------------------**/
    body.has-top-notification {
        padding-top: 60px;
    }
    .sidebar-right-heading.has-top-notification,
    .top-navbar.has-top-notification {
        top: 0px;
    }
    .sidebar-left.has-top-notification,
    .sidebar-right.has-top-notification {
        top: 60px;
    }
    .top-notification {
        display: none;
    }
    .top-notification.close-notification {
        top: -50px;
    }
    .top-notification .times-notification {
        display: none;
    }
}


/**=================================TABLET < 991px=================================**/

@media (max-width: 991px) {
    /**-------------------------------------------TOP NOTIFICATION-------------------------------------------**/
    .sidebar-left.has-top-notification {
        top: 0px;
    }
}


/**-------------------------------------------LAYOUT HIDDEN SIDEBAR LEFT-------------------------------------------**/

.sidebar-left.hsl-toggle {
    left: -250px;
}

.page-content.hsl-toggle {
    margin-left: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sidebar-left.hsl-toggle-left {
        left: 0px;
    }
    .sidebar-left.hsl-toggle {
        left: -250px;
    }
    .page-content.hsl-toggle {
        margin-left: 0;
    }
    .page-content.hsl-toggle-left {
        margin-left: 250px;
        margin-right: -250px;
    }
}

@media (max-width: 767px) {
    .sidebar-left.hsl-toggle-left {
        left: 0px;
    }
    .sidebar-left.hsl-toggle {
        left: -250px;
    }
    .page-content.hsl-toggle-left {
        margin-left: 250px;
        margin-right: -250px;
    }
}


/**=====================================================FOR DEMO PURPOSE=====================================================**/

.box-demo {
    display: none;
    position: fixed;
    top: 70px;
    right: -200px;
    background: #242A34;
    z-index: 1999;
    width: 200px;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.box-demo.tugel {
    right: 0;
}

.box-demo .inner-panel {
    position: relative;
    padding: 10px;
}

.inner-panel .cog-panel {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #242A34;
    left: -39px;
    text-align: center;
    cursor: pointer;
    padding: 7px 0;
    font-size: 18px;
}

.xs-tiles {
    cursor: pointer;
    margin: 10px 0;
    border-radius: 3px;
    overflow: hidden;
}

.xs-tiles .quarter-tiles {
    height: 6px;
}

.xs-tiles .half-tiles {
    height: 12px;
}

.xs-tiles .tigaperempat-tiles {
    height: 18px;
}

.bg-white {
    background: #F6F8F9;
}

@media (max-width: 767px) {
    .box-demo {
        display: none;
    }
}

/*===============================Minified CSS===========================*/





/********************************* CUSTOM CSS *************************************/
    .text-facebook{color:#4B66A0}
    .text-twitter{color:#55ACEE}
    .text-google-plus{color:#D24333}
    .text-dribble{color:#E04C86}
    .text-flickr{color:#0162DB}
    .text-pinterest{color:#CC2127}
    .text-youtube{color:#C91212}
    .text-dropbox{color:#1473C3}
    .text-foursquare{color:#0086BE}
    .text-linkedin{color:#0085AE}
    .text-tumblr{color:#3E5A70}
    .text-vimeo{color:#1BB6EC}
    
    .radio-label-30{width:30px; float:left; padding:0px 10px 0px 6px}
    .radio-label-60{width:60px; float:left; padding:0px 10px 0px 6px}
    .radio-label-90{width:90px; float:left; padding:0px 10px 0px 6px}
    .radio-label-120{width:120px; float:left; padding:0px 10px 0px 6px}
    
    /************************* TOGGLE SWITCH BIG ****************************/
        .onoffswitch {
            position: relative; width: 80px;
            -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
        }
        .onoffswitch-checkbox {
            display: none;
        }
        .onoffswitch-label {
            display: block; overflow: hidden; cursor: pointer;
            border: 0px solid #999999; border-radius: 20px;
        }
        .onoffswitch-inner {
            display: block; width: 200%; margin-left: -100%;
            transition: margin 0.3s ease-in 0s;
        }
        .onoffswitch-inner:before, .onoffswitch-inner:after {
            display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
            font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
            box-sizing: border-box;
        }
        .onoffswitch-inner:before {
            content: "ON";
            padding-left: 10px;
            background-color: #56C234; color: #FFFFFF;
        }
        .onoffswitch-inner:after {
            content: "OFF";
            padding-right: 10px;
            background-color: #FF0044; color: #FCF7F7;
            text-align: right;
        }
        .onoffswitch-switch {
            display: block; width: 18px; margin: 5px;
            background: #FFFFFF;
            position: absolute; top: 0; bottom: 0;
            right: 52px;
            border: 0px solid #999999; border-radius: 20px;
            transition: all 0.3s ease-in 0s; 
        }
        .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
            margin-left: 0;
        }
        .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
            right: 0px; 
        }
        
        .custom-bar{
            display: block;
            z-index: 1;
        }

        .custom-bar-hidden{
            display:none;
        }
    /************************* //TOGGLE SWITCH BIG ****************************/

    /************************* TOGGLE SWITCH SMALL ****************************/
        .onoffswitch_small {
            position: relative; width: 49px;
            top: 4px;
            -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
        }
        .onoffswitch-checkbox_small {
            display: none;
        }
        .onoffswitch-label_small {
            display: block; overflow: hidden; cursor: pointer;
            border: 2px solid #FFFFFF; border-radius: 11px;
        }
        .onoffswitch-inner_small {
            display: block; width: 200%; margin-left: -100%;
            transition: margin 0.3s ease-in 0s;
        }
        .onoffswitch-inner_small:before, .onoffswitch-inner_small:after {
            display: block; float: left; width: 50%; height: 17px; padding: 0; line-height: 17px;
            font-size: 11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
            box-sizing: border-box;
        }
        .onoffswitch-inner_small:before {
            content: "ON";
            padding-left: 10px;
            background-color: #56C234; color: #FFFFFF;
        }
        .onoffswitch-inner_small:after {
            content: "OFF";
            padding-right: 10px;
            background-color: #FF0044; color: #FFFFFF;
            text-align: right;
        }
        .onoffswitch-switch_small {
            display: block; width: 7px; margin: 7px;
            background: #FFFFFF;
            position: absolute; top: 0; bottom: 0;
            right: 29px;
            border: 2px solid #FFFFFF; border-radius: 11px;
            transition: all 0.3s ease-in 0s; 
        }
        .onoffswitch-checkbox_small:checked + .onoffswitch-label_small .onoffswitch-inner_small {
            margin-left: 0;
        }
        .onoffswitch-checkbox_small:checked + .onoffswitch-label_small .onoffswitch-switch_small {
            right: 1px; 
        }
    /************************* //TOGGLE SWITCH SMALL ****************************/

    a.dynamic_close_button, a.dynamic_close_button:hover, a.dynamic_close_button:visited{color:#FF0000; font-weight:bold; text-decoration:none; vertical-align:middle}

    .gray_bg{padding:0px; background:#CCCCCC}
    .slot_confirmed{height:20px; border:#FFFFFF solid 1px; color:#FFFFFF; }
    .slot_online{height:20px; border:#FFFFFF solid 1px; color:#FFFFFF;}
    .slot_online, .online-b
    {
        background-color: #9c28e5 !important;
    }
    .slot_confirmed, .comfirm-b
    {
        background-color: #fb3c3c !important;
    }
    .slot_blocked, .blocked-b
    {
        background-color: #f39d38 !important;
    }
    .slot_tentative{height:20px; border:#000000 solid 1px; color:#000000; background-color: #FFFFFF}
    .slot_blocked{height:20px; border:#FFFFFF solid 1px; color:#FFFFFF; background-color: #E8AA2E}
    .slot_free{height:20px; border:#FFFFFF solid 1px; color:#FFFFFF; }
    .available-b,.slot_free
    {
        background-color: #37bc9b;
    }
    .slot_disabled{height:20px; border:#FFFFFF solid 1px; color:#FFFFFF; background-color: #000000}
    .slot_pastdate{height:20px; border:#FFFFFF solid 1px; color:#000000; background-color: #D0D0D0}
    .slot_link:hover{text-decoration:none;}
    .tb-color
    {
        background-color: #1e6a71 !important;
    }
    .subtitle{margin:-4px 2px 2px 2px; font-size:11px; color:#737373;}
/******************************** //CUSTOM CSS ************************************/




/*===================Beautification-Work=========================*/
.pad0
{
    padding: 0px;
}
.pad0-f
{
    padding: 0px !important;
}
.conp-prof-gst-manag
{
    padding-top: 16px;
    padding-bottom: 16px;
}
.the-box-main
{
    background-color: #fff;
    margin-bottom: 10px;
    padding: 10px;
    padding-bottom: 18px;
    border: 1px solid #D5DAE0;
    padding: 
}
.border-none
{
    border: none !important;
}
.mar-bottom-0
{
    margin-bottom: 0px;
}
.pad-bottom-0
{
    padding-bottom: 0px;
}
.overf
{
    overflow: hidden;
}

.animination-z {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.active-color
{
    color: #56c234;
}

/*--------small-slide-botton---------*/
.onoffswitch_small
{
    width: 41px;
}
.onoffswitch-switch_small
{
    right: 24px;
    margin: 4px;
    top:1px;
    height: 8px;
}
.onoffswitch-inner_small:before, .onoffswitch-inner_small:after
{
    line-height: 14px;
    font-size: 9px;
    height: 13px;
}
.onoffswitch-inner_small:before
{
    padding-left: 7px;
}
.onoffswitch-inner_small:after
{
    padding-right: 4px;
}
.custome-inner-ico
{
    font-size: 15px;
}
.custome-inner-notif
{
    font-size: 10px;
    vertical-align: top;
    padding: 3px 5px;
}
.onoffswitch-inner_small:after
{
    background-color: #E9573F;
}
.table-responsive
{
    overflow-x:scroll
}
.table-head
{
    height: 30px;
}
.posr
{
    position: relative;
}
.partation .onoffswitch-inner:before
{
    content: "Yes";
}
.partation .onoffswitch-inner:after
{
    content: "No";
}
.partation-manage-w
{
    width: 17%;
}
.partation-manage-w2
{
    width: 28%;
}
.partation-manage-w3
{
    width: 14%;
}
.fl
{
    float: left;
}
.ui-slider-horizontal
{
    height: 2px;
}
.ui-slider-horizontal .ui-slider-handle
{
    top: -6px;
}
.ui-widget-content
{
    height: 4px !important;
    border: 1px solid #f1f1f1 !important;
    background-color: #e3e3e3 !important;
}
.ui-slider-horizontal .ui-slider-handle
{
    top: -6px !important;
}
.ui-slider .ui-slider-handle
{
    width: 12px !important;
    height: 12px !important;
    outline: none !important;
}
.ui-slider .ui-slider-handle:after
{
    display: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{
    background: #d14244 !important;
    border: none !important;
}
.ui-state-default.ui-state-hover, .ui-state-default.ui-state-active
{
    background: #d14244 !important;
    border: none !important;
}
.ui-slider .ui-slider-range
{
    background-image: none !important;
    background: none !important;
    /*background: #d14244 !important;*/
}
.mar-bottom-min
{
    margin-bottom: 7px;
}
.mar-bottom-0
{
    margin-bottom: 0px;
}
.compair-h-select .chosen-container .chosen-single
{
    padding-bottom: 0px !important;
    padding-top: 5px !important;
}
.compair-h-select .chosen-container , .compair-h-select .chosen-container .chosen-single
{
    height: 30px !important;
}
.bottom-link-textbox
{
    position: relative;
    z-index: 2;
}
.bottom-link-textbox .bottom-link-textbox-span
{
    position: absolute;
    top: 58px;
}
/*--------------Image checkbox-------------*/
.image-checkbox
{
    position: relative;
    cursor: pointer;
}
.image-checkbox.image-checkbox-checked
{   
    background-color: rgba(86, 61, 124, .1);
}
.image-checkbox .fa-check {
  display: none;
  position: absolute;
  top: 2px;
  right: 2px;
}
.image-checkbox.image-checkbox-checked .fa-check {
  display: block !important;
}
/*--------------Image checkbox-------------*/
.amenities-width
{

}
.bs-glyphicons li
{
    width: 16.8% !important;
    height: 85px !important;
    padding: 4px !important;
}
.check-img-sv-span
{
    width: 33%;
    height: 25px;
    margin-top: 9px;
    margin-bottom: 5px;
}
.veg-non-veg .onoffswitch-inner:before
{
    content: "Pure Veg";
    font-size: 11px;
}
.veg-non-veg .onoffswitch-inner:after
{
    content: "Veg & NonVeg";
    font-size: 11px;
}
.veg-non-veg
{
    width: 109px !important;
}
.veg-non-veg .onoffswitch-label .onoffswitch-switch 
{
    margin-top: 5px;
    right: 82px;
}

.nopad-a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/*image gallery*/
.image-checkbox-a {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 4px solid transparent;
    margin-bottom: 0;
    outline: 0;
}
.image-checkbox-a input[type="checkbox"] 
{
    display: none;
}

.image-checkbox-checked-a 
{
    border-color: #4783B0;
}
.image-checkbox-a .fa 
{
    position: absolute;
    color: #4A79A3;
    background-color: #fff;
    padding: 10px;
    top: 0;
    right: 0;
}
.image-checkbox-checked-a .fa 
{
    display: block !important;
}


/*--------------------UI Checkbox RadioButton---------------*/

.ui-checkbox 
{
    display: none;
}

.ui-checkbox + label 
{
    position: relative;
    padding-left: 25px;
    display: inline-block;
    font-size: 12px;
    line-height: 21px;
    cursor: pointer;
    user-select: none;
}

.ui-checkbox + label:before 
{
    background-color: #ffffff;
    border: 1px solid #f35429;
    padding: 9px;
    border-radius: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}



.ui-checkbox:checked + label:before 
{
    border: 1px solid #f35429;
    color: #f35429;
    background-color: #f35429;
}

.ui-checkbox.no-border:checked + label:before 
{
    border-color: transparent;
}



.ui-checkbox:checked + label:after 
{
    color: #99a1a7;
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ui-checkbox.green-tick:checked + label:after 
{
    color: #8cc63f;
}

.ui-radio 
{
    display: none;
}

.ui-radio + label
{
    position: relative;
    padding-left: 20px;
    display: inline-block;
}
.ui-radio + label:before 
{
    background-color: #fff;
    border: 1px solid #99a1a7;
    border-radius: 50px;
    display: inline-block;
    position: absolute;
    content: ' ';
    width: 16px;
    height: 16px;
    top:0px;
    left:0px;
}

.ui-radio:checked + label:after 
{
    content: ' ';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    position: absolute;
    background: #99a1a7;
    top: 3px;
    left: 3px;
}

.ui-radio:checked + label:before 
{
    color: #99a1a7;
    border: 1px solid #99a1a7;
}

.a-nopad {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/*image gallery*/
.a-image-checkbox {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 4px solid transparent;
    margin-bottom: 0;
    outline: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.a-image-checkbox input[type="checkbox"] {
    display: none;
}

.a-image-checkbox-checked {
    border-color: #e9573f;
}
.a-image-checkbox .fa {
    position: absolute;
    color: transparent;
    background-color: #fff;
    padding: 2px;
    right: 0px;
    top: 0px;
    border: 1px solid #e9573f;
    border-left: 1px solid #e9573f;
    border-bottom: 1px solid #e9573f;

}
.a-image-checkbox-checked .fa {
  color: #e9573f;
  border-left: 1px solid;
  border-bottom: 1px solid;
}
.approve-img-d
{
    height: 100px;
    max-height: 100px;
    overflow: hidden;
    border: #DDDDDD 1px solid;
}
/*--------------------UI Checkbox RadioButton---------------*/


.amenities-i-size
{
    font-size: 20px;
    margin-top: 7px;
    margin-bottom: 11px;
    
}
.image-checkbox-checked .amenities-i-size
{
    color: #e9573f;
}

.main-div-mar
{
    /*margin-top: 18px;*/
}
.ui-datepicker table
{
    background-color: hsl(0, 2%, 86%);
}
.ui-datepicker th,.ui-datepicker .ui-datepicker-title,.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
{
    background-color: #fff;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
{
    top: 3px !important;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span,.ui-datepicker-title span, .ui-datepicker th
{
    left: 57% !important;
    color:hsl(208, 13%, 22%) !important;
}
.ui-datepicker-calendar tr td .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{
    background: hsla(229, 67%, 61%, 0) !important;
    border: none !important;
    color: hsl(208, 13%, 22%) !important;
    text-align: center !important;
}
.ui-datepicker-today .ui-state-default.ui-state-highlight.ui-state-active, .ui-datepicker-calendar tr td .ui-state-default.ui-state-hover
{
    background: hsl(215, 13%, 70%) !important;
    color: #2234ef !important;
    border-radius: 10px !important;
}
.ui-datepicker
{
    /*border: 1px solid hsl(229, 68%, 61%) !important;*/
    border: none !important;
    background-color: #fff !important;
    box-shadow: -1px -1px 5px 1px #888888a8 !important;
}
.ui-datepicker .ui-widget-header
{
    background: #ffffff !important;
    border: none !important;
}
.ui-datepicker .ui-datepicker-title
{
    width: 150px !important;
    margin: 0 auto !important;
}
.ui-datepicker table
{
    font-size: 0.7em !important;
}
.ui-datepicker
{
    width: 14em !important;
    height: auto !important;
    padding-bottom: 2px !important;
}
.ui-datepicker th
{
    padding: 0.2em .2em !important;
}
.ui-datepicker table
{
    background-color: #fff !important;
}
.ui-state-default.ui-state-hover, .ui-state-default.ui-state-active 
{
    background: hsl(24, 80%, 48%) !important;
    border: none !important;
    color: hsl(229, 11%, 98%) !important;
}
.ui-datepicker th
{
    border-bottom: 1px solid hsl(208, 13%, 22%) !important;
}
.ui-state-default,.ui-widget-header.ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active, .ui-state-default.ui-state-highlight
{
    background: hsl(24, 80%, 48%) !important;
    border: none !important;
}

.ui-tooltip
{
    opacity: 0.9 !important;
    display: block !important;
    height: auto !important;
    overflow: hidden !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    border: 1px solid hsl(229, 68%, 61%) !important;
    background-color: hsl(0, 0%, 100%) !important;
    font-weight: 400 !important;
    display: none !important;
}
.ui-tooltip 
{
    font-size: 12px !important;
    display: none !important;
}
.page-content
{
    padding-top: 18px;
}
.image-checkbox .glyphicon-class
{
    user-select: none;
}
.table-th-block > thead > tr > th, .table-th-block > tbody > tr > th, .table-th-block > tfoot > tr > th, .table-th-block > thead > tr > td, .table-th-block > tbody > tr > td, .table-th-block > tfoot > tr > td
{
    height: 23px;
}
.hall-details-checkbox-d.bs-glyphicons li
{
    width: 20% !important;
}
.btn-warning 
{
    background-color: #F6BB42;
    border-color: #F6BB42;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning
{
    background-color: #E8AA2E;
    border-color: #E8AA2E;
}
.tb-color-2, .tb-color-1
{
    font-weight: 500 !important;
}
.tb-color-1
{
    font-size: 11px !important;
}
.tb-color-2
{
    font-size: 10px !important;
}

.slot_confirmed,.slot_online,.slot_tentative,.slot_blocked,.slot_free,.slot_disabled,.slot_pastdate
{   
    padding-top: 3px;
}
.filter-dropdown
{
    width: 347px !important;
    background-color: #fff7ea !important;
    padding: 10px !important;
    padding-bottom: 19px !important;
    box-shadow: 0 6px 12px 2px rgba(0, 0, 0, 0.55) !important;
    z-index: 7;
}
.fil-back
{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: #00000036;
    z-index: 5;
    display: none;
}
.fil-back.active
{
    display: block;
}
.filter-dropdown.active
{
    display: block !important;
}
.filter-link
{
    font-size: 11px;
    line-height: 9px;
    color: #fff;
}
.filter-link:hover,.filter-link:active,.filter-link:focus
{
    color: #fff;
    text-decoration: none !important;
}
.filter-maind
{   
    width: auto;
    float: left;
    height: 100%;
    vertical-align: top;
}
.info.float.color-define-d .text p
{
    margin-bottom: 0px;
}
.top-nav-content
{
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
}
.or-lined
{
    width: 40%;
    float: left;
    height: 9px;
    border-bottom: 1px solid #fb3c3c;
}
.or-text
{
    float: left;
    font-size: 11px;
    color: #fb3c3c;
    padding-left: 8px;
}
.size
{
    width: 6% !important;
}
.filter-dropdown-op
{
    top: 96% !important;
    left: 6px !important;
}
/*--------table-stuct-fix-1---------*/
.table-2-scroll
{
    /*height: 340px;*/
    overflow: hidden;
    /*overflow-y: scroll;*/
    padding-bottom: 150px;
}
/*--------table-stuct-fix-2---------*/
/*.header-cross-book-m
{
    height: 120px;
}
.header-cross-book-m2 .col-sm-2
{
    width: 14% !important;
}
.header-cross-book-m2
{
    width: 100%;
    padding-top: 50px;
    overflow: hidden;
    top: 20px;
    position: fixed;
    z-index: 4;
    background-color: #fff;
    height: 190px;
}
.filter-table
{
    position: fixed;
    top: 120px;
    z-index: 5;
    padding-right: 15px;
}*/
/*--------table-stuct-fix---------*/
.chosen-container .chosen-results
{
    /*overflow: hidden;*/
}

.image-aspect
{
    /*position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    min-height: 100% !important;
    min-width: 100%;
    -webkit-transform: translate(-50%,-50%) !important;
    -ms-transform: translate(-50%,-50%) !important;
    transform: translate(-50%,-50%) !important;
    vertical-align: top !important;
    width: auto !important;
    height: auto !important;*/
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.compair-h-select.addbooking .chosen-container
{
    width: 100% !important;
}
.pageheader-h1
{
    color: #eeeeee !important;
    position: absolute !important;
    right: 0px !important;
    left: 0px !important;
    font-size: 18px !important;
    top: -21px !important;
    margin: 0px !important;
    text-transform: uppercase;
    font-weight: 700;
}
.chosen-container .chosen-results li
{
    min-height: 32px !important;
    max-height: 50px !important;
    height: auto !important;
    font-size: 12px !important;
}
.hover-td
{
    cursor: help;
}

.hover-td.hover
{
    opacity: 0.8;
    color: red !important;
}
/*-------------------Scroll Bar------------------*/
.scroll-d1::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.scroll-d1::-webkit-scrollbar
{
    width: 7px;
    background-color: #F5F5F5;
}

.scroll-d1::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #d14244;
}

.scroll-d2::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.scroll-d2::-webkit-scrollbar
{
    width: 5px;
    height: 7px;
    background-color: #F5F5F5;
}

.scroll-d2::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #d14244;
}
h1.tiles-number
{
    font-size: 37px !important;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 11px;
}
.height-170px
{
    height: 170px;
    margin-bottom: 10px;
}
.Upcomming-b
{
    height: 282px !important;
}
.Followup-h
{
    height: 312px !important;
}
.scroll-up-down-b
{
    position: absolute;
    top: 5px;
    height: 30px;
    width: 50px;
    right: 0px;
}
.fa-b-ud
{
    padding: 3px;
    background-color: transparent;
    border: none;
    outline: none;
}
.todays-d
{
    margin-top: 0px; 
}
.events-dd
{
    height: 120px;
    width: 100%;
}
.box-switch .onoffswitch-label
{
    border-radius: 0px !important;
    height: 20px !important;
}
.box-switch .onoffswitch-label .onoffswitch-switch
{
    border-radius: 0px;
    margin: 0px;
}
.blank.box-switch .onoffswitch-switch {
    right: 22px;
}
.blank.box-switch .onoffswitch-switch {
    width: 18px !important;
    height: 20px !important;
}
.text-muted.total-a
{
    font-size: 11px;
}
.text-muted.total-a span
{
    color: #0c0c0c;
}
.txt-pay-follow
{
    text-overflow: ellipsis;
    overflow: hidden;
    height: 22px;
}
.currency-rates li
{
    height: auto !important;
}
.tiles-carousel-color-2 .item .des
{
    padding-top: 0px !important; 
}
.ongoing-d1
{
    width: 54%;
    border-right: 1px solid #fff;
    overflow: hidden;
    float: left;
    height: auto;
    padding-left: 5px;
    margin-top: 10px;
}
.ongoing-d1.border-n
{
    width: 46%;
    height: auto;
    border:none;
    padding-left: 10px;
    margin-top: 10px;
}
.tiles-carousel-color-2 .item
{
    min-height: 138px !important;
    height: 138px !important;
    padding-top: 10px !important;
}
.bookmap-td-d
{
    width: 40px;
    overflow: hidden;
    margin: 0 auto;
    word-wrap: break-word;
    height: auto;
}
.progress
{
    margin-bottom: 11px;
}
.small.for-132px-bm
{
    font-size: 13px;
    margin-bottom: 3px;
}
.panel-title,.todays-d
{
    font-size: 15px !important;
}
.panel-body
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.only-booking
{
    float: left;
    height: 33px;
    background-color: #1e6a71;
    width: 100%;
    padding: 7px 15px;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #959595;
}
.color-only-bth
{
    background-color: #1e6a71;
}
.table-3
{
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.bookings-o-wrap
{
    width: 230px;
    height: auto;
    overflow-y: hidden;
    margin-right: 10px;
    overflow-x: auto;
}
.tb-color-2.td-b
{
    text-align: left !important;
    padding-left: 10px !important;
    width: 90px;
    padding-top: 3px !important;
    font-size: 12px !important;
}
.only-booking p
{
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.th-b div
{
   width: 100%;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding-left: 10px;
}
.scroll-d
{
    padding-top: 10px;
    background-color: #fff;
    overflow: hidden;
    padding-bottom: 10px;
    height: 400px;
    position: relative;
}
.td-hover:hover
{
    background-color: #e8e9ee;
}
.onlyb
{
    display: -webkit-inline-box;
    width: 100%;
    height: auto; 
    overflow-y: hidden;
    /*overflow: auto;*/
    padding-bottom: 10px;
}
.text
{
    padding-right: 10px !important;
}
.bookingmap-bottons
{
    height: 25px;
    width: 170px;
    /*margin-right: 30px;*/
    float: left;
    background-color: #3bafda;
    border: 1px solid #ffbebe;
    padding-left: 7px;
    position: relative;
    top: -5px;
    margin-right: 10px;
}
.overflow-unset
{
    overflow: unset !important;
}
.book-m-b
{
    font-size: 12px;
    margin-right: 3px;
    /*position: relative;*/
    /*top: -2px;*/
    padding: 0px;
    background-color: transparent;
    border: none;
    outline: none;
    width: auto;
}
.book-m-b i
{
    font-size: 13px !important;
    margin-right: 5px;
}
.bookingmap-bottons a.active .book-m-b
{
    /*color: #fff;
    border-bottom: 1px solid #fff; */
    text-decoration: underline;
}
.bookingmap-bottons a
{
    color: #fff;
    
}
.bookingmap-bottons a:hover
{
    text-decoration: none;
}
.info
{
    padding-bottom: 9px;
}
.bookmap-view-ds
{
    float: left;
    overflow: hidden;
}
.left-float{float: left;}
.refund-img{width: 100%;height: auto;position: relative;}
.refund-logo{width: 75px;height: auto;position: absolute;top: -28px;right: 48px;}
th
{   
    background-color: #3bafda;
    color: #fff;
}
.t-m-md
{
    width: 600px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #fff;
    padding-bottom: 30px;
}
.t-c-footer
{
    background: #fff;
    text-align: center;
    font-size: 13px;
    padding: 0px;
    margin-top: 20px;
    height: 53px;
    width: 100%;
    border-top: 1px solid #E6E9ED;
    line-height: 170%;
    z-index: 2;
    position: sticky;
    bottom: 0px;
    background-color: #fff;
}
.t-c-maind
{
    width: 100%;
    /*height: 100%;*/
    overflow-y: scroll;
    position: relative;
}

/*.overflow-scroll-box{overflow: scroll;}*/
.terms-fixed-footer{
    width: 600px;
    margin: 0 auto;
    display: flex;
}
.check-b-t-c
{
    width: 260px;
    text-align: left;
}
.check-b-t-c1
{
    width: 210px;
    padding-right: 20px;
    padding-top: 10px;
}
.check-b-t-c2
{
    width: 90px;
    padding-top: 10px;
}
.label-t-c-checkb
{   
    padding-top: 2px;
}
.label-t-c-checkb input
{
    margin-top: 3px;
}
.t-c-ac
{
    font-size: 33px;
}
.t-c-q
{
    position: absolute;
    right: 14px;
    top: 1px;
    cursor: pointer;
}
.t-c-q:hover
{
    color: red;
}
.book-filter
{
    background-color: #ff8100 !important;
}
.inp-creat-inv-date
{
    width: 120px;
    float: right;
    text-align: right;
}
.to-align-inp-c-i-d
{
    padding-right: 10px;
    text-align: right;
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child)
{
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
}
.btn 
{
    position: relative !important;
    /*top: 1px !important;*/
}
label
{
    font-size: 12px;
    margin-bottom: 2px;
    /*display: block;*/
}
.btn-toolbar>.btn-group
{
    margin-bottom: 10px;
}
.form-group .promocods-c
{
    width: 10.5%;
}
.magnific-popup-wrap .col-xs-4 .form-group .posr
{
    width: 100% !important;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td
{
    width: 3%;
}
.verify-email-btn, .verify-email-btn:hover
{
    border: 1px solid #fff;
    /* padding-left: 7px; */
    color: #fff;
    /* width: 100px; */
    padding: 0 7px 0 7px;
    background-color: #37bc9b;
}
.payment-follow-btn-c
{
    position: absolute !important;
    bottom: 0px;
}
.bs-glyphicons.good-for-am-p .image-checkbox
{
    width: 50% !important;
}
.bs-glyphicons.good-for-am-p .image-checkbox .check-good-imgd
{
    width: 40px;
    height: 40px;
    /*background-color: red;*/
    margin: 0 auto;
}
.img-1-weddings, .img-1c-weddings, .img-2-grand-wedding, .img-2c-grand-wedding, .img-3-engagement, 
.img-3c-engagement, .img-4-birthday-party, .img-4c-birthday-party, .img-5-communion, .img-5c-communion, 
.img-6-family-functions, .img-6c-family-functions, .img-7-product-launch, .img-7c-product-launch, .img-8-board-meetings, 
.img-8c-board-meetings, .img-9-official-event, .img-9c-official-event
{ display: inline-block; background: url('../images/aminitis-g.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.img-1-weddings { background-position: -0px -0px; width: 41px; height: 40px; }
.image-checkbox.image-checkbox-checked .img-1-weddings { background-position: -41px -0px; width: 41px; height: 40px; }
.img-2-grand-wedding { background-position: -82px -0px; width: 41px; height: 40px; }
.image-checkbox.image-checkbox-checked .img-2-grand-wedding { background-position: -123px -0px; width: 41px; height: 40px; }

.img-3-engagement { background-position: -0px -40px; width: 41px; height: 40px; }
.image-checkbox.image-checkbox-checked .img-3-engagement { background-position: -41px -40px; width: 41px; height: 40px; }

.img-4-birthday-party { background-position: -82px -40px; width: 41px; height: 40px; }
.image-checkbox.image-checkbox-checked .img-4-birthday-party { background-position: -123px -40px; width: 41px; height: 40px; }
.img-5-communion { background-position: -0px -80px; width: 41px; height: 40px; }
.image-checkbox.image-checkbox-checked .img-5-communion { background-position: -41px -80px; width: 41px; height: 40px; }
.img-6-family-functions { background-position: -82px -80px; width: 41px; height: 40px; }
.image-checkbox.image-checkbox-checked .img-6-family-functions { background-position: -123px -80px; width: 41px; height: 40px; }
.img-7-product-launch { background-position: -0px -120px; width: 41px; height: 40px; }
.image-checkbox.image-checkbox-checked .img-7-product-launch { background-position: -41px -120px; width: 41px; height: 40px; }
.img-8-board-meetings { background-position: -82px -120px; width: 41px; height: 40px; }
.image-checkbox.image-checkbox-checked .img-8-board-meetings { background-position: -123px -120px; width: 41px; height: 40px; }
.img-9-official-event { background-position: -0px -160px; width: 41px; height: 40px; }
.image-checkbox.image-checkbox-checked .img-9-official-event { background-position: -41px -160px; width: 41px; height: 40px; }
.add-hall-maind
{
    max-height: 745px;
    height: auto;
    overflow: unset;
    -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  /*overflow: hidden;*/
}
.add-remove-b
{
    background-color: transparent;
    border: none;
    outline: none;
    position: relative;
    top: -1px;
}
.seeting-arc-fr
{
    width: 100%;
    float: right;
    padding-left: 40px;
}
.seeting-arc-fl
{
    position: absolute;
}
.add-hall-tog
{
    max-height: 42px;
    height: auto;
    overflow: hidden;
}
.ico-link-hov, .ico-link-hov:hover
{
    color: unset;
    text-decoration: none;
}
.margin-bottom-email-v
{
    margin-bottom: 8px !important;
}
.fix-p-hed2
{
    position: relative;
    top: 6px;
}

.tooltip-text {
    background-color: rgba(0, 0, 0, .7);    
    color: white;
    left: 0;
    padding: 5px;
    position: absolute;
    z-index: 10;
    top: 0;
}
.font-size-of-tandc
{
    font-size: 19px !important;
}
.add-h-click i
{
    /*color: #3bafda;*/
    color: #ef4947;
}
.youtubeinp
{
    width: 100% !important;
    
    background-size: contain !important;
    background-repeat: no-repeat !important;
    padding-left: 46px !important;
}

.radiocb-lb {
  visibility: hidden;
  height: 0;
  width: 0;
}
.label-ch {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    background-color: #454545;
    color: white;
    padding: 8px 10px;
    border-radius: 3px;
    transition: all 0.3s ease-out;
    margin: 0 auto;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 18px !important;
    width: 100%;
    user-select: none;
    display: inline-block;
    
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.radiocb-lb:checked + .label-ch {
  background-color: #3BAFDA;
}
.cb-lb-1
{
    width: 50%;
    float: left;
    text-align: center;
    align-items: center;
    display: flex;
}
.radiocb-lb:checked + .label-ch:before, .radiocb-lb:not(:checked) + .label-ch:before
{
    font: normal normal normal 14px/1 FontAwesome;
    width: 200px;
    height: 200px;
    /*background-color: red;*/
    content: "\f10c";
    margin-right: 10px;
    font-size: 18px;
}
.radiocb-lb[type="radio"]:checked + label.label-ch:before
{
    content: "\f192";
}
.cb-lb-1-parent
{
    float: left;
    width: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    padding-top: 3px;
    background-color: #fff;
    z-index: 2;
    height: 64px;
    border-bottom: 2px solid #37BC9B;
}
.cb-lb-1-parent-b
{
    height: 70px;
}
.item_blockc1
{
    width: 100%;
    height: auto;
    float: left;
}
.panel-bodycb2
{
     width:100%;
     padding-left:10px !important;
     padding-right:10px !important;
     margin-bottom: 10px;
}
.reapetecb1
{
     width:100%;
     margin-bottom: 10px;
     overflow:hidden;
}
slider
{
    z-index: 10;
    width: 100%;
    /*height: calc(100% - 65px);*/
	height:100%;
    overflow: hidden;
    position: fixed;
    background-color: #fff;
    top: 0px;
    right: -100%;
    padding-top: 0px;
}
slider.active
{
    right: 0px !important;
	height: 100%;
}
.width-100
{
    width: 100%;
}
.backbuttonsideb
{
    float: left;
    margin-right: 10px;
}
.sidefoodpb
{
    cursor: pointer;
}
.save-bslide
{
    position: absolute !important;
    right: 20px;
    bottom: 2px;
    z-index: 2;
}
.sldecolor-t1
{
    color: #656D78 !important; 
}
.sldecolor-t2
{
    color: #b72a7d;
}
.slide-fodb
{  
    width: 100%;
    overflow: hidden;
    padding: 0px;
}
.slide-fodb li
{
    width: auto;
    overflow: hidden;
    float: left;
    height: auto;
    padding-left: 0px;
    padding-right: 20px;
}
.slidecb-border
{
    border-bottom: 1px dotted #eaeaea;
}
.slidescrolin
{
    overflow: auto;
    float: left;
    width: 100%;
    height: calc(100% - 63px);
}
.scroll-off-main
{
    overflow: hidden !important;
}
    
.ajax-call1
{
    font-style: normal;
    cursor: pointer;
}

.njs-header
{
    width: 100%;
    height: 100px;
    align-items: center;
    justify-content: center;
    display: flex;
    /*margin-bottom: 30px;*/
    background-color: #E9573F;
    color: #fff;
    position: relative;
    margin-bottom: 20px;
}
.njs-body
{
    padding: 0px !important;
    margin: 0px !important;
}
.njs-innerb
{
    overflow: hidden;
}
.njs-h3
{
    width: 100%;
    text-align: center;
    color: #E9573F;
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
    bottom: 7px;
}
.njs-innerb1
{
    min-height: 200px;
    width: 33.3%;
    float: left;
    padding-top: 20px;
    position: relative;
}
.njs-innerb-ind
{
    width: 90%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.small-title-any-h {
    /*font-size: 16px;*/
    color: #b72a7d;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-bottom: 7px;
}
.small-header-njs
{
    color: #fff;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 95%;
    margin: 0 auto;
    float: left;
}
.small-header-njs-1
{
    background-color: #3BAFDA;
    border-color: #3BAFDA;
}
.small-header-njs-2
{
    background-color: #37BC9B;
    border-color: #37BC9B;
}
.small-header-njs-3
{
    background-color: #F6BB42;
    border-color: #F6BB42;
}
.img-logo-brows
{
    position: absolute;
    left: 30px;
    width: 40px;
}
.brosert1
{
    color: #fff;
    font-size: 25px;
}
.list-steps
{
    overflow: hidden;
    width: 80%;
    padding-top: 10px;
    min-height: 350px;
    margin-top: 0px;
}
.list-steps li
{
    margin-bottom: 20px;
}
.small-title-any-h
{
    width: 100%;
    text-align: center;
}
.click-a-njs
{
    width: 95%;
    overflow: hidden;
    padding-top: 10px;
    margin-bottom: 0px;
    text-align: center;
}
.click-a-njs a
{
    font-size: 16px;
    color: #e9573f !important;
    text-decoration: none;
}
.click-a-njs a:hover
{
    color: #3BAFDA !important;
}
.invalid-acr
{
    height: auto !important;
    display: block !important;
}
.collapse.in
{
    overflow: hidden;
}
.mfp-close.btn-imp.btn-primary-imp
{
    display: inline-block !important;
    padding: 4px 8px !important;
    margin-bottom: 0 !important;
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 1.42857143 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    height: 30px;
}
.icon-collapse
{
    top: -5px;
}
.rightarrows
{
    margin-top: 8px;
    margin-left: 6px;
}
.rightarrows2
{
    margin-top: 8px;
    margin-right: 12px;
}
.removers-s
{
    width: 32px;
    float: right;
    margin-right: 5px;
}
.center-food-d
{
    width: calc(100% - 70px);
}
.img-food-item
{
    width: 42px;
    height: 30px;
    float: right;
    overflow: hidden;
}
.img-food-item a img, .img-food-item img
{
    width: 100%;
    height: 100%;
    object-fit: cover;  
}
.browser-food-i
{
    float: left;
    width: calc(100% - 50px);
}
.addbewfood-b
{
    font-size: 11px;
    float: right;
    margin-top: 8px;
}
.Inclusions-b, .Inclusions-b:hover, .Inclusions-b:active, .Inclusions-b:focus
{
   color: #fff;
   width: 99px;
   background-color: grey;
}
.label-ch-2
{
   font-size: 13px !important;
    padding: 0px !important;
    height: 30px !important;
    padding-top: 5px !important;
    width: auto !important;
    background-color: #fff !important;
    color: #454545 !important;
    float: left !important;
    margin-left: 0px !important;
    margin-right: 10px !important;
}
.radiocb-lb-2:checked + .label-ch-2, .label-ch-2
{
    background-color: #fff !important;
}
.radiocb-lb-2:checked + .label-ch-2:before
{
    color: #f35429 !important;    
}
.radiocb-lb-2:checked + .label-ch-2:before, .radiocb-lb-2:not(:checked) + .label-ch-2:before
{
    margin-right: 5px;
    font-size: 18px;
    position: relative;
    top: 2px;

}
.radiocb-lb-2
{
    position: absolute;
    z-index: 0px;
}
.incu-prt-d
{
    width: 110px;
}
.inc-span
{
    float: left;
    background-color: #37bc9b !important;
    border: 1px solid #efefef;
    position: relative;
    top: 0px;
}
.readmark
{
    border: 1px solid red;
}
.readmark-t
{
    color: red;
}
.delete-item-d
{
    right: 40px !important;
    position: absolute;
    top: 8px;
}
.ligtbox-li-style-n .group-dvb
{
    width: 49.33%;
    float: left;
    margin-bottom: 10px;
    padding-right: 20px;
    height: auto;
}
.confirm-bcb-b
{
    width: 47%;
    height: 40px;
    border: none;
    margin-top: 10px;
    color: #fff;
    border-radius: 2px;
    outline: none;
    background: #313940 !important;
}
.confirm-bcb-b.color-c1
{
    background-color: #ff8100;
    margin-left: 1%;
}
.confirm-bcb-b.color-c2
{
    background-color: #8CC152;
    margin-left: 2%;
    margin-right: 2%;
}
.confirm-bcb-b.color-c3
{
    background-color: #3BAFDA;
}
/*----------------------Rating Star Css Start----------------------*/
/*.rate 
{
    display: inline-block;
    border: 0;
}
.rate > input 
{
    display: none;
}
.rate > label 
{
    float: right;
}
.rate > label:before 
{
    display: inline-block;
    font-size: 17px;
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 ";
}

.rate .half:before 
{
    content: "\f089 ";
    position: absolute;
    padding-right: 0;
}

input:checked ~ label,
label:hover, label:hover ~ label { color: #73B100;  } 

 Hover highlights 
input:checked + label:hover, input:checked ~ label:hover, 
input:checked ~ label:hover ~ label,
label:hover ~ input:checked ~ label { color: #A6E72D;  }

.ratingparent
{
    width: 50%;
    float: left;
    height: 80px;
    padding-bottom: 0px;
}
.ratingparent-overall
{
    width: 100% !important;
    float: left;
    text-align: center;
    height: 88px;
}
.rating-sided1
{
    width: 100%;
    float: left;
}
.overl-rate.rate > label:before
{
    font-size: 27px;
}
.remainreating .Font-size-16px
{
    font-size: 14px;
    background-color: dodgerblue;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 6px;
}
.Ratingreview-Mind
{
    padding-top: 22px;
    height: auto !important;
}*/

/*----------------------Rating Star Css End----------------------*/
.text-align-center
{
    text-align: center;
}
.container-write-d2
{
    width: 50%;
    margin: 0 auto;
    max-width: 790px;
}
.ratingparent
{
    text-align: center;
}
.wr-ht1
{
    font-size: 26px;
    font-weight: 700;
    background-color: dodgerblue;
    color: #fff;
    width: 95%;
    margin: 0 auto;
}
.wr-ht2
{
    font-size: 20px;
    font-weight: 400;
    background-color: dodgerblue;
    color: #fff;
    width: 95%;
    margin: 0 auto;
}
.wr-ht3
{
    overflow: hidden;
    width: 100%;
    text-align: center;
    background-color: dodgerblue;
    color: #fff;
    width: 95%;
    margin: 0 auto;
    font-size: 14px;
}
.riew-w
{
    overflow: hidden;
    width: 100%;
    text-align: center;
}
.Enq-Other-Req
{
    width: 95%;
    height: 150px;
    resize: none;
    margin: 0 auto;
    margin-top: 15px;
    padding: 18px;
    outline: none;
    margin-bottom: 20px;
}
.arrow-vb
{
    color: #656D78 !important; 
    font-size: 11px;
    position: absolute;
    left: 0px;
}
.group-dvb div
{
    padding-left: 20px;
    position: relative;
}
.vid-b
{
    width: 90%;
}
.vnm-c
{
    width: 25%;
    float: left;
    justify-content: center;
    text-align: center;
}
.vn0cc
{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
a
{
    /*pointer-events: none !important;*/
    /*cursor: default !important;*/
}
a.canclick
{
    /*pointer-events: unset !important;*/
    /*cursor: pointer !important;*/
}
.circle{
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
    transform: translate(-50%,-50%);
    width: 200px;
    height: 200px;
    border: 4px solid transparent;
    border-bottom: 4px solid #36E494;
    border-top: 4px solid #fa8072;
    border-radius: 50%; 
    animation: animate 2s linear infinite;
}

.circle:before{
    content: '';
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    border: 4px solid transparent;
    border-bottom: 4px solid #ff7f50;
    border-top: 4px solid #2dfefa;
    border-radius: 50%;
    animation: animate 2.5s linear infinite;
 
}
.circle:after{
    content: '';
    position: absolute;
    top: 50px;
    left: 50px;
    bottom: 50px;
    right: 50px;
    border: 4px solid transparent;
    border-bottom: 4px solid #ffffff;
    border-top: 4px solid #be90d4;
    border-radius: 50%;
    animation: animate 3s linear infinite;
 
}
.loging-dvm
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff;
    z-index: 99;
}

@keyframes animate{

    0%{
        transform: rotate(0deg);

    }
    100%{
        transform: rotate(360deg);
    }

}

.buttonv
{
    border: none;
    outline: none;
}
/*---------------------------Reatch Text Box Star------------------------------*/

.editor-toolbar {
  background: #ffffff;
  border: 1px solid var(--grey-color5);
  margin: 0;
  padding: 0;
}
.editor-toolbar a {
  display: inline-block;
  padding: 8px 12px;
  color: var(--black-color4);
}
.editor-toolbar a:hover {
  background: var(--grey-color5);
}
.editor-toolbar .active {
  background: var(--grey-color5);
}
.editor-toolbar .dropdown {
  display: inline-block;
}
.editor-toolbar .dropdown .btn-default {
  border: none;
  outline: none;
}
.editor-toolbar .dropdown .btn-default:focus,
.editor-toolbar .dropdown .btn-default:hover {
  background: none;
  outline: none;
}
.editor-toolbar .dropdown a {
  margin: 0;
}
.editor {
  resize: vertical;
  overflow: auto;
  line-height: 1.5;
  background: #ffffff;
  border: 1px solid var(--grey-color5);
  border-top: none;
  min-height: 150px;
  box-shadow: none;
  padding: 8px 16px;
  margin: 0 0 10px 0;
  font-size: 14px;
}
.editor:focus {
  outline: none;
}
.editersmaind
{

}
.commonslidemaind
{
    z-index: 10;
    width: 100%;
    /*height: calc(100% - 64px);*/
    height: 100%;
    overflow: hidden;
    position: fixed;
    background-color: #fff;
    top: 0px;
    right: -100%;
    padding-top: 10px;
}
.commonslidemaind.active
{
    right: 0px !important;
}
.dispcenterd
{
    /*display: flex;
    align-items: center;
    justify-content: center;*/
    padding: 20px;
    padding-top: 50px;
    padding-left: 12px;
}
.commonslidemaind .editor.editor1
{
    height: calc( 100% - 50px);
}

.dispcenterd .editersmaind,
.dispcenterd .editor.editor1,
.settextborder_p .editersmaind,
.settextborder_p .editor.editor1
{
    border: 1px solid grey;
}
.backbutton-lb
{
    position: absolute;
    top: 7px;
    left: 0px;
}
.addnoteb
{
    width: 120px;
    height: 30px;
    float: left;
    justify-content: center;
    text-align: center;
    display: flex;
    background-color: #3bafda;
    color: #fff;
    padding-top: 5px;
    border-radius: 2px;
    cursor: pointer;
}
.view-addb
{
    position: relative;
    top: 22px;
    margin-right: 10px;
}
.h-100imp
{
    top: 0px !important;
    height: 100% !important;
}
.sidelb form
{
    width: 100%;
    height: 100%;
}
.selectmonthrb
{
    width: 49px;
    font-size: 12px !important;
    padding: 0px !important;
    padding-bottom: 2px !important;
    margin-bottom: 4px;
}
.selectmonthrb:hover
{
    background-color: #3BAFDA;
}
.selectmonthrb:before
{
    content: "" !important;
    margin: 0px !important;
}
.checkbmaind input
{
    position: absolute;
    left: -100px;
    visibility: hidden;
}
.extleftico1
{
    position: relative;
    top: 1px;
    margin-right: 2px;
}
.extleftico1.fa-refresh
{
    top: 0px;
    font-size: 12px;
}
.rewidth-set2
{
    width: 14.066667%;
}
#snackbar
{
    z-index: 999 !important;
}
.lacdv-viewmore
{
    max-width: 59%;
    cursor: pointer;
}
.lacdv-viewmore p
{
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
}
.sidebar-left li
{
    outline: none;
}
.bookreargmd1
{
    width: 60%;
    float: left
}
.bookreargmd2
{
    width: calc(40% - 10px);
    float: left;
    margin-left: 10px;
    border-left: 1px solid #37bc9b;
}

input.custinpr[readonly]:read-only { 
    background-color: transparent !important;
    width: auto;
    padding: 0px;
    border: none;
    height: auto;
    padding-left: 0px;
}
.sumpaa1
{
    width: 100%;
    float: left;
}
.bookreargmd2 .form-group
{
    margin-bottom: 0px;
    float: left;
    width: 100%;
}
.dilbsumpaa1 label,
.dilbsumpaa1 input
{
    width: 50% !important;
    float: left;
}
.dilbsumpaa1 input
{
    text-align: right;
}
.extspect label
{
    font-size: 9px;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0px;
    position: relative;
    top: 4px;

}
.extspect .col-xs-2
{
    width: 33% !important;
}
.newedib1w100
{
    width: 100%;
}
/*.slectfoodpnewb
{
    padding: 8px;
    top: 4px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}*/
.fr
{
    float: right;
	color: #ca4042;
    font-size: 15px;
}
.slectfoodpnewb
{
    color: #ca4042;
    font-size: 15px;
}
.paymwnt-onl .col-xs-2
{
    width: 11%;
}
.papdl-10
{
    padding-left: 10px !important;
}
.papdl-10.dilbsumpaa1
{
    padding-top: 20px;
    float: unset;
    /*margin: 0 auto;*/
    overflow: hidden;
}
.garandtotal *
{
    font-size: 14px;
}
.garandtotal
{
    background-color: #fffad1;
}
.overcomv3mb
{
    width: 100%;
    overflow: hidden;
    height: 48px;
    text-align: center;
}
.overcomv3mb button
{
    position: unset !important;
}
.topvn0px
{
    top: 0px !important;
    height: 100% !important;
}
.remove-dtv
{
    border-color: red;
}
.image-checkbox.alnt:nth-of-type(even) .glyphicon-class
{
    color: #e9573f !important;
}
.image-checkbox.alnt:nth-of-type(even) 
{
    /*text-decoration: line-through;*/
    margin-right: 1%;
}
.image-checkbox.alnt
{
    margin-bottom: 8px;
    height: 100px !important;
}
.ligtbox-ul-style
{
    width: 100% !important;
    float: left !important;
    display: block !important;
}
.ligtbox-ul-style li
{
    float: left;
}
.bookinglbv1
{
    color: #656D78;
    font-weight: 700;
}
.bookinglbv2
{
    color: #e9573f;
    font-weight: 700;
}
.gstonbookpag 
{
    top: 2px;
}
.onoffswitch-switch_small
{
    height: 8px;
}
.gst_onof .onoffswitch-inner:before, 
.gst_onof .onoffswitch-inner:after
{
    height: 15px;
}
.gst_onof .onoffswitch-switch
{
    margin-top: 3px;
}
.gst_onof .onoffswitch-label
{
    position: relative;
    top: 4px;
}
.gst_onof.onoffswitch.blank .onoffswitch-switch {
    height: 10px;
    width: 10px;
}
.edit-message-parent-d
{
    border: 1px solid #D5DAE0;
}
.edit-message-head-p
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
.sms_edit_click
{
    font-size: 11px;
    position: relative;
    top: 6px;
    margin-right: 10px;
}
.sms_edit_textarea
{
    width: 100%;
    height: 140px;
    resize: none;
    margin-top: 11px;
    outline: none;
    font-size: 12px;
    border: 1px solid #D5DAE0;
    padding: 10px;
    padding-top: 30px;
    /* padding-right: 10px; */
    border-left: 0px;
    border-right: 0px;
}
.edit-message-bottom-click-parent
{
    padding: 10px;
    padding-top: 14px;
    padding-bottom: 19px;
}
.button_rempletev1
{
    width: 49%;
}
.controll-off .sms_edit_textarea-p *
{
    background-color: #000000;
    color: #969494;
    opacity: 0.7;
}
.controll-off .edit-message-head-p,
.controll-off .sms_edit_textarea-p *
{
    pointer-events: none;
    cursor: not-allowed;
    user-select: none;
}
.default_span
{
    position: absolute;
    display: block;
    width: auto;
    height: 13px;   
    color: #FFFFFF !important;
    background-color: #56C234 !important;
    line-height: 14px;
    font-size: 9px;
    height: 15px;
    font-family: Trebuchet, Arial, sans-serif;
    border-radius: 11px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    display: flex;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 2;
    opacity: 1 !important;
    left: 10px;
    top: 4px;
}
.price_box_sms
{
    background-color: #ef4947;
    overflow: hidden;
    border-radius: 10px;
    padding-bottom: 8px;
    padding-left: 2px;
    padding-right: 2px;
}
.buynow_head
{
    color:#fff;
    font-weight: 700;
    text-align: center;
}
.buynow_price_parent
{
    background-color: #fff !important;
    border-radius: 10px;
    height: 254px;
}
.align_center_text
{
    text-align: center;
}
.enable_sms_editp1
{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #656D78;
    font-size: 12px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
}
.enable_sms_editp2
{
    color: #ef4947;
    font-weight: 700;
    font-size: 27px;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    line-height: 20px;
}
.enable_sms_editp2 span
{
    font-size: 16px;
}
.benifites_sms
{
    margin: 0 auto;
    display: block;
    padding-left: 20%;
}
.benifites_sms li
{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #656D78;
    font-size: 12px;
    font-weight: 700;
}
.buy_sms_2kv
{
    float: unset;
    position: absolute !important;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    bottom: 14px;
    background-color: #ef4947;
    border-color: #ef4947;
}
.sms_chnage_sender_id_parent
{
    border-top: 1px solid #D5DAE0;
    border-bottom: 1px solid #D5DAE0;
    padding: 10px;
    margin-top: 10px;
    height: 141px;
    margin-bottom: 7px;
}
.sender-dIinp
{
    width: 35%;
    margin-right: 5%;
    outline: none;
    border: 1px solid #D5DAE0;
}
.chnage_teitle_sms
{
    margin-bottom: 10px;
}
.sender_id_chand_parent
{

}
.lable_rect
{
    width: 60%;
    color: #656D78;
    font-size: 12px;
    float: left;
    font-weight: 700;
    padding-top: 4px;
    user-select: none;
}
.sms_chnage_sender_inps
{
    width: 100%;
    float: left;
    padding-top: 1px;
}
.name_textv2
{
    position: absolute;
    top: 20px;
    left: 0px;
    font-size: 12px;
    margin-bottom: 0px;
    width: 100%;
    padding-left: 10px;
    background: #ececec;
}
.pendding_v1
{

}
.approved_v1
{
    color: #56C234;
}
.rejected_v1
{
    color: #E9573F;
}
.submit_approve_b
{
    /*margin-top: 7px;*/
}
.detail_sms_editv1
{
    height: 40px;
}
.detailset_v1
{
    width: 60%;
    float: left;
    padding-left: 10px;
}
.detailset_v2
{
    width: 40%;
    float: left;
    padding-right: 10px;
}
.get_valcopi
{
    display: block;
    background-color: #ececec;
    width: auto;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
    float: left;
    margin-right: 5px;
    cursor: pointer;
    user-select: none;
}
.hastag_message
{
    font-size: 10px;
    line-height: 11px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 12px;
    margin: 0px;
    width: 100%;
    float: left;
    padding-top: 3px;
}
.getcount_byid
{
    float: right;
    background-color: transparent;
    margin-right: 0px;
}
.didabled-vrc2
{
    position: relative;
}
.didabled-vrc2.v2
{
    position: relative !important;
    overflow: hidden !important;
}
.didabled-vrc2.v2:after {
    -webkit-animation: btn-loading 2s linear infinite; 
    animation: btn-loading 2s linear infinite; 
    background: repeating-linear-gradient(-60deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15) 0.5em, rgba(0, 0, 0, 0.15) 0.5em, rgba(0, 0, 0, 0.15) 1em);
    background-size: 200%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    user-select: none;
    /*pointer-events: none;*/
    z-index: 4;
    cursor: not-allowed;
}
.didabled-vrc2:after {
     /*-webkit-animation: btn-loading 100s linear infinite; */
     /*animation: btn-loading 100s linear infinite; */
    background: repeating-linear-gradient(-60deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15) 1em, rgba(0, 0, 0, 0.15) 1em, rgba(0, 0, 0, 0.15) 2em);
    background-size: 200%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    user-select: none;
    /*pointer-events: none;*/
    z-index: 4;
    cursor: not-allowed;
}
.set_pleasewait
{
    width: 104px !important;
}
.head_dms_notV1
{
    font-size: 16px;
}
.sms_note
{
    color: #ffffff;
    margin-bottom: 10px;
    background: #3bafda;
    border-color: transparent;
}
.contact_forsus
{
    color: #f9e7b1;
    font-weight: 700;
}
@-webkit-keyframes btn-loading {
  from {
    background-position: -4em 0;
  }
  to {
    background-position: -1.7em 0;
  }
}
@keyframes btn-loading {
  from {
    background-position: -4em 0;
  }
  to {
    background-position: -1.7em 0;
  }
}
.compair-h-select .chosen-container.chosen-container-multi
{
    height: auto !important;
}
.reset_other_charges_click
{
    display: block;
    float: left;
    font-size: 11px;
    color: #fff;
    
    padding: 9px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-radius: 15px;
    margin-left: 5px;
    position: relative;
    top: 2px;
    cursor: pointer;
    padding-top: 3px;
    padding-bottom: 3px;
}
.reset_databse_extspect
{
    background-color: #454545;
}
.reset_0_extspect
{
    background-color: #3bafda;
}
/* TADA */

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(1.0) rotate(-8deg);
    transform: scale(1.0) rotate(-8deg);
  }

  30%, 50%, 70% {
    -webkit-transform: scale(1.5) rotate(8deg);
    transform: scale(1.5) rotate(8deg);
  }

  40%, 60% {
    -webkit-transform: scale(1.5) rotate(-8deg);
    transform: scale(1.5) rotate(-8deg);
  }

  80% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(1.0) rotate(-8deg);
    -ms-transform: scale(1.0) rotate(-8deg);
    transform: scale(1.0) rotate(-8deg);
  }

  30%, 50%, 70% {
    -webkit-transform: scale(1.4) rotate(8deg);
    -ms-transform: scale(1.4) rotate(8deg);
    transform: scale(1.4) rotate(8deg);
  }

  40%, 60% {
    -webkit-transform: scale(1.5) rotate(-8deg);
    -ms-transform: scale(1.5) rotate(-8deg);
    transform: scale(1.5) rotate(-8deg);
  }

  80% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.add-remove-b{
    -webkit-animation: tada 2s linear infinite;
    animation: tada 2s linear infinite;
} 
input.date_combo1
{
    border: 1px solid #37bc9b;
    background-color: #cdfff37d !important;
}
input.date_combo2
{
    border: 1px solid #3bafda;
    background-color: #eceeff7d !important;
}
.accenpt_gst_parent_booking
{

}
.enq_available
{
    position: relative;
    top: -6px;
}
.set_odc_fix
{
    position: fixed;
}
.set_odc_fix,
.set_odc_fix.v2
{
    width: 100%;
    background: #fff;
    height: 60px;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 99;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
}

.set_odc_fix.v2
{
    position: unset;
}
.set_odc_fix.v1
{
    height: auto;
    min-height: 30px;
    max-height: 60px;
    border: 1px solid #D5DAE0;
    -webkit-box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.67);
    -moz-box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.67);
    box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.67);
    z-index: 10;
}
.jump_bookingv3,
.jump_bookingv3:hover,
.jump_bookingv3:focus
{
    margin-top: 1px;
    margin-bottom: 3px;
    margin-right: 5px;
    float: left;
    text-decoration: none;
}
.askfor_access,
.askfor_accessv_admin,
.askfor_accessv_admin2
{
    width: 100%;
    height: 100%;
    position: fixed;
    left: -100%;
    top: 0px;
    z-index: 99999999;
    background: #000000b5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ask_d_accept_d
{
    width: 360px;
    height: auto;
    padding: 20px;
    background: #fff;
    text-align: center;
}
.askfor_accessv_admin .success_v2d
{
    background: #37bc9b !important;
}
.askfor_accessv_admin .ask_access_reject,
.askfor_accessv_admin2 .ask_access_reject
{
    float: unset;
    margin: 0 auto;
}
.ask_access_accept,
.ask_access_reject
{
    width: 150px;
    height: 40px;
    font-size: 14px;
    border: none;
    border-radius: 3px;
    outline: none;
    color: #fff;
}
.ask_access_accept
{
    float: left;
    background-color: #37BC9B;
}
.ask_access_reject
{
    float: right;
    background-color: #E9573F;
}
.askfor_access.active,
.askfor_accessv_admin.active,
.askfor_accessv_admin2.active
{
    left: 0px;
}
.request_ct1
{
    font-size: 19px;
    margin-bottom: 20px;
}
.request_ct1 b
{
    font-size: 23px;
    display: block;
}
.back_vgreen
{
    background-color: #37bc9b;
}
.glow_muhrat {
 animation: colorchange 4s infinite;
  -webkit-animation: colorchange 4s infinite; 
}

@keyframes colorchange
{
  50%  {}
  100% {background: #f779b0;}
}
@-moz-keyframes colorchange {
    50%  {}
    100% {background-color: #f779b0;}
}
@-webkit-keyframes colorchange 
{
   50%  {}
   100% {background: #f779b0;}
}
/*.set_muhrat_d div,*/
.set_muhrat_d div:not(.slot_confirmed):not(.slot_online):not(.slot_blocked):not(.slot_tentative)
{
    position: relative;
    animation: colorchange1 4s infinite;
    -moz-animation: colorchange1 4s infinite;
    -webkit-animation: colorchange1 4s infinite; 
}
@keyframes colorchange1
{
    50%  {}
    100% {background-color: #f779b0;}
}

@-moz-keyframes colorchange1 {
    50%  {}
    100% {background-color: #f779b0;}
}

@-webkit-keyframes colorchange1 
{
    50%  {}
    100% {background-color: #f779b0;}
}
.setNewLb_myd_custv1
{
    position: fixed;
    left: -100%;
    top: 0px;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000000d1;
}
.setNewLb_myd_custv1.active
{
    left: 0px;
}
.th_calvd1
{
    width: 14.28%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background-color: #37BC9B;
    color: #fff;
    border-right: 1px solid #fff;
}
.th_calvd1:nth-of-type(1)
{
    background-color: #ff8100;
}
.td_calvd1
{
    padding-top: 1px;
    padding-bottom: 10px;
    padding-left: 7px;
    width: 14.28%;
    float: left;
    /* text-align: center; */
    height: 90px;
    cursor: pointer;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    border-right: 1px dotted;
    border-bottom: 1px dotted;
    position: relative;
}
.td_calvd1_hvd:hover
{
    background-color: #badce8;
}
.set_event_cal_v1,
.set_event_cal_v1:hover
{
    background: #3bafda;
    color: #fff;
}
.current_calv1
{
    width: auto;
    padding-right: 10px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-content: center;
    float: left;
    padding-top: 20px;
}
.cal_parent_v1
{
    margin-top: 10px;
}
.ser_pos_cal_1
{
    position: absolute;
    top: 20px;
    right: 5px;
}
.setfordelete_event_calv1
{
    position: absolute;
    right: 7px;
    top: 4px;
    cursor: pointer;
    z-index: 2;
}
.cal_prev,
.cal_next
{
    cursor: pointer;
}
.cal_prev:hover,
.cal_next:hover
{
    color: #ff8100;
}
.setcal_pt1
{
    width: 60%;
}
.clickback_cal_v1
{
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.setfordelete_event_calv1:hover
{
    color: #ff8100;
}
.bg-facebook
{
    background-color: #4B66A0;
}


.tooltip_a 
{
    display: inline;
    position: relative;
    z-index: 999;
}

/* Trigger text */

.tooltip_a-item {
    /*background: rgba(0,0,0,0.3);*/
    /*cursor: pointer;*/
    /*display: inline-block;*/
    /*font-weight: 700;*/
    /*padding: 0 10px;*/
}
.tooltip_a:hover .tooltip_a-item
{
    color: #313940;
}
/* Gap filler */

.tooltip_a-item::after {
    content: '';
    position: absolute;
    width: 360px;
    height: 20px;
    bottom: 100%;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tooltip_a:hover .tooltip_a-item::after {
    pointer-events: auto;
}

/* tooltip_a */

.tooltip_a-content {
    position: absolute;
    z-index: 9999;
    width: 360px;
    height: 170px;
    left: 50%;
    margin: 0 0 20px -180px;
    bottom: 100%;
    text-align: left;
    font-size: 0.765em;
    line-height: 1.4;
    box-shadow: -5px -5px 15px rgba(48,54,61,0.2);
    background: #2a3035;
    border: 2px solid #2a3035;
    opacity: 0;
    cursor: default;
    pointer-events: none;
}

.tooltip_a-effect-1 .tooltip_a-content {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.tooltip_a-effect-2 .tooltip_a-content {
    -webkit-transform-origin: 50% calc(100% + 10px);
    transform-origin: 50% calc(100% + 10px);
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg);
    transform: perspective(1000px) rotate3d(1,0,0,45deg);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}

.tooltip_a-effect-3 .tooltip_a-content {
    -webkit-transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
    transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.tooltip_a-effect-4 .tooltip_a-content {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale3d(0.7,0.3,1);
    transform: scale3d(0.7,0.3,1);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}

.tooltip_a-effect-5 .tooltip_a-content {
    width: 180px;
    margin-left: -90px;
    -webkit-transform-origin: 50% calc(100% + 6em);
    transform-origin: 50% calc(100% + 6em);
    -webkit-transform: rotate3d(0,0,1,15deg);
    transform: rotate3d(0,0,1,15deg);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    -webkit-transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
    transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
}

.tooltip_a:hover .tooltip_a-content {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
    transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

.tooltip_a.tooltip_a-effect-2:hover .tooltip_a-content {
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
    transform: perspective(1000px) rotate3d(1,0,0,0deg);
}

/* Arrow */

.tooltip_a-content::after {
    content: '';
    top: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #2a3035;
    border-width: 10px;
    margin-left: -10px;
}

/* tooltip_a content*/

.tooltip_a-content img {
    position: relative;
    /*height: 170px;*/
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    float: left;
    margin-right: 1em;
}

.tooltip_a-text {
    font-size: 0.68em;
    line-height: 1.35;
    display: block;
    padding: 1.31em 1.21em 1.21em 0;
    color: #fff;
}

.tooltip_a-effect-5 .tooltip_a-text {
    padding: 1.4em;
}

.tooltip_a-text a {
    font-weight: bold;
}
.show_select_date
{
    display: none;
}
.show_select_date.active
{
    display: block;
}
.show_select_date_click
{
    display: block;
}
.show_select_date_click.active
{
    display: none;
}
.select_end_date
{
    width: 220px;
    height: 30px;
    float: left;
    /*justify-content: center;
    text-align: center;
    display: flex;*/
    background-color: #3bafda;
    color: #fff;
    padding-top: 0px;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    top: 22px;
    margin-right: 10px;
    border: none;
}
.ui-datepicker-prev.ui-state-disabled
{
    display: none !important;
}
.block_b_bookmap
{
    background-color: black;
    padding-right: 3px;
}

/*===================Beautification-Work=========================*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>lightbox-change-css-start>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.lightbox-bott-border{border-bottom: 2px solid #3bafda !important;margin-bottom: 15px !important;}
.lightbox-bott-border-1{border-bottom: 2px solid #8CC152 !important;margin-bottom: 15px !important;}
.bg-color-E9573F{background-color: #E9573F !important; color: #ffffff !important; font-size: 16px !important;padding: 3px 10px !important;font-weight: 700 !important;border: 0px solid #ddd !important;}
.bg-color-F6BB42{background-color: #F6BB42 !important; color: #ffffff !important; font-size: 16px !important;padding: 3px 10px !important;font-weight: 700 !important;border: 0px solid #ddd !important;}
.bg-color-8CC152{background-color: #8CC152 !important; color: #ffffff !important; font-size: 16px !important;padding: 3px 10px !important;font-weight: 700 !important;border: 0px solid #ddd !important;}
.bg-color-3BAFDA{background-color: #3BAFDA !important; color: #ffffff !important; font-size: 16px !important;padding: 3px 10px !important;font-weight: 700 !important;border: 0px solid #ddd !important;}
.bg-color-e9573f{background-color: #e9573f !important; color: #ffffff !important; font-size: 16px !important;padding: 3px 10px !important;font-weight: 700 !important;border: 0px solid #ddd !important;}
.light-box-align{text-align: center !important;}
.rupees-font-family{font-family: arial !important;font-size: 13px !important;}
.ligtbox-ul-style{width: 100%;padding-left: 0px; text-decoration: none;display: -webkit-inline-box;list-style-type: none;height: auto;}
/*.ligtbox-li-style-0{width: 12%;height: auto;color:#F6BB42; }
.ligtbox-li-style-1{width: 30%;height: auto;color:#E9573F; }
.ligtbox-li-style-2{width: 17%;height: auto;color:#F6BB42; }
.ligtbox-li-style-3{width: 18%;height: auto;color:#8CC152; }
.ligtbox-li-style-4{width: 35%;height: auto;color:#3BAFDA; }
.ligtbox-li-style-5{width: 20%;height: auto;color:#3BAFDA; }
.ligtbox-li-style-6{width: 80%;height: auto;color:#E9573F; }*/
.label-color-656D78{color: #656D78 !important;}
.p-tag{margin: 0px !important;}
.ligtbox-li-style-n{width: auto;height: auto;color:#006cbb;padding-right: 15px; }
.refund-btn-div{position: relative;}
.refund0btn-a-tag{position: absolute;top: -8px;left: 87.5%;}
.btn-bg-color{background-color: #37BC9B !important;font-weight: 700 !important;}
.read-only-bg{background-color: #ffefef !important;}
.pdf-img{width: 30px;height: 30px;position: absolute;top: -20px;right: 0px;}
.pdf-btn-postion{width: 140px;position: absolute;top: -8px;left: 82%;}
.pdf-txt-span{position: absolute;top: 6px;left: 14%;}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>lightbox-change-css-end>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.invoice_close_btn{font-size:20px; font-weight:bold; width:10%; float:left; text-decoration:none}/* Close button on create/edit invoice page  */

/*********************** Hrushikesh *****************************/
    .icon_pos{top:-5px}
    .btn-primary-imp{background-color:#37BC9B !important; border-color:#37BC9B !important; color:#fff !important;}
    .btn-imp{position: relative !important; top: 1px !important; border-radius: 2px !important;}
    .btn-trash{color:#E9573F; text-decoration:none; font-size:16px; cursor:pointer}
    .btn-print{color:#3BAFDA; text-decoration:none; font-size:16px; cursor:pointer}
    .btn-trash:hover{color:#E9573F; text-decoration:none; font-size:16px; cursor:pointer}
    .btn-print:hover{color:#3BAFDA; text-decoration:none; font-size:16px; cursor:pointer}
/*********************** Hrushikesh *****************************/


/*=================Media-Queries-bY-Shekhar=========================*/
@media only screen and (max-width: 1366px)
{
    .p-tag
    {
        font-size: 12px;
    }
    strong
    {
        font-size: 12px;
    }
}
@media only screen and (max-width: 1280px)
{
    label,
    .select_end_date
    {
        font-size: 12px;
    }
    .table-2-scroll
    {
        /*height: 350px;*/
        padding-bottom: 150px;
    }
    .onoffswitch
    {
        width: 60px;
    }
    .onoffswitch-switch
    {
        width: 15px;
        height: 15px;
        margin: 5px;
        margin-top: 7px;
        right: 35px;
    }
    .veg-non-veg .onoffswitch-label .onoffswitch-switch
    {
        margin-top: 8px;
        right: 83px;
    }
    .image-checkbox .glyphicon-class
    {
        font-size: 10px;
    }
    h4.small-title.lightbox-h
    {
        font-size: 12px;
    }
    .addnoteb
    {
        font-size: 12px;
    }
    .select_banquet_admin
    {
        width: 240px;
    }
    .select_banquet_admin select
    {
        width: 100% !important;
    }
}
@media only screen and (max-width: 1150px)
{
    .container-write-d2
    {
        width: 70%;
    }
}
@media only screen and (max-width: 414px)
{
    .container-write-d2
    {
        width:100% !important;
    }
    .ratingparent, .wr-ht3, .Enq-Other-Req
    {
        width: 80% !important;
        float: unset !important;
        margin: 0 auto !important;
    }
    .med-w-r
    {
        width: 90%;
        margin: 0 auto;
    }
    .Enq-Other-Req
    {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }
}
/*=================Media-Queries-bY-Shekhar=========================*/



/*=================Swapnil Style-sheet=========================*/
.text-center{text-align: center}
.top-0{top:0px;}
.height-100{height: 100%;}
.swapnil-glyph li { width: 9% !important; }
.video_play_button{ position: absolute; top :0px;z-index: 1000; }

.input_box
{
    width: auto;
    height: auto;
    float: left;
    margin-left: 5px;
    padding: 5px;
}
.dotted_line
{
    border-bottom: 1px dotted #d5dae0;
    margin-bottom: 5px;
}
.hide_server{
    display: none;
}
.didabled-vrc2 .padding_bottom{
    padding-bottom: 30px;
}
.center-food-d2 {
    width: calc(100% - 372px);
}
.position_fixed{
    position: fixed;
    bottom: 0px;
    border-top: 2px solid #37BC9B;
    background-color: #fff;
    padding-top: 5px;
}
.rightarrows3{
    margin-top: 28px;
}

.btn-blocked{color:#F5F7FA; background-color:#333; border-color:#E6E9ED;}
.btn-linkedin{color:#fff; background-color:#0085AE; border-color:#3333FF;}
.label_margin label{
    margin-right: 10px;
}
.justdial_logo{
    width: 100%;
    height: 51px;
    margin: 0 auto;
    clear: both;
    text-align: center;
}
h4.activate_color{
    color: #37bc9b;
    font-size: 18px;
    line-height: 3px;
    margin-bottom: 12px;
}
.border_none{
    border: none;
}
.buynow_price_parent{
    height: 254px;
}
a.justdial_enq{
    text-decoration: none;
    float: right;
    margin-right: 13px;
    margin-top: 2px;    
}
a.justdial_enq span{
   color: black;
}
a.justdial_enq span img{
   margin-top: -4px;
}
img.fr{
    float: right;
}
form.form_1{
    width:54%; 
    float:left;
    border-right: 1px dotted;
}
form.form_2{
    width:42%;
    float:left;
    margin-left:2%;
}
.justdial_form{
    width: 460px;
}
.ml{
    margin-left: 10px;
}
 .firdt_latter_user{
    width: 30px;
    height: 30px;
    border: 1px solid #ef4947;
    text-align: center;
    border-radius: 50%;
    padding-top: 5px;
    position: absolute;
    left: -17px;
    top: 14px;
    background: #ef4947;
}
.firdt_latter_user h6{
    color: #fff;
    font-size: 16px;
    margin: 0px;
}
@media only screen and (max-width: 1280px){
    
.main_conatainer {
    height: 0px;
}
.login_form {
    width: 290px;
    height: 500px;
}
    form.form_1{
        width:56%; 
        float:left;
        border-right: 1px dotted;
    }
    form.form_2{
        width:42%;
        float:left;
        margin-left:1%;
    }
    .justdial_form{
        width: 422px;
    } 
    .buynow_price_parent{
        height: 305px;
    }
    .firdt_latter_user{
        padding-top: 6px;
    }         
}
.how_it_work{   
}
.how_it_work a span{
    background-color: #fff;
    color: #000;
}
.sms_note{
    background: #ef4947de;
}
.price_box_sms {
    background-color: #ef4947de;
}
.mar_bottom0{
    margin-bottom: 2px;
}
.tabel_padding>tbody>tr>td{
    border-top: 0px solid #ddd;
    height: 17px;    
}
table.border_right tr td{
    border: 1px solid #ddd;
}
table.border_right tr{
    border: none;
}
.border_bottom2{
    border: none;
}
span.limit_text_show{
    display:inline;
    color:red;
}
span.limit_text_hide{
    display:none;
}
.editor_mini_hieght{
    min-height: 100px;    
}
.fr2{
    float: right;
}
.fl2{
    float: left;
}
i.arrow_mar{
    margin-right: 12px;
    color: #656D78;
}
.margin_right2{
    margin-right: 20px;
}
.color2{
  color: #656D78;  
}
label.label_margin2{
    margin-left: 7px;
}
.padding2{
    padding-top: 20px;
}
h4.small-title label{
    color: #656D78;
}
.mar_bottom2{
    margin-bottom: 5px !important;
}
h4.width16{
    width:16%;
}
label.label_width{
    width: 80%;
}
h4.mr_bottom{
    margin-bottom: 3px;
}
label.color_label2{
   color: #656D78;  
}
.editor{
    border: 1px solid grey;
}
.padding-top-note{
    padding-top: 10px;
}
.mini_height_textarea{
    height:300px !important; 
}
.all_margin ol{
    margin-left: 15px;
    padding-left: 0px;
}
.all_margin ul{
    margin-left: 15px;
    padding-left: 0px;
}
label.all_margin{
    font-weight: normal;
    word-break: break-word;
}
label.printed_label{
    height: 30px;
    overflow: hidden;
}
.plua_minus{
    float: left;
    width: auto;
    height: auto;
    text-align: center;
    margin-left: 5px;
}
.toggole_minus{
    display: none;
}
.display_none1{
    display: none;
}
.display_block1{
    display: block;
}
.plua_minus a{
    text-decoration: none;
}
.height_auto{
    height: auto !important;
}
.plua_minus{
    display: none;
}
.new_class{
    display: block;
}
.modal-backdrop{
    display: none !important; 
}
.note-editor{
    float: left;
}
.label_mar_left label{
    margin-left: 7px;
}
.width_auto{
    width: auto;
    margin-right: 10px;
    float: left;
}
.assi_click{
    display: none;
}
.show_user_row{
    display: block;
}
.width100{
    width: 100%;
    float: left;   
}
.users_row{
    margin-left: 10px;
}
.jd_img_mar{
    margin-top: 5px;
}
/*new bananner css*/
body.new_login{
    padding-top: 0px;
    background-color: #f2f2f2;
}
.login_width{
    width: 100%; 
    float: left;
    background-color: #f2f2f2;
    padding-top: 20px;
}
.main_conatainer{
    width: 1080px;
    height: 460px;
    margin: 0 auto;
    border-radius: 19px;
    overflow: hidden;
}
.left_side{
    width: 50%;
    height: 100%;
    float: left;
    background: #fd4350;
    padding: 20px;
    position: relative; 
}
.right_side{
    width: 50%;
    height: 100%;
    float: left;
    padding: 20px;
    background: #fff;
    position: relative;   
    padding-right: 0px;
}
.login_form{
    width: 290px;
    height: 260px;
    position: relative;
    top: 18%;
    margin: auto;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 15px 1px #0000006e;
} 
.foreget_password{
    width: 290px;
    height: 260px;
    position: relative;
    top: 18%;
    margin: auto;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 15px 1px #0000006e;
}   
.opt_section_newlog{
    width: 290px;
    height: 260px;
    position: relative;
    top: 18%;
    margin: auto;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 15px 1px #0000006e;
}
.new_password{
    width: 290px;
    height: 260px;
    position: relative;
    top: 18%;
    margin: auto;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 15px 1px #0000006e;
}
.banqueteasy_heading{
    width: 100%;
    float: left;
    height: 75px;
    overflow: hidden;
    text-align: center;
}
.banqueteasy_heading h1{
    font-size: 110px;
    top: -25px;
    position: relative;
    color: #f8f8f8;
    text-shadow: -3px -2px 10px #0000001f;
}
.left_side h4{
    margin: 0;
    font-size: 17px;
    margin-top: 7px; 
}
.let_kick{
    position: relative;
    top: 32%;    
}
.let_kick h3{
    margin: 0px;
    text-transform: capitalize;
}
.let_kick p{
    margin: 0px;
    text-transform: capitalize;
    font-size: 13px;
    float: left;
    width: 63%;
}
.home_bottom{
    position: absolute;
    bottom: 16px;
}
.right_side_bottom h5{
    margin: 0px;
    text-transform: capitalize;
    font-size: 14px;
    float: left;
}
.right_side_bottom a:hover{
    color: #fff;
}
.right_side_bottom span{
    font-size: 13px;
    margin-right: 5px;
}
.header_navbar{
    width: 100%;
    float: left;
    text-align: right;    
}
.right_side_bottom{
    position: absolute;
    bottom: 16px;
    right: 18px;
}
.home_bottom p{
    margin: 0;
    color: #fff;
}
.color_white{
    color: #fff;
}
.width_form1{
    width: 100%;
    float: left;
}
.color_form{
    color: #5d5d5d;
}
.heading_login_h4 h4{
    border-bottom: 2px solid #fd4350;
    /* width: 40px; */
    /* margin: 0 auto; */
    padding-bottom: 4px;
    float: left;
    text-transform: capitalize;
    font-weight: 400;
}
.mian_parent{
    position: absolute;
    right: 0px;
    left: 0;
    padding: 10px;    
}
.input_style input{
    width: 100%;
    border: none;
    padding: 6px;
    outline: none;
    font-weight: 400; 
    padding-right: 20px; 
}
.input_style_otp input{
width: 55px;
    border: none;
    height: 29px;
    border-bottom: 1px solid #e7e7e7;
    margin-right: 6px;
    outline: none;
    font-weight: 400;
    float: left;
    text-align: center;
}
.margin_top_login{
    margin-top: 10px !important;
}
.border_bottom{
    border-bottom: 1px solid #e7e7e7;
}
.icon_style{
    position: absolute;
    right: 5px;
    top: 9px;
    width: 15px;
    text-align: center;    
}
.pr{
    position: relative;
}
.submit_button_login input{
    width: 90%;
    outline: none;
    border-radius: 19px;
    border: 1px solid #ff3b49;
    font-size: 18px;
    padding: 3px 1px;
    color: #fff;
    text-transform: capitalize;
    background-color: #ff3b49 !important; 
    margin-left: 14px;  
    box-shadow: -1px 1px 6px 5px #ff3b4933; 
}
.signin{
    text-align: center;
    text-transform: capitalize;
}
.signin span a{
    color: #ff3b49;
}
.banqueteasy_logo_new_login{
    width: 150px;
    float: right;    
}
.banqueteasy_logo_new_login img{
    width: 100%;
}
.back_img_section{
    background-image: url(../images/round.jpg);
    height: 345px;
    float: right;
    width: 149px;
    background-repeat: no-repeat;
    background-position: center;
}
.mar_top2{
    margin-top: 15px;
}
.Browser_img_bottom{
    width: 20px;
    float: left;
    height: 20px;
    margin-left: 7px;
    margin-top: -3px;
}
.Browser_img_bottom img{
    width: 100%;
    height: 100%;
}
.mar_right2{
    margin-right: 20px;
}
.mar_right3{
    margin-right: 7px;
}
.display_none{
    display: none;
}
h4.font_label_login{
    text-transform: capitalize;
    font-weight: 400;
    margin: 0 auto;
    border-bottom: 2px solid #fd4350;
    width: 168px;
    padding-bottom: 4px;
}
h4.width_opt1{
    width: 82px;
}
.text_align_center{
    text-align: center;
}
.mar_left2{
    margin-left: 23px;
}
.show_forget{
    display: block;
}
.width80{
    width: 86%;
    float: none;
    margin: 0 auto;    
}
.margin_left25{
    margin-left: 25px;
}
.mini_height_new_login{
    min-height: 100px;
    float: left;
    width: 100%;
}
.update{
    position: absolute;
    right: 22px;
    top: 113px;
    text-align: right;
    width: 63%;
    max-height: 230px !important;
    overflow: hidden;
}
.update p{
    margin: 0 0 2px;
    border-bottom: 1px solid #fd435024;
    float: right;    
}
.color_laber_red i{
    color: red;
}
.display_block_owl_carousel{
    display: block !important;
    overflow: hidden;
}
.p_style p{
    color: #656D78;
    text-align: justify;
    margin: 0 0 2px;
    border-bottom: 1px solid #fd435024;
    float: right;
    word-break: break-word;
    font-size: 12px;
}
.display_block_owl_carousel h4{
    font-weight: bold;
    color: black;
    text-align: right;
    margin: 8px 0px 0px 0px;
    font-style: italic;
    font-size: 12px;
}
.display_block_owl_carousel .owl-nav button.owl-prev{
    background: transparent;
    outline: none;
    border: none;
    font-size: 30px;
    color: black;
    line-height: 15px;
    height: 25px;
}
.display_block_owl_carousel .owl-nav button.owl-next{
    background: transparent;
    outline: none;
    border: none;
    font-size: 30px;
    color: black;
    line-height: 15px; 
    height: 25px;
}
.display_block_owl_carousel label{
    font-weight: bold;
    color: red;
    width: 100%;
    float: left;
    text-align: right;
}
.update h3{
    margin: 0px;
}
.owl-carousel.display_block_owl_carousel .item {
    padding: 9px 8px;
    margin: 0px;
    color: #FFF;
    text-align: center;
}
.width_form2{
    width: 1080px;
    margin: 0 auto;
}
.width_form2 p{
    font-size: 12px;
    margin-top: 10px;
}
.width-auto{
    margin: 0 auto;
    width: max-content;    
}
.boder_less {
    border: none;
    padding: 7px 118px 0px 0px;
    outline: none;
    -webkit-appearance: none;
    margin-bottom: 4px;
    }


/*new login page media query*/
@media only screen and (max-width: 1280px){
.main_conatainer{
    width: 920px;
}
.login_width {
    width: auto; 
    height: auto; 
    float: left;
    background-color: #f2f2f2; 
    padding-top: 20px;
}
}

@media only screen and (max-width: 768px){
 .icon_icon p{
    right: 281px!important;
 }
 .right_side{
    display: none;
 }
 .left_side{
    display: none;
 }
.banqueteasy_heading {
     overflow: unset;
}
.banqueteasy_heading h1 {
    font-size: 58px;
    top: 15px;
    position: relative;
    color: #f8f8f8;
    text-shadow: -3px -2px 10px #0000001f; 
}
body.new_login {
    float: left;
}
.login_form {
    top: 5%;
}
.main_conatainer {
    width: 768px;
    height: 326px;
}
.bottom_p_tag{
    display: none;
}
}
@media only screen and (max-width: 480px){
 .main_conatainer {
    width: 480px; 
} 
 .icon_icon p{
    right: 136px!important;
}  
}
@media only screen and (max-width: 420px){
 .main_conatainer {
    width: 420px; 
}   
}
@media only screen and (max-width: 375px){
 .main_conatainer {
    width: 375px; 
}   
.icon_icon p{
    right: 82px!important;
}
}
@media only screen and (max-width: 360px){
 .main_conatainer {
    width: 360px; 
} 
.icon_icon p{
    right: 80px!important;
}  
}
@media only screen and (max-width: 320px){
 .main_conatainer {
    width: 320px; 
}   
.icon_icon p{
    right: 56px!important;
}
}
@media only screen and (max-width: 1930px){
    .banqueteasy_heading_pos h1 {
        font-size: 63px;
        top: 7px;
    } 
}
@media only screen and (max-width: 414px){
    .banqueteasy_heading_pos h1 {
        font-size: 60px;
        top: -30px;
    } 
    .banqueteasy_heading_pos{
        height: 34px;
    }

    .login_form_height{
    min-height: 455px;
    }
    .main_conatainer_pos{
    height: auto;
    overflow: unset;
    }
    .main_phone{		/*Abby*/
    margin-top: 12px;
    }
    .pos_footer{
    float: left;
    width: 100%;
    text-align: center;   
    }
    .pos_footer p{
    color: #5D5D5D;
    }
    .bottom_logo{
    width: 100px;
    float: left;
    height: 45px;
    display: flex;
    align-items: center;
    }
    .bottom_logo img{
    width: 100%;
    float: left;
    }
    .bottom_logo:nth-child(1){
    margin-right: 10px;
    }
    .pos_footer_mar0{
    margin: 0 auto;
    width: max-content;
    margin-top: 10px; 
    }
    .foreget_password{
    top: 16px;
    }
    .main_phone{
    margin-top: 14px;
    width: 100%;
    }
    .boder_less {
    border: none;
    padding: 7px 118px 0px 0px;
    outline: none;
    -webkit-appearance: none;
    margin-bottom: 4px;
    }
    .mian_parent{
    padding: 0px;
    }
    .icon_icon p{
    right: 105px!important;
    }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
}
.banqueteasy_heading_pos{
   overflow: unset;
}
.oveflow_unset.add-hall-tog{
    overflow: hidden!important;
}
.oveflow_unset{
    overflow: unset;
}
.hours{
    position: absolute;
}
.carousel-inner>.item{
    height: 200px;
}
.thumbnail_2{
  padding: 0px;
  border:none;
  background-color: transparent;
  margin-bottom: 0px;   
}
.owl_button_fix{
    color: black;
    opacity: unset;
    top: unset;
}
.owl_button_fix:hover, .owl_button_fix:focus{
    color: black;
    opacity: unset;
}
.owl_button_right{
    right: 0px;
}
.owl_button_left{
    left: unset;
    right: 50px;
    width: auto;
}
.carousel-control.left{
    background-image: unset !important;
}
.carousel-control.right{
    background-image: unset !important;
}
.Enter_Password{
    text-align: center;
    width: 100%;
}
.Enter_Password button{
    width: 100px;
    outline: none;
    border-radius: 19px;
    border: 1px solid #ff3b49;
    font-size: 18px;
    padding: 3px 1px;
    color: #fff;
    text-transform: capitalize;
    background-color: #ff3b49 !important;
    box-shadow: -1px 1px 6px 5px #ff3b4933;
}
.Enter_Password h4{
    font-size: 30px;
    margin: 11px;
}
.Enter_Password input{
    border: none;
    padding: 6px;
    outline: none;
    font-weight: 400;
    padding-right: 20px;
    border-bottom: 1px solid #e7e7e7;
}
.icon_icon{
    position: relative;
}
.icon_icon p{
    right: 579px;
    bottom: 6px;
    position: absolute;
}
.parant_datetime .hours{
    position: relative;
    z-index:1; 
    margin-bottom: 10px;
}

.food-header{height:27px; background:#3BAFDA; color:#ffffff; padding:3px; margin-bottom:5px}
.food-items-select-box{overflow:hidden}
.food-items-select-box li{float:left; list-style:none; padding-right:10px}
.font-12{font-size:12px}
.food-qty{font-size:11px; padding:2px}
.food-unit{font-size:11px; padding:2px}
.ingredname{padding-left: 0px; font-size: 12px; width: 58.33333333%; float: left;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.abby_def{
	/*width: 50%;
	float: left;
	font-size: 17px;
	font-family: 'Roboto Slab', serif;*/
    width: 50%;
    float: left;
    font-size: 13px;
    font-family: inherit;
    padding: 6px 6px;
}
.abby_pcall p{
	/*float: left;
	padding: 9px 5px 1px;
	font-size: 17px;
	font-family: 'Roboto Slab', serif;*/
    float: left;
    padding: 9px 5px 1px;
    font-size: 13px;
    font-family: inherit;
    color: #ffffff;
	}
.box7{
	/*width: 20%;
	height: 32px;*/
    /*width: 20%;
    height: 30px;
	float: left;
	padding: 3px 0px;
	text-align: center;*/
    width: 20%;
    float: left;
    font-size: 13px;
    font-family: inherit;
    padding: 6px 6px;
    text-align: center;
	}
.namespace4{
	border: 1px solid #dddddd;
	padding: 5px 0px;
	float: left;
	margin-left: 4px;
	width: 80px;
	overflow: hidden;
	height: 33px;
	text-align: center;
}
.namespace5 {
	border: 1px solid #dddddd;
	padding: 5px 0px;
	float: left;
	margin-left: 4px;
	width: 80px;
	overflow: hidden;
	height: 33px;
	text-align: center;
}
.abby_heading{
		height: 50px;
		color: #555555 !important;
        padding: 10px 0px;
		}
.abby_denger{
	padding-top: 10px;
}

.abby_def_w30{width: 30% !important;}
.box7-w10{width: 10% !important;}

.height_30px{height:30px}
.fi_row{margin-bottom:10px; width:100%; float:left}

.fp-rate-row{width:100%; float:left; margin-bottom:2px}
.fp-rate{width:50px; float:right; padding:0px 5px; font-size:14px; border: 1px solid #ddd; margin-right: 10px;}
.tras-tr{
    background-color: #F2F3F5;
    transition: all 0.9s ease;
}
.ulnew-style{
	padding-left: 11px;		
}
.ulnew-style .form-group{ 
	margin-bottom: 5px;
}
.ulnew-style .form-group span{ 
	font-size: 14px;
}
.bmro-poul{
    padding-left: 0; 
}
.formulacol{
    width: 100%;
    display: inline-block;
    margin-top: 6px; 
}
.formulacol .form-group{
    margin-bottom: 6px;
}
table.Createtable{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
table.Createtable th{
    background-color: unset;
    color: #656D78;
}
table.Createtable th,table.Createtable td{
    border: 1px solid grey;
    padding: 1px 5px;
}
.theboxinline{
    width: 100%;
    display: inline-block;
}
.intiboxborder{
    margin-left: 10px;
}
.intiboxborder .col-xs-12{
    padding-left: 0px;
}
.formgupmb .form-group{
    margin-bottom: 5px;
}
.ainline a{
    position: relative;
    top: 5px;  
}
.iconptcol .icon-collapse{
    top: 0px;
}
.pbodymt{
    margin-top: 10px;
}
.ingredname-width{
    width: 56%;
}
.mb5{
    margin-bottom: 5px;
}
.bmro-poul li .form-group{
    margin-bottom: 2px;
}
.ingredname-width2{
    width: 54.333333%;   
}
.rowml0{
    margin-left: 0px;
}
.intiboxborder-p0{
    padding-left: 0;
}
.formgroup-mb{
    margin-top: 15px;
} 
.formgroup-mb .form-group{
    margin-bottom: 15px;
}
.acolor-parent a{
    color: #656D78;
}
.cancelimg{
    width: 180px;
    float: right;
    position: absolute;
    right: 23px;
    top: 10px;
}
.cancelimg img{
    width: 100%;
}

.oil{min-width:150px; float:left}
.margin-b-5{margin-bottom:5px}
.label-mb{
    padding-top: 4px;
    margin-bottom: 0px;
}
.label-mb input{
    margin-top: 1px;
}
.foodcolor{
    color: #656D78;   
    font-weight: 400;
    font-size: 14px;
}
.pt5{
    display: inline-block;
    margin-top: 12px;
}
.headwidth{
    width: 100%;
    float: left;
    height: auto;
    padding-bottom: 7px!important;
}
.intiboxborder-ml0{
    margin-left: 0px;
}

.no-formula{float:left;margin-right: 23px;}
.foodlist-small-heading{width:100%; float:left; font-weight:bold}
.foodlist-block{padding-left:15px;}

.quot-rev-box{display:none; width:400px; background:#DDDDDD; z-index:99999; position:absolute; right:10px; top:30px}
.checkboxinput{
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    margin-right: 3px!important;
    width: 12px!important;   
}
.label-mb0{
    margin-bottom: 0px;
}
.subtitlelable{
    font-weight: 500;
    float: left;
    margin: 0px 0px 3px 0px;
}
.quoparent{
    width: 100%;
    float: left;
    display: flex;
}
.otherchar-menu{
    max-width: 25%;
}
.quofix-wdith{
    width: 50px!important;
    margin-right: 0px;
    border: 1px solid #ddd;
    padding: 4px 0px;
    border-right: 0px;
    border-left: 0;
    box-sizing: border-box;
}
.quofix-wdith input{
    font-size: 11px;
    padding-left: 5px;
    padding-right: 3px;
    font-weight: 400;
    border: none;
    border-right: 1px solid #37BC9B;
    margin-right: 0px;
    height: 20px;
}
.quofix-wdith input:focus{
    border-color: #ddd
}
.table-layout tbody tr{
    border-left: 3px solid transparent;
}
.quoparent .quofix-wdith:last-child{
    border-left:none;
}
.quoparent .quofix-wdith:last-child{
    border-right: 1px solid #ddd; 
}
.quoparent .quofix-wdith:last-child input{
    border-right: 0px solid #ddd;
}
.borderdotte-top{
    border-top: 1px solid #37BC9B;
    margin-top: 8px;
    margin-left: 10px;    
}
.bookreargmd1-width{
    width: 59%;
}
.bookreargmd2-width{
    width: calc(41% - 10px);
}
.borderdotte-top .quoparent:nth-child(2n+1){
    margin-right: 0px;
}
tr.q-revs{
    background-color: #f1f3f6;
    border-left: 3px solid #3bafda!important;
}
tr.colarrow{
   border-left: 3px solid #e24746!important; 
}
tr.q-revs:hover td{
    background-color: #f1f3f6!important;
}
tr.q-revs td:first-child{
    padding-left: 24px;
}
tr.q-revs td{
    border-top: none!important;
}
.arrowdown{
    background-image: url('../images/downarrow.png');
    float: left;
    width: 12px;
    background-repeat: no-repeat;
    background-size: 11px;
    position: relative;
    top: 5px;
    margin-right: 4px;
    height: 14px;
    opacity: unset;
    box-shadow: unset;
    background-color: unset;
    transition: all 0.5s ease;
    cursor: pointer;
}
.colarrow .arrowdown{
    background-image: url('../images/ArrowDown.png');
}
.table-layout{
    table-layout: fixed;
}
.arrowspace{
    float: left;
    width: 16px;
    height: 4px;   
}
.lableparent{
    float: left;
    width: 100%;    
}
.borderinpu{
	/*width: 50px;*/
}
label.labelquo{
    width: 50px;
    float: left;
    margin-bottom: 5px;    	
}
.border-left{
    border-left: 1px solid #ddd;
}
.text-right{
    text-align: right;
}
.monopolywidth{
    width: 70px!important;
}
.paxwidth{
    width:50px !important;
}
.totalpax{
    width:75px !important;
}
.oc-gst{
    width:50px !important;
}
label.pax-po{
    position: absolute;
    top: 0px;
    right: 4px;
    font-size: 7px;
    color: #3bafda;  
}
.monowidth{
    width: 100%!important;
}
.bookingonline{
    min-height: 131px;
}
.leadsheight{
    min-height: 131px;
}
.customerheight{
    min-height: 132px;
}
.macon_pos{
    height: auto;
    overflow: unset;
}
.macon_pos .login_form{
    height: auto;
    min-height: 510px;
}
.input-ml0 input{
    margin-left: 0px;
}
.foodpack-input-parent{
    position: relative;
}
.foodpack-input-parent input{
    padding-right: 120px;
}
.openlight-food{
    position: absolute;
    right: 20px;
    z-index: 2;
    top: 7px;
    cursor: pointer;
    color: #ef4947;
    font-size: 10px;
    display: none;
}
.foodpack-input-parent .openlight-food{
    display: block;
}
.foodsslider{
    position: fixed;
    right: -1500px;
    width: 50%;
    transition: all 0.5s ease; 
    background-color: #fff;
    z-index: 3;
    top: 0;
    height: 100%;
    bottom: 0px;
    padding: 60px 15px 15px 15px;
    -webkit-box-shadow: -11px 0px 13px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: -11px 0px 13px -8px rgba(0,0,0,0.75);
    box-shadow: -11px 0px 13px -8px rgba(0,0,0,0.75);    
}
.foodsslider-show{
    right: 0px;
}
.close-foodslider{
    color: #fff;
    background-color: #656D78;
    padding: 0px 6px;
    font-size: 17px;
    margin: 9px 6px 2px 5px;
    display: inline-block;
    cursor: pointer;
}
.close-foodslider:hover{
    background-color: #ef4947;
}
.foods-textarea{
    width: 100%!important;
    min-height: 70px;
    padding: 2px 7px;  
}
.desclabel{
    padding: 0px 6px 4px;
    display: block;
    font-weight: 600;
}
.openlight-food span{
    height: 15px;
    float: left;
    font-size: 14px;
    line-height: 12px;
    border: 1px solid;
    padding: 0px 3px 3px 4px;
    margin-right: 3px;
    font-weight: 600;
    color: #fff;
    background-color: #3bafda;
    position: relative;
    top: 1px;
}
.foods-textarea:focus{
    outline: none;
}
.heading-input input{
    width: 75%;
    display: inline-block;
}
.heading-input .openlight-food{
    position: relative;
    display: block;
    float: right;
    /* top: 0; */
    right: 0;
}
.Reference-createinvo{
    text-align: center;
    margin-bottom: 2px;
}
.same-createinvoice{
    width: 32%;
    float: left;
}
.same-cre-mr{
    margin-right: 15px;
}
.descparent{
    margin-top: 2px;
    margin-bottom: 3px;
}
.form-groupmb .form-group{
    margin-bottom: 10px;
}
.hr-invoice{
    border-bottom: 1px solid #37BC9B;
    margin-bottom: 3px;    
}
.hr-invoice-padd{
    padding-bottom: 9px
}
.addmore-parent{
    width: 200px;
    float: left;
}
.create-sticky{
    position: sticky;
    bottom: 0px;
    z-index: 3;
    background-color: #fff;
    border-top: 1px solid #37BC9B;
    padding-top: 10px;
}
.filter-collaps{
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
}
.filter-show{
    height: 65px;
}
.lessfilter-label{
    display: none;
}
.filter-more-less .lessfilter-label{
    display: block;
}
.filter-more-less .morefilter-label{
    display: none;
}
.newslide{
  transition: all 0.9s ease-in-out;
}
.newslide-show{
  right: 0px;
}
.morefilter a{
  background-color: transparent;
  border-color: transparent;
  color: #656D78;
  font-size: 11px;
}
.morefilter a:hover{
  background-color: transparent;
  border-color: transparent;
  color: #656D78;
}
.morefilter a:focus{
    background-color: transparent;
    border-color: transparent;   
}
.label{
  border-radius: 0px;
}
.car-cap-new{
    right: 0%!important;
    top: 0!important;
    left: unset!important;
    padding-bottom: 30px!important;
    text-align: right!important; 
    text-shadow: unset;  
}
.style-element h4{
    font-weight: bold;
    color: black;
    text-align: right;
    margin: 8px 0px 0px 0px;
    font-style: italic;
    font-size: 12px;    
}
.style-element p {
    color: #656D78;
    text-align: justify;
    margin: 0 0 2px;
    border-bottom: 1px solid #fd435024;
    float: right;
    word-break: break-word;
    font-size: 12px;
}
.style-element label {
    font-weight: bold;
    color: red;
    width: 100%;
    float: left;
    text-align: right;
}
.table > thead > tr > th {
    background-color: #37bc9b;
}
.car-inner .item{
    height: auto;
    min-height: 110px;
}
.btn-success:hover{
    background-color: #19a3d6;
    border-color: #19a3d6;
}
#header-fixed { 
    position: fixed;
    top: 68px;
    display: none;
    background-color: white;
    width: 100%;
}
.curousel_arrow .owl_button_fix {
    color: black;
    opacity: unset;
    top: unset;
    position: unset;
    margin-left: 9px;
    text-shadow: unset;
}
.submit-ml0 input{
    margin-left: 0px;
}
@media only screen and (max-width: 1280px){
    .style-element p{
            margin-left: 22px;
    } 
}

.morefilter img{
    height: 20px;
    float: left;
    margin-right: 4px;
}
.morefilter span{
    float: left;
    text-align: left;
    line-height: 10px;
}
.morefilter{
    min-width: 70px;  
}
.btn {
    border-radius: 0px!important;
}
.same-height-panel .panel{
    height: 100%;
}
.headerbtn-collaps{
    height: 0px;
    overflow: hidden;
    transition: height 0.9s;
}
.center-icon-collaps{
    position: relative;
    width: 100%;
    float: left;
}
.center-icon-collaps img{
    position: absolute;
    left: 50%;
    z-index: 1;
        top: -13px;
    height: 13px;
    cursor: pointer;
}
.radio-type .radiolabel{
    width: 100%;
    margin-bottom: 4px;    
}
.radio-type .{
    display: inline-block;
}
.radio-type input{
    margin-top: 1px;
    margin-right: 5px;
}
.headerbtn-collaps-show{
    display: block;
    height: 43px;
}
.appo-color{
   background-color:  #893e8a;
}
.appo-color:hover{
   background-color:  #893e8a;
}
.up-img,.img-show-hide .down-img{
    display: none;
}
.img-show-hide .up-img{
    display: block;
}
.appo_form{
    display: none;
}
.cursor-poiter{
    cursor: pointer;
}
.appo_form_show{
    display: block;
}
.appo_form .row{
    margin-left:0px;
}
.fllowsave_parent{
    text-align: center;
    margin-bottom: 10px;
    border-top: 1px dotted #d5dae0;
    padding-top: 5px;    
}
.food-menu-parent .preapend-dv1 input {
    display: inline-block;
    /* width: 100%; */
    height: 24px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #f35429;
}

.food-menu-parent .preapend-dv1 button{
    display: inline-block;
    padding: 1px 7px;
    /* line-height: 20px; */
    position: relative;
    top: -1px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;    
    background-color: #3B5A98;
    color: #fff;
}


.img-collaps{
    font-size: 10px;
    background-color: #e4514b;
    border: none;
    color: #fff;
    font-weight: 500;
    position: absolute;
    top: -17px;
    left: 45%;
    padding: 1px 6px;
    z-index: 3;
    cursor: pointer; 
    width: 120px;
    text-align: center;   
}
.up-img{
    display: none;
}
.headerbtn-collaps{
    height: 0px;
    width: 100%; 
}
.with_toggle .down-img{
    display: none;
}
.with_toggle .up-img{
    display: inline-block;
}
.with_toggle .headerbtn-collaps{
    display: block; 
    height: 33px;   
    width: 100%; 
}
.addappoinment_table table tr th,.addappoinment_table table tr td{
    padding: 1px 7px;  
    border:1px solid #ddd;  
    line-height: 1.42857143;
    vertical-align: unset;
    font-size: 12px;
}
.addappoinment_table table tr th{
    word-break: break-word;
    color: #656D78;
    background-color: transparent;
    width: 205px;
}
.addappoinment_table table tr td{
    color: #656D78;
}
.tableinput_paddding{
    padding: 0!important;
    height: auto;
    border: none;   
}
.tableinput-label input{
    position: relative;
    top: -3px;
    margin-right: 4px;   
}
.table-event{
    position: relative;
    top: -1px;
}
.table-mb0{
    margin-bottom: 0px;
}
.radionuton-parent{
    width: auto;
}
.appdetails-center{
    width: 560px;
    margin: 0 auto;
    min-height: 70px;
}
.raidoborder{
    border: 1px solid #ddd;
    padding: 3px 4px;
    height: 30px;    
}

.sms-setup{
	color: #fbfbfb;
	background-color: #1473C3;
	padding: 0px 10px;
}
.remaining-sms{
	color: #ffffff;
	background-color: #f1605e;
	padding: 0px 10px;
	margin-left: 10px;
}
.sms-parent{
	margin-bottom: 7px;
}
.price_box_sms{
	border-radius: 0px !important;
}
.buynow_price_parent{
	border-radius: 0px !important;
}
.tooltip-box{
	display: none;
	position: absolute !important;
	top: 20px;
	/* bottom: 0px; */
	right: 3px;
	/* left: 0px; */
	background-color: #000000de;
	min-width: auto;
	height: auto;
	z-index: 100;
	padding: 12px 14px;
	animation: unset !important;
	text-align: left;
	white-space: nowrap;
}
.tooltip-box label{
	font-size: 14px;
	color: #fff;
	margin-right: 11px;
	font-weight: normal;
}
.hover-td{
	opacity: 1!important;
}
.tooltip-details span,.inner-office-span {
	display: inline-block;
	padding: 3px 5px;
	font-size: 8px;
	border-radius: 100%;
	margin-right: 6px;
	background-color: #37bc9b;
}
.cross-icon-bg span,.inner-office-span span{
	background-color: #ff8100;
}
.tooltip-details{
	width: 100%;
	float: left;
	animation: unset !important;
}
.position-relative-a{
	position: relative;
}
.tooltip-active .tooltip-box{
	display: block;
}
.cross-icon-bg span{
	color: #000;
}
.tooltip-box .tooltip-details:first-child{
	margin-bottom: 5px;
	border-bottom: 1px dotted #37bc9b;
}
.pbsteps li{
	display: inline;
	margin-right:10px}
	.pbsteps{    
		width: 100%;
		float: left;
		padding-left: 0;
		margin-bottom: 4px;
	}
	.pbsteps .label span{
		margin-right:5px;
		padding-top: 6px;
	}
	.pbsteps button{
		outline: none;
		border: none;
		display: inline-block;
		padding: 3px 6px;
		padding-top: 6px;
		background: transparent;
		color: #656D78;
		padding-left: 0px;
	}
	.pbsteps input{
		float: left;
		margin: 0;
		margin-right: 5px;
	}

.inner-office-span {
	padding: 0;
    color: #fff;
    width: 20px;
    height: 20px;
}

.cros{display:none}
.cross-icon-bg .cros{
	display:inline-block
}
.cross-icon-bg .tick{
	display:none
}
.step-checkbox{
	width: 100%;
	float: left;
	padding-top: 9px;
}
.step-input{
	padding-top: 6px;
	width: 100%;
	float: left;
	padding-bottom: 9px;
}
.steps-border-none.active .editersmaind{
	border: none!important;
}
.tooltip-active-left .tooltip-box{
	  right: -481px !important;
 }

.ac-div{background-color:#5050FF; color:#FFFFFF}
.clearSearch-btn{height: 28px; display: inline-block; padding: 8px; margin-top: 1px; font-size: 12px; border-radius: 3px; cursor: pointer;}
.cler-btn{
	position: absolute;
	right: 5px;
	top: 5px;
	background-color: #CCCCCC;
	border-radius: 100%;
	color: #fff;
	height: 17px;
	font-size: 10px;
	padding-top: 2.5px;
	width: 18px;
	padding-right: 0;
	text-align: center;
	display: block;
	padding-left: 0;
}

.ac-div {
     background-color: #ffffff;
    color: #333333;
    font-size: 12px;
	border-bottom: 1px solid #E0E0E0 !important;
}

.ac-div:hover{
	 background-color: #E0E0E0 important;
	 color:#fff !important;
	 border-color: #E0E0E0 !important;
	 border:none !important;
	 border-bottom: 1px solid #E0E0E0 !important;
}
.ui-menu .ui-menu-item{
	padding: 0px !important;
}
.ui-menu .ui-menu-item-wrapper{
	padding: 8px 1em 7px .4em !important;
}
.ac-div.ui-state-active{
	background: #E0E0E0 important;
	background-color: #E0E0E0 important;

}
.ui-autocomplete-input{
	padding-right: 40px;
}
.food-menu-pt{
	width: 13.666667%;
    padding-top: 5px;
}
.input-height-small{
	height: 24px;
}
.ui-state-active{
	background: #f2f2f2;
}
.ui-menu{
	overflow: hidden;    
	height: auto !important;    
	border: 0px solid #c5c5c5!important; 
	box-shadow: rgba(0, 0, 0, 0.75) 2px 2px 5px 1px;
}

/************************** CREATE/EDIT INVOICE *****************************/
.inv-desc{width:15%; float:left; margin:0px }
.inv-hsn{width:7%; float:left; margin:0px 4px}
.inv-vat{width:1%; float:left; margin:0px 4px}
.inv-rate{width:6%; float:left; margin:0px 0px}
.inv-qty{width:6%; float:left; margin:0px 0px}
.inv-disctype{width:13%; float:left; margin:0px 0px}
.inv-slab{width:5%; float:left; margin:0px 4px}
.inv-gst{width:6%; float:left; margin:0px 0px}
.inv-total{width:8%; float:left; margin:0px 0px 0px 0px}
.width-50{width:50%; float:left}
/************************** CREATE/EDIT INVOICE *****************************/

.pointer{cursor:pointer}

.twinkling-btn{border:none; background:none; outline:none; }
.twinkling-text{animation:tada 2s linear infinite;}
.tform{overflow:hidden; height:auto}
.collapsed{max-height:36.5px;}
.expanded{max-height:none}

.chargeable-food-items{width:100%; font-size:12px; margin-top: 13px; height: 30px; padding: 0px;}
.addon-food-item-block{float:left; border:1px solid #AAAAAA; padding:8px 10px 0 0px; margin:0px -5px 10px 10px}
.fptotalcharges{width: 100%; float: left; height: 10px; text-align: right; font-size: 10px;}
.fp_viewselection{float: right; font-size: 15px; color: #ca4042; cursor:pointer}

.cls-arrow{width:15px; float:left; text-align:left}
.cls-item{width:110px; float:left; text-align:left; padding-top:3px}
.cls-rate{width: 92px;
    float: left;
    text-align: left;
    padding-top: 2px;
    padding-left: 2px !important;}
.cls-pax{width:77px; float:left; text-align:left; padding-top:3px}
.cls-total{width:110px; float:left; text-align:left; padding-top:3px}

smalltitle{color:#b72a7d; font-size:15px; font-weight: bold;}
.addonfields{}
.mrgbtm5{margin-bottom: 5px;}

.food_button{
	position: sticky;
    bottom: 0;
    left: 38%;
	}
.padd-bot-scroll{
	padding-bottom:40px;
}

.border-none{
	border:none !important
}

.fp_box{z-index:10; width:100%; height:100%; overflow:hidden; position:fixed; background-color:#fff; top:0px; right: -100%; padding-top:0px;}
.fp_box.active{right: 0px !important}
.addaddonfp{cursor:pointer}

.fp_box_show{right:0% !important}
.fp_viewselection{display:none}
.fp_viewselection.active{display:block}

input[type='number']{
	-moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
	-webkit-appearance: none;
}

.scroll-d1.overwrite_scroll_1{
	overflow: auto !important;
}
.scroll-d1.overwrite_scroll_1.overwrite_scroll_off{
	overflow: hidden !important;
}

.display-none{display: none;}
.of-a{overflow: auto !important;}

.fp-rate.fp-rate-w40{width:40px}
.fp-rate.fp-rate-w50{width:50px}
.fp-rate.fp-rate-w55{width:55px}
.fp-rate.fp-rate-w65{width:65px}
.fp-rate.fp-rate-pad0{padding:0px}

.sayaji_fp_rate{width: 45px; float: left; padding: 0px 2px; margin: 0px 0px 0px 3px; border:1px #DDD solid}
.sayaji_fp_pax{width:45px; float:left; padding: 0px 2px; margin: 0px 0px 0px 3px; border:1px #DDD solid}
.sayaji_fp_subt{width:60px; float:left; padding: 0px 2px; margin: 0px 0px 0px 3px; border:1px #DDD solid}
.sayaji_fp_gstp{width:50px; float:left; padding: 0px 2px; margin: 0px 0px 0px 3px; border:1px #DDD solid}
.sayaji_fp_gst{width:60px; float:left; padding: 0px 2px; margin: 0px 0px 0px 3px; border:1px #DDD solid}
.sayaji_fp_total{width:60px; float:left; padding: 0px 2px; margin: 0px 0px 0px 3px; border:1px #DDD solid}