/**==============================================================* Body Layout**/
@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:  13px;
    color:  #5a5a5a;
    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:  #e4e3e3;
    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:  #efefef;
}
.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;
    padding:  0 0 30px 0;
}
.login-wrapper a, .login-wrapper a:hover, .login-wrapper a:focus {
    color:  #656d78;
}
.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:  70px;
    top:  0;
    left:  0;
    right:  0;
    background:  #fff;
	border-bottom: #cecece 1px solid;
    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 {
    background: none repeat scroll 0 0 #8ec641;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    height: 70px;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 250px;
    padding-top: 10px;
}
.logo-brand img {
    width:  auto;
    max-width:  135px;
}
.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;
    
    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:  7px;
    right:  5px;
}
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;
}
.avatar {
    width:  40px;
    height:  40px;
    position:  relative;
    margin-top:  -13px;
    margin-bottom:  -11px;
    /*margin-right:  5px;*/
}
.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 {
    background: none repeat scroll 0 0 #e8e9ee;
    margin-left: 250px;
    margin-top: 0;
    padding: 6px 0 0 0;
    transition: all 0.3s ease 0s;
    z-index: 2;
}
.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;
    height:  40px;
    padding:  12px 20px 12px 40px;
    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 20px;*/
    font-size:  18px;
    font-weight: 700;
    line-height:  100%;
    text-transform:  uppercase;
    color:  #656D78;
}
h1.page-heading small {
    text-transform:  none;
    color:  #ACB5BE;
}
/**-------------------------------------------FOOTER-------------------------------------------**/
footer {
    background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #e6e9ed;
    font-size: 13px;
    line-height: 170%;
    padding: 15px;
    text-align: center;
}
/**+++++++++++++++++++++++++++++++++++++++++++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:  8px;
    margin-bottom:  35px;
    background:  #fff;
    border:  1px solid #D5DAE0;
    position:  relative;
}
.the-box2 {
    padding: 8px;
	padding-bottom: 0px;
	margin-top: 20px;
    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:  15px;
    color:  #656D78;
    font-weight:  700;
    margin:  0;
    padding:  0;
    margin-bottom:  20px;
	text-transform: uppercase;
}
.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 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.fa, .glyphicon {
    margin:  0 3px;
}
hr {
    margin:  20px 0;
	border: 1px solid #e8e9ee;
}
a {
    color:  #8cc152;
}
a:hover {
    color:  #29AF8E;
}
a:focus {
    color:  #29AF8E;
}
.text-muted {
    color: #171717;
}
h1.text-primary, h2.text-primary, h3.text-primary, h4.text-primary, h5.text-primary, h6.text-primary, .text-primary {
    color:  #37BC9B;
}
h1.text-gray, h2.text-gray, h3.text-gray, h4.text-gray, h5.text-gray, h6.text-gray, .text-gray {
    color:  #DDDDDD;
}
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-gray {
    background-color: #fffff;
}
.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:  #5d5d5d;
}
.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:  5px;
}
.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:  5px;
}
/**-------------------------------------------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);
}
.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:  10px;
    padding-bottom:  10px;
}
.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:  #8cc152;
}
.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:  #8CC152;
    border-color:  #8CC152;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
    border-top-color:  #8CC152;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color:  #8CC152;
}
.panel-warning.panel-block-color > .panel-footer {
    color:  #fff;
    background-color:  #8CC152;
    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:  #8CC152;
    border-color:  #8CC152;
}
.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:  #8CC152;
    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:  #8cc152;
}
.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:  #8cc152;
    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:  #8cc152;
    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 {
    width: 100% !important;
}
.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:  #8cc152;
    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:  #e0e1e5;
    color:  #656d78;
}
.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 #c8c8c8;
    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:  #8cc152;
    -webkit-box-shadow:  inset 0 1px 1px rgba(0, 0, 0, 0),  0 0 8px rgba(140,  193,  82,  0.4);
    box-shadow:  inset 0 1px 1px rgba(0, 0, 0, 0),  0 0 8px rgba(140,  193,  82,  0.4);
}
.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:  #8cc152;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
    background:  #8cc152!important;
}
.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:  #c8c8c8;
}
.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:  #8CC152 !important;
    border-color:  #8CC152!important;
}
.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:  #8CC152;
    border-color:  #8CC152;
}
.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:  #e8aa2e;
    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-cancel {
    background-color:  #ec971f;
    border-color:  #ec971f;
}

.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-cancel:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    background-color:  #f69c1b;
    border-color:  #f69c1b;
}

.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:  #ebebeb;
    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:  #8cc152;
    color:  #fff;
    border-color:  #8cc152;
}
.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;
    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:  0px;
    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:  #595959;
}
.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:  310px;
}
.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;
    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 {
    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;
}
.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;
}
/**=====================================================FOR DEMO PURPOSE=====================================================**/.box-demo {
    position:  fixed;
    top:  70px;
    right:  -200px;
    background:  #242A34;
    z-index:  999;
    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;
}
}

/****** Company *******/
.border-btm {
	border-bottom: #8cc152 1px solid;
}
.height-custom
{
    height: 555px;
    overflow-y: scroll;
}

/******** Bootstrap Override *******/
.modal-lg {
    width: 900px;
	margin: 30px auto;
}
.green {
	color: #8cc152;
}
.present {
    background-color: #8cc152;
    padding:5px 10px 5px 10px;
    color: #fff;
}
.orange {
    background-color: #f58220;
    padding:5px 10px 5px 10px;
    color: #fff;
}
.red {
    background-color: #ed1c24;
    padding:5px 10px 5px 10px;
    color: #fff;
}
.gray {
    background-color: #9f9f9f;
    padding:5px 10px 5px 10px;
    color: #fff;
}

/******* Ram *****/
/******* Dasari *****/
.width2{width: 2%;}
.width6{width:6%;}

.marginBtm0{ margin-bottom:0px;}
.marginTop5{ margin-top:5px;}
.marginTop10{ margin-top:10px;}
.marginTop12{ margin-top:12px;}
.marginTop15{   margin-top:15px;}
.marginTop20{ margin-top:20px;}
.marginTop25{ margin-top:25px;}

.padding0{     padding:0px;}
.paddingLeft0{ padding-left:0px;}

.text-red{ color:red;}
.text-green{ color:#1fa67a;}

/******* Vishnu *********/

/******Profile Page*****/

.profile {
    position: relative;
}

.profile-classic .profile-image {
    position: relative;
}
.profile-classic .profile-edit {
    background: none repeat scroll 0 0 #000;
    color: #fff;
    font-size: 11px;
    margin: 0;
    opacity: 0.6;
    padding: 0 9px;
    position: absolute;
    right: 0;
    top: 0;
}
.profile-classic .profile-image img {
    margin-bottom: 15px;
}
.profile-classic li {
    border-top: 1px solid #f5f5f5;
    font-size: 13px;
    padding: 8px 0;
}
.profile-classic li:first-child {
    border-top: medium none;
}
.profile-classic li span {
    color: #666;
    font-size: 13px;
    margin-right: 7px;
}
.profile .tabbable-custom-profile .nav-tabs > li > a {
    padding: 6px 12px;
}
.profile ul.profile-nav {
    margin-bottom: 30px;
}
.profile ul.profile-nav li {
    position: relative;
}
.profile ul.profile-nav li a {
    background: none repeat scroll 0 0 #f0f6fa;
    border-left: 2px solid #c4d5df;
    color: #557386;
    display: block;
    font-size: 14px;
    margin-bottom: 1px;
    padding: 8px 10px;
}
.profile ul.profile-nav li a:hover {
    background: none repeat scroll 0 0 #ecf5fb;
    border-left: 2px solid #169ef4;
    color: #169ef4;
    text-decoration: none;
}
.profile ul.profile-nav li a.profile-edit {
    background: none repeat scroll 0 0 #000;
    border: medium none;
    color: #fff;
    font-size: 12px;
    margin: 0;
    opacity: 0.6;
    padding: 3px 9px;
    position: absolute;
    right: 0;
    top: 0;
}
.profile ul.profile-nav li a.profile-edit:hover {
    text-decoration: underline;
}
.profile ul.profile-nav a span {
    background: none repeat scroll 0 0 #169ef4;
    color: #fff;
    font-size: 16px;
    padding: 7px 13px;
    position: absolute;
    right: 0;
    top: 0;
}
.profile ul.profile-nav a:hover span {
    background: none repeat scroll 0 0 #0b94ea;
}
.profile-info h1 {
    color: #383839;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 10px;
}
.profile-info ul {
    margin-bottom: 15px;
}
.profile-info li {
    color: #6b6b6b;
    margin-bottom: 5px;
    margin-right: 15px;
    padding: 0 !important;
}
.profile-info li i {
    color: #b5c1c9;
    font-size: 15px;
}
.profile-info li:hover i {
    color: #169ef4;
}

.profile .table-advance thead tr th {
    background: none repeat scroll 0 0 #f0f6fa;
}
.profile .table-bordered th, .profile .table-bordered td, .profile .table-bordered {
    border-color: #e5eff6;
}
.profile .table-striped tbody > tr:nth-child(2n+1) > td, .profile .table-striped tbody > tr:nth-child(2n+1) > th {
    background: none repeat scroll 0 0 #fcfcfc;
}
.profile .table-hover tbody tr:hover td, .profile .table-hover tbody tr:hover th {
    background: none repeat scroll 0 0 #f5fafd;
}

/***
Vertical inline menu
***/
.ver-inline-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.ver-inline-menu li {
  position:relative;
  margin-bottom:1px;
}

.ver-inline-menu li i {
  width: 37px;
  height: 37px;
  display: inline-block;
  color:#b9cbd5;
  font-size:15px;
  padding:12px 10px 10px 8px;
  margin:0 8px 0 0;
  text-align: center;
  background:#eaeaea !important;
}

.ver-inline-menu li a {
  color:#3c3c3c;
  display:block;
  background:#eaeaea;
  border-left:solid 2px #8cc152;
}

.ver-inline-menu li:hover a,
.ver-inline-menu li:hover i {
  background:#515151;
  text-decoration:none;
}

.ver-inline-menu li:hover i {
  color:#fff;
  background:#515151 !important;
}

.ver-inline-menu li.active a,
.ver-inline-menu li:hover a {
  color:#fff;
}

.ver-inline-menu li.active a {
  border-left:solid 2px #8cc152;
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
  color:#fff;
  background:#515151;
  text-decoration:none;
}

.ver-inline-menu li.active i {
  background:#8cc152 !important;  
}

.ver-inline-menu li.active:after {
  content: '';
  display: inline-block;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #515151;
  position: absolute;
  top: 12px;
  right: -5px;
}

/***********Seating Chart CSS*********/

        .seat
        {
            background-image: url("/assets/img/SeatingChartSeat.jpg");
			background-repeat:no-repeat;
			background-position:center;
            border: 1px solid #929292;
            color: #666666;
            height: 40px;
            position: absolute;
            text-align: right;
            width: 90px;
            z-index: 40;
        }

        #workarea a, #workarea a:active, #workarea a:visited, #workarea a:link
        {
            font-weight: bold;
            text-decoration: none;
        }

            #workarea a:hover
            {
                font-weight: bold;
                text-decoration: none;
            }

        .student
        {
            background-color: #c6ea9e;
            border: 1px solid #78b831;
            color: black;
            cursor: pointer;
            font-size: 13px;
            height: 45px;
            position: absolute;
            text-align: center;
            vertical-align: middle;
            width: 100px;
            z-index: 50;
        }

        .student_print
        {
            background-color: #bbd7fb;
            border: 1px solid #333333;
            color: black;
            cursor: pointer;
            font-size: 9px;
            height: 40px;
            position: absolute;
            text-align: center;
            width: 90px;
            z-index: 50;
        }

        .target
        {
            background-color: #ffff88;
            border: 2px solid black;
            height: 40px;
            position: absolute;
            text-align: right;
            width: 90px;
            z-index: 40;
        }

        .TableResizePanel
        {
            background-color: #f7f7f7;
            border: 1px solid #939393;
            position: absolute;
            vertical-align: middle;
        }

            .TableResizePanel table
            {
                width: 100%;
            }

                .TableResizePanel table tr td
                {
                    text-align: right;
                }

        .TableResizeHandle
        {
            background-color: blue;
            bottom: 0;
            cursor: se-resize;
            font-size: 1px;
            height: 10px;
            position: absolute;
            right: 0;
            width: 10px;
        }

        #workarea
        {
            border: 1px solid #c3c3c3;
            height: auto;
            position: relative;
            width: 100%;
        }

        .RoundTableDD
        {
            background: url("../assets/img/SeatingChartSeat.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
            border: 0 solid black;
            color: black;
            cursor: default;
            height: 175px;
            position: absolute;
            text-align: center;
            width: 175px;
            z-index: 10;
        }

        table#tblChartOptions
        {
            margin-bottom: 5px;
            margin-top: 5px;
            width: 100%;
        }

            table#tblChartOptions tr td
            {
                vertical-align: top;
            }
   .hide_column{
    display : none;
}
   
   .container-login {
    width: 750px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
/** login box*/

@media (max-width:768px) {
    .login-wrapper2
    {
        width: 100%;
        max-width: 300px;
        margin: 15px auto 0;
        padding: 0 0 30px 0;
    }
}


/** error **/
.error, .field-validation-error {
    color:#FF0000;
    padding-top: 3px;
}


/* @toggle switch elements 
-------------------------------------------------- */
.smart-forms .switch {
	cursor:pointer; 
	position: relative; 
	padding-right:10px;
    display: inline-block;
	margin-bottom:5px;
	height: 26px;
}

.smart-forms .switch > label {
	cursor:pointer;
    display: inline-block;
    position: relative;
    height: 25px;
	width: 58px;
	color: #fff;
    font-size: 10px;
    font-weight: normal;
	line-height: 20px;
    text-align: center;
    background: #B5C1C7;
    border: 2px solid #B5C1C7;
	text-transform: uppercase;
	font-family:Helvetica, Arial, sans-serif;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;	
}
.smart-forms .switch > label + span{ display:inline-block; padding-left:5px; position:relative; top:-7px; }
.smart-forms .switch > label:before {
    content: attr(data-off);
    position: absolute;
    top: 1px;
    right: 3px;
    width: 33px;
}

.smart-forms .switch > label:after {
	content:"";	
    margin: 1px;
    width: 19px;
    height: 19px;
	display: block;
    background: #fff;
    -webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}

.smart-forms .switch > input {
	-webkit-appearance: none;
	position: absolute;
    width: inherit;
    height: inherit;
    opacity: 0;
	left: 0;
	top: 0;
   
}

/* @toggle switch focus state 
-------------------------------------------------------------- */
.smart-forms .switch > input:focus { outline: none; }
.smart-forms .switch > input:focus + label { color: #fff; border-color: #a1a6a9; background:#a1a6a9; }
.smart-forms .switch > input:focus + label:after { background: #fff; }

/* @toggle switch normal state 
--------------------------------------------------------------- */
.smart-forms .switch > input:checked + label {
    border-color: #1ABC9C;
	background: #1ABC9C; 
	padding-left: 33px;
	color: white;
}

.smart-forms .switch > input:checked + label:before {
    content: attr(data-on);
    left: 1px;
	top:1px;
}

.smart-forms .switch > input:checked + label:after {
    margin: 1px;
    width: 19px;
    height: 19px;
    background: white;
}

/* @toggle switch normal state focus 
--------------------------------------------------------------------------------- */
.smart-forms .switch > input:checked:focus + label { background: #16a085; border-color: #16a085; }
.smart-forms .switch-round > label { 
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-o-border-radius: 13px;
	border-radius: 13px; 
}
.smart-forms .switch-round > label + span{ top:-2px; }
.smart-forms .switch-round > label:before { width: 33px; }
.smart-forms .switch-round > label:after {
    width: 19px;
	color:#B5C1C7;
	content: "\2022";
	font:20px/20px Times, Serif;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-o-border-radius: 13px;
	border-radius: 13px;
}

.smart-forms .switch-round > input:checked + label { padding-left: 33px; }
.smart-forms .switch-round > input:checked + label:after{ color:#1ABC9C; }

/*Added by Vishnu For bPopup*/
 #displayMessage { 
    background-color:#fff !important;
    border-radius:15px !important;
    color:#000 !important;
    box-shadow: 0 0 25px 5px #999;
    padding:20px !important;
    min-width:200px !important;
    min-height: 100px !important;
}
  #displayMessageRed { 
    background-color:#fff !important;
    border-radius:15px !important;
    /*color:#000 !important;*/
    box-shadow: 0 0 25px 5px #999;
    padding:20px !important;
    min-width:200px !important;
    min-height: 100px !important;
}
.button.b-close, .button.bClose {
    color:#fff !important;
    background-color: #2b91af !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    font: bold 131% sans-serif !important;
    padding: 0 6px 2px !important;
    position: absolute !important;
    right: -7px !important;
    top: -7px !important;
    cursor:pointer;
}
.displayMessageLogout { 
    background-color:#fff !important;
    border-radius:15px !important;
    color:#000 !important;
    box-shadow: 0 0 25px 5px #999;
    padding:20px !important;
    min-width:200px !important;
    min-height: 100px !important;
}

/*for Alert Icons in Student Banner*/
.bLeft {
    border-left: 1px solid #cecece;
    padding-left: 20px;
}
.padLeft50 {
    padding-left:50px;
}
.the-box-banner {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d5dae0;
    margin-bottom: 10px;
    padding: 8px;
    position: relative;
}
.the-box-bannernew {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d5dae0;
    margin-bottom: 10px;
    padding: 8px;
    position: relative;
    padding-bottom: initial;
    padding-top: inherit;
}
.alerticons {
    width: 20px;
    Height:15px;
    margin-left: 15px;
    margin-top: 3px;
}

/**bootstrap override*/
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0px;
}
.btn-arrow {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid #e7e7e7;
    white-space: nowrap;
    padding: 0px 4px;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 4px;
}
.portalForm .form-group.formFooter {
    margin:20px 0 0 0;
    display:inline-block;
}
.portalForm {
    padding: 8px;
    margin:50px auto 150px auto;
    background: #fff;
    border: 1px solid #D5DAE0;
    position: relative;
    float:none;

}
.portalForm .form-group {
    margin:0 0 35px 0;
}
.studentPortal h3 {
    text-align: center;
}
.studentPortal h4 {
    text-align:center;
    font-size:18px;
    font-weight:bold;
    margin:0 0 22px 0;
}
.studentPortal ul {
    width:281px;
    margin:0 auto;
    list-style:none;
}
.studentPortal ul li{
    list-style:none;
    margin:0 0 12px 0;
}
.studentPortal ul li a {
    background:#0070c0;
    display:inline-block;
    height:30px;
    line-height:30px;
    width:200px;
    text-align:center;
    font-size:14px;
    color:#fff;
}
.studentPortal_inlineForm {
    width:100%;
}
.studentPortalForm1 {
    border: 1px solid #e7e7e7;
    width: 65%;
    margin: 20px auto;
    padding: 20px 0;
    border-radius: 15px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.schoolInformation {
    border:1px solid #ccc;
    margin:20px 0 0 0px;
}
.schoolInformation h5 {
    text-align:center;
    font-weight:600;
}
.schoolInformation2 {
    margin:20px 0 0 0;
}
.schoolInformation ul {
    margin: 15px 0 15px 0;
padding: 0;
display: inline-block;
width: 100%;
}
.schoolInformation ul li{
    float:left;
    padding:0;
    list-style:none;
    margin:10px 0;
    width:100%;
    position:relative;
}
.schoolInformation2 ul li{
    width:50%;
    margin-right:0;
    margin-left:0;
    
}
.schoolInformation ul li a {
    border: 1px solid #ccc;
display: inline-block;
color: #434A54;
width: 86%;
padding: 20px 4px 10px 4px;
text-transform: uppercase;
min-height: 68px;
text-align: center;
margin: 0 7%;
}
.schoolInformation ul li a:hover {
    text-decoration:none;
    background:#565656;
    color:#fff;
}
.studentPortalTopbuttons {
    display: inline-block;
margin: 0 27px 0 0;
padding: 0;
float: right;
}
.studentPortalTopbuttons li{
    display: block;
width: 120px;
margin: 0 0 20px 0;
}
.studentPortalTopbuttons li a {

    display: inline-block;
text-align: center;
color: #fff;
padding: 7px 0;
border-radius: 5px;
width: 120px;
}
.studentPortalTopbuttons li:first-child a {
    background:#ffc000;
}
.studentPortalTopbuttons li:last-child a {
    background: #0070c0;
}
.studentPortalForm1Cnt .exit_button {
    float: right;
    margin: 15px 0 0 0;
    padding: 10px 15px;
    background: #3ab050;
    color: #fff;
    border-radius: 3px;
}
.studentPortalForm1Cnt .exit_button:hover {
    text-decoration:none;
}
.studentPortalForm1Cnt {
    width: 100%;
    display: inline-block;
    padding: 0 30px;
}
.studentPortalForm1Cnt2 {
    padding:0; 
}
.studentPortalForm1New{
    width:78%!important;
    padding-bottom:60px;
}
.studentPortal_inlineForm {
    width: 100%;
}
.close_button {
    width:20px;
    position:absolute;
    right: 10px;
    top: -10px;
    height:20px;
    cursor:pointer;
}
.schoolInformation ul li a.highlight {
    background:green;
    color:#fff;
    text-decoration: none;
}
.schoolInformation ul li a.highlight .close_button img{
    opacity:1;
}
.schoolInformation ul li a .close_button img {
    max-width:100%;
    opacity:0;
}
.schoolInformation ul li a:hover .close_button img{
    opacity:1;
}
.demographic_tabs {
    position:relative;
    z-index:1;
    padding:1px;
    border-radius: 5px;
    background:#8CC152;
}
.demographic_tabs .panel.with-nav-tabs .panel-heading {
    background:#8CC152;
}
.demographic_tabs .panel{
    margin:0;
}
.demographic_the-box {
    width:100%;
    display:inline-block;
}
.demographic_tabs .nav-tabs > li > a {
    color:#fff;
    border:none;
}
.demographic_tabs .nav-tabs > li > a:hover {
    background:#81A25C;
}
.demographic_tabs .nav-tabs > li.active > a {
    color:#434A54;
    border: none;
outline: none;
}
.demographic_tabs .StudentPhysicalAddress, .demographic_tabs .StudentAlternateAddress, .demographic_tabs .StudentMailingAddress {
    margin:27px 0 0 0;
    float:left;
    padding: 0;
}
.demographic_tabs .PriorityContact{
    /* margin:21px 0 0 0; */
    float:left;
    padding: 0;
}


.demographic_tabs .nav-tabs > li {
    margin:0 5px;
}
#SubmitUpdate {
    margin: 0;
}
#UpdatePhoneNumModalPopUp #modalheader {    
    display: inline-block;
    width: 100%;
}
.divPhysicalAddressStaus .status, .divAlternateAddressStaus .status, .divMailingAddressStatus .status  {
    display: inline-block;
    margin:28px 0 0 0;
}

.divPriorityContactStaus .status {
    display: inline-block;
    margin: 20px 0 0 0;
}

.divWorkPhoneStatus .status {
    display: inline-block;
    margin:16px 0 0 0;
}
#UpdatePhoneNumModalPopUp #UpdatePhoneNumber, #RemovePhoneNumber{
    margin:20px 0 0 0;
}
table.dataTable tr td {
    text-align:left !important;
    padding-left:18px;
}
#UpdateStudentAddress, #RemoveStudentAddress {
    margin: 23px 0 0;
}
#UpdateContactAddress, #RemoveContactAddress {
    margin: 23px 0 0;
}
#calender {
    margin:35px auto;
    float:none;
}
.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-datepicker-multi-3.ui-datepicker-multi{
    width:100%!important;
}
#calender .ui-datepicker-multi .ui-datepicker-group{
    width:33.3%!important;
}
#btnNYPattern{
    color:#fff;
    min-width:290px;
}
.btn_m {
    display:inline-block;
    margin-top:22px!important;
}
.btn_contact {
    display:inline-block;
    margin-top:0px!important;
}
.studentInformation {
    margin:0 0 0 0;
    padding:0;
}
.studentInformation h3 {
    margin: 0;
    padding: 15px 0 20px 14px;
} 

/*BY VIJAYA*/

.s_portalDashboardItemInActive {
    background: #fff none repeat scroll 0 0;
    /*border-bottom: 9px solid #b5461a !important;*/
    border-radius: 10px;
    border-top: 1px solid #dbdbdb;
    box-shadow: 0 5px 10px rgba(23, 23, 23, 0.56);
    cursor: pointer;
    margin: 0 0 21px;
    min-height: 80px !important;
    padding: 0;
}
/*.s_portalDashboardItemInActive:hover{
    -moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
box-shadow: 0px 4px 10px #0006;
transition: all 1s linear;
cursor:pointer;
}*/

.s_portalDashboardItemInActive .permit_change {
    background:#fff;
    padding-bottom:10px;
}

.s_portalDashboardItemInActive .switch-green > input:checked + label {
    background: #8DC73F!important;
    border-color: #8DC73F!important;
}

.s_portalAdmin_top .s_portalDashboardItemInActive h4 {
    color: #303131;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center; 
    padding: 20px 0 0 0;
}

.s_portalDashboardItemInActive .permit_change p {
    text-align: center;
    padding: 10px 0 5px 0 !important;
    margin: 0 !important;
}

.s_portalDashboardItemInActive .smart-forms .switch {
    width:60px;
    margin:0 auto;
    display:inherit;
}
.linkStudentBlog{
    width:60%;
    margin:50px auto;
    padding: 30px 0;
    border:1px solid #DDDDDD;
}
.linkStudentBlogCnt1 {
    float: none;
    margin: 0 auto;
}   
.r_btn_blog, .r_btn_blog_value{
    padding:0 0 0 0;
    margin:5px 0 0 0;
}
#btnSubmitAbsenceNotice{
    text-shadow:none;
    color:#fff;
    min-width:290px;
}
#btnSubmitAbsenceNotice:hover{
    text-shadow:none;
    color:#fff;
}
#ExitMain{
    margin-top:0;  
}
.attendancePatternBtn #btnSave {
    margin: 20px 0;
}
#btnSubmitRequest{
    color:#fff;
}
#btnCancel{
    background:#e8aa2e;
}
#btnCancel:hover{
    border:1px solid #e8aa2e;
}
.HighlightedGreen a{
    color:#585858;
}
#StudentsList {
    border:1px solid #c8c8c8;
    margin:16px 0;
    padding:5px;
    background:#fff;

}
#StudentsList .studentName{
    display: inline-block;
    margin:0;
    padding:0;
}
#StudentsList .remove_field {
   background: rgba(0, 0, 0, 0) url("../img/button_close.png") no-repeat scroll center;
    border: 1px solid #656d78;
    float:right; 
    height: 14px;
    margin: 3px 0 0;
    padding: 3px;
    width: 14px;
}
#btnPeriod{
    color:#fff !important;
}
#btnAdd{
    background-color:green !important;
    border-color:1px solid green !important;
}
#btnCancel.exitBtn{
    background:#8cc152 none repeat scroll 0 0 !important;
}
#dialog-form {
    float:none;
    margin:0 auto;
}
#createAccount {
    float: none;
    margin: 3% auto;
    border:6px solid #fff;
    padding-top:5px;
    padding-bottom:60px;
   background: linear-gradient(135deg, rgba(255, 253, 253, 0.75) 0%,rgba(255, 255, 255, 0.35) 50%,rgba(249, 249, 249, 0.22) 100%)!important;
}
.createAccountBtn_blog {
    padding:0;
    display:inline-block; 
    float:none;
}
.menu_pic{
    display: table;
    float: none;
    margin: 30px auto;
    
}
#createAccount label.req{
    color:#000;
    font-weight:bold;
}
.menu_picBlog{
border: 1px solid #ccc;
    display: inline-block;
    padding: 10px;
    border-radius:15px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.menu_picBlog > img {
    width: 100%;
}
.cancel_removeBtn{
    background: rgb(142, 198, 65) url("../img/button_close.png") no-repeat scroll center center;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    float: right;
    height: 14px;
    margin: 0 0 5px;
    padding: 10px;
    width: 30px;
}  
.dashboardSetupMain{
    margin: 3% auto 10% auto;
    min-height: 550px;
    position: relative;
    width:72%;
}
.cercle_Cnt1 {    
    background: rgba(255, 255, 255, 0.74) none repeat scroll 0 0;
    border:5px solid #85703e;
    border-radius: 50%;
    display: inline-block;
    left:80px;
    height:230px;
    position: absolute;
    line-height: 280px;
    top: 260px;
    width:230px;
    cursor:pointer;
}
.cercle_Cnt2 {
    top:0;
    border:5px solid #cd4e2a;
    left:0;
        
}

.cercle_Cnt3 {
    border: 5px solid #2e7474;
    left:-80px;
}
.cercle_Cnt1:hover .setup_pic1 {
    background: url('../img/setup_pic1-hover.gif') no-repeat center center;
}
.cercle_Cnt2:hover .setup_pic2 {    
    background: url('../img/setup_pic2-hover.gif') no-repeat center center;
}
.cercle_Cnt3:hover .setup_pic3 {
    background: url('../img/setup_pic3-hover.gif') no-repeat center center;
}
.setup_pic1 {       
    width:230px;
    height:230px;    
    display:inline-block;
    background:url('../img/setup_pic1.png') no-repeat scroll center center;
}
.setup_pic2 {   
    width:230px;
    height:230px;        
    display:inline-block;
    background:url('../img/setup_pic2.png') no-repeat scroll center center;
}
.setup_pic3 {   
    background: rgba(0, 0, 0, 0) url("../img/setup_pic3.png") no-repeat scroll center center;
    display: inline-block;
     width:230px;
    height:230px;    
}
.setup_pic1_name {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    left: -35px;
    position: absolute;
    text-align: center;
    top: 110px;
    width: 290px;
}
.school_cal_top_legend{
    display:inline-block;
    padding:0;
    margin:0 0 10px 0;
}
.school_cal_top_legend li{
    display:inline-block;
    padding:0 20px 0 0;
    font-size:14px; 
    color:#000;
    margin:0;
}
.colo_icon1{
    background: yellow ;
    display: inline-block;
    height: 10px;
    margin: 0 4px 0 0;
    width: 10px;
}
.colo_icon2 {
    background: green none repeat scroll 0 0;
}
.colo_icon3 {
    background:#206BDC;
}
.colo_icon4 {
    background: black none repeat scroll 0 0;
}
.bulletinCount {
    color: #fff;
    text-align: center;
    width: 100%;
}
.scheduleCount {
    color: #fff;
    text-align: center;
    width: 100%;
}
.modal-header {
    background: #8ec641;
    color: #fff;
}
 .close{
     color: #fff;
     opacity:0.6;
 }
 .close:hover, .close:focus{
     opacity:1;
     color: #fff;
 }
.attendance_cal_legend {
    width: 100%;
    margin: 0;
    padding: 0 0 0 4px;
}
.attendance_cal_legend li {
    color: #000;
    display: inline-block;
    font-size: 14px;
    margin: 0 16px 0 0;
}
.cal_color_icon1 {
    background: #ffa500 none repeat scroll 0 0;
    display: inline-block;
    height: 10px;
    margin: 0 5px 0 0;
    width: 10px;
}
.cal_color_icon2 {
    background:#008000;
}
.cal_color_icon3 {
    background:#cc0000;
}
 .cal_color_icon4 {
     background:#b42cb6;
}
.cal_color_icon5 {
    background:#000;
}
.cal_color_icon6 {
    background:#aed7ff; /*#206bdc;*/
}
.cal_color_icon7 {
    background:#ffff00;
}
.cal_color_icon8 {
    background:#1d70c0;
}

.bg_overlay1{
    padding:0 20px;
    margin:0 -15px;
    background:rgba(255, 255, 255, 0.6);
}
#Grades-datatable.grades_student_tbl{
    overflow: auto;
    display: inline-block;
}
.logo-brand p {
    margin: 5px 0 0 -20px;
    font-size: 12px;
}
.class_Name {
    font-size: 20px;
font-weight: bold;
display: inline-block;
margin: 25px 0 0 -40px;
}
.TRECA_Box {
    border: 1px solid #ccc;
    padding: 15px;
    margin: 0 auto;
    width: 600px;
}
.blue_ribbon{
    height:36px;
    line-height:36px;
    padding:0 15px;
    background:#4472c4;
    display:inline-block;
    width:93%;
    color:#fff;
    margin:0 0 0 30px;
    border:1px solid #2f528f;
}