/* ---------------------------------------------------------------------- */
/*  Basic Elements & Classes
/* ---------------------------------------------------------------------- */


body {
  color: #333333;
  direction: ltr;
  font-size: 13px;
  padding: 0;
  margin: 0;
  background: #F8F8F8; }


  .capitalize{text-transform: capitalize;}
  
  a:focus,
button:focus {
	outline: none !important;
}

button::-moz-focus-inner {
	border: 0;
}

*:focus {
	outline: none;
}

blockquote {
	padding: 0;
	margin: 0;
}

input,
button,
select,
textarea {
	outline: none;
}

label {
	margin-bottom: 0;
}

p {
	margin: 0;
}

ul,
ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul li,
ol li {
	display: block;
}

dl {
	margin: 0;
}

dt,
dd {
	line-height: inherit;
}

dt {
	font-weight: inherit;
}

dd {
	margin-bottom: 0;
}

form {
	margin-bottom: 0;
}

address {
	margin-top: 0;
	margin-bottom: 0;
}

figure {
	margin-bottom: 0;
}

html p a:hover {
	text-decoration: none;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class^='heading-'] a {
	color: inherit;
}



body{
	margin:0;
	font-size:0.91rem;
	font-weight:400;
	line-height:1.5;
	background-color:#fff
}
	
 .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}

 
h2, h3, h4, h5 {
    color: #000;
}

/*  IMAGE GALLERY
----------------------*/

.img-gallery .owl-item {
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.07);
    transform: scale(0.8);
    transition: all 0.3s ease-in;
}

.img-gallery .owl-item.center {
    transform: scale(1);
}



h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, [class^='heading-'] a:hover {
	color: #00C5AB;
}

h1,
.heading-1 {
	font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Raleway, "Helvetica Neue", Arial, sans-serif;
	font-size: 25px;
	line-height: 1.1;
	font-weight: 100;
}

@media (min-width: 768px) {
	h1,
	.heading-1 {
		font-size: 32px;
	}
}

@media (min-width: 1200px) {
	h1,
	.heading-1 {
		font-size: 35px;
	}
}

@media (min-width: 1600px) {
	h1,
	.heading-1 {
		font-size: 50px;
		line-height: 1.14286;
	}
}

h2,
.heading-2 {
	font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Raleway, "Helvetica Neue", Arial, sans-serif;
	font-weight: 300;
	font-size: 28px;
	line-height: 1.4;
	letter-spacing: 0;
}

@media (min-width: 576px) {
	h2,
	.heading-2 {
		font-size: 30px;
	}
}

@media (min-width: 768px) {
	h2,
	.heading-2 {
		font-size: 44px;
	}
}

@media (min-width: 1200px) {
	h2,
	.heading-2 {
		font-size: 48px;
		line-height: 1.33333;
	}
}
h3,
.heading-3 {
	font-size: 24px;
	line-height: 1.2;
}

@media (min-width: 768px) {
	h3,
	.heading-3 {
		font-size: 27px;
	}
}

@media (min-width: 1200px) {
	h3,
	.heading-3 {
		font-size: 29px;
	}
}

@media (min-width: 1600px) {
	h3,
	.heading-3 {
		font-size: 36px;
		line-height: 1.33333;
	}
}

h4,
.heading-4 {
	font-size: 22px;
	line-height: 1.3;
}

@media (min-width: 1600px) {
	h4,
	.heading-4 {
		font-size: 25px;
		line-height: 1.28;
	}
}

h5,
.heading-5 {
	font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Raleway, "Helvetica Neue", Arial, sans-serif;
	font-size: 20px;
	line-height: 1.5;
	text-transform:uppercase;
}

@media (min-width: 1600px) {
	h5,
	.heading-5 {
		font-size: 22px;
		line-height: 1.45455;
	}
}

h6,
.heading-6 {
	font-size: 18px;
	line-height: 1.5;
}

@media (min-width: 1600px) {
	h6,
	.heading-6 {
		font-size: 20px;
		line-height: 1.6;
	}
}

.custom-title > span {
	position: relative;
	display: inline-block;
	padding-top: 1.5em;
}

.custom-title > span:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 2px;
	height: 1em;
	background: #aeb1be;
}

small,
.small {
	display: block;
	font-size: 12px;
	line-height: 1.5;
}

mark,
.mark {
	padding: 3px 5px;
	color: #ffffff;
	background: #00C5AB;
}

.big {
	font-size: 18px;
	line-height: 1.55556;
}

.lead {
	font-size: 25px;
	line-height: 40px;
	font-weight: 300;
}

code {
	padding: 10px 5px;
	border-radius: 6px;
	font-size: 90%;
	color: #111111;
	background: #f3f3f9;
}

p [data-toggle='tooltip'] {
	padding-left: .25em;
	padding-right: .25em;
	color: #00C5AB;
}

p [style*='max-width'] {
	display: inline-block;
}

.text-gray-600 {
	color: #828590;
}





  
  
  
  
  


body{
	margin:0;
	font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight:400;
	line-height:1.8;
	background-color:#fff;
}
	
	
	
.logo-g{
	text-decoration:none; 
	font-size:35px;
	text-align:center;
	font-weight:300; 
	line-height:40px; 
	color:#fff
}

.logo-g:hover{
	font-weight:500;
	color:#fff;
}

.log:hover{
	font-weight:500;
	color:#fff;
}

.logo-p{
	text-decoration:none; 
	font-size:25px;
	text-align:center;
	font-weight:300; 
	line-height:40px; 
	color:#fff
}

.logo-p:hover{
	font-weight:500;
	color:#fff;
} 	 
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

::-moz-selection {
  background: #00C5AB;
  text-shadow: none;
  color: #ffffff; }

::selection {
  background: #00C5AB;
  text-shadow: none;
  color: #ffffff; }

select::-ms-expand {
    display: none;
}

a, a:hover, a:active, a:focus {
  outline: 0 !important;
  text-decoration: none; }

a {
  color: #00C5AB; }
  a:hover, a:active {
    color: #216266; }
  a:focus {
    color: inherit;
    outline: none; }

a,
button,
input[type=submit] {
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear; }

a.link-list {
  margin-right: 10px; }

.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: none; }

.text-bold h1, h1.text-bold, h1 .text-bold, .text-bold h2, h2.text-bold, h2 .text-bold, .text-bold h3, h3.text-bold, h3 .text-bold, .text-bold h4, h4.text-bold, h4 .text-bold {
  font-weight: 600; }

h1 {
  font-weight: 300;
  margin: 30px 0;
  font-size: 30px; }

h2 {
  font-size: 26px; }

h3 {
  font-size: 22px; }

.text-negative {
  color: #993333 !important; }

.main-wrapper {
  position: relative; }
  .main-wrapper > .inner-transform {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.ajax-white-backdrop {
  background-color: rgba(255, 255, 255, 0.5);
  display: none;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1049; }

.ajax-white-backdrop:before {
  background: #000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  top: 60px;
  left: 50%;
  margin-left: -20px;
  content: "";
  position: absolute; }

.ajax-white-backdrop:after {
  content: "\f110";
  font-family: FontAwesome;
  width: 40px;
  height: 40px;
  line-height: 40px;
  top: 60px;
  color: #ffffff;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

/* ---------------------------------------------------------------------- */
/*  Body
/* ---------------------------------------------------------------------- */
body.ep-layout {
  background-color: #FFF; }
  body.ep-layout .nav-left {
    display: none; }

.site-canvas {
  height: 100%; }

body.ec-layout {
  background-color: #EDEDED;
  background-attachment: fixed;
  background-image: url("../images/bg-bforbank.html");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover; }
  body.ec-layout > .main-wrapper {
    border-right: solid 1px #b8b8b8;
    box-shadow: 0 -47px 15px rgba(0, 0, 0, 0.2);
    min-height: -moz-calc(100% - 50px);
    min-height: -webkit-calc(100% - 50px);
    min-height: calc(100% - 50px);
    background-color: #F8F8F8; }

/*
body.ep-layout .nav-left, 
body.ep-layout .site-canvas, 
body.ep-layout .ep-header-sm.fixed  {  transition: .2s ease all; }
*/
@media (max-width: 768px) {
  body.ec-layout {
    height: initial;
    background: #EDEDED; }
    body.ec-layout > .main-wrapper {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 100%;
      min-height: 100%; }
      body.ec-layout > .main-wrapper .site-canvas {
        width: 100%;
        min-height: 100%;
        position: relative;
        left: 0;
        -webkit-transition: .3s ease all;
        transition: .3s ease all; }
      body.ec-layout > .main-wrapper.show-nav .site-canvas {
        -webkit-transition: .3s ease all;
        transition: .3s ease all; }
    body.ec-layout .nav-left {
      position: absolute;
      top: 0;
      left: -235px;
      -webkit-transition: .3s ease all;
      transition: .3s ease all; }
    body.ec-layout.show-nav .site-canvas {
      left: 235px; }
    body.ec-layout.show-nav .nav-left {
      left: 0; }

  body.ep-layout {
    overflow-x: hidden; }
    body.ep-layout > .main-wrapper {
      position: absolute;
      top: 0;
      overflow: hidden;
      width: 100%;
      min-height: 100%; }
      body.ep-layout > .main-wrapper .site-canvas {
        width: 100%;
        min-height: 100%;
        position: relative;
        -webkit-transition: .3s ease all;
        transition: .3s ease all; }
    body.ep-layout .nav-left {
      display: block;
      position: fixed;
      top: 0;
      left: -235px;
      -webkit-transition: .3s ease all;
      transition: .3s ease all; }
    body.ep-layout.show-nav .site-canvas {
      left: 235px; }
    body.ep-layout.show-nav .nav-left {
      left: 0; }
    body.ep-layout.show-nav .ep-footer-sm {
      left: 235px; }

  .ep-footer-sm {
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s ease transform;
    transition: .3s ease transform; }
    .ep-footer-sm.show-nav {
      -webkit-transform: translateX(250px);
      transform: translateX(250px);
      -webkit-transition: .3s ease transform;
      transition: .3s ease transform; } }
/* ---------------------------------------------------------------------- */
/*  Page Header and Page Header elements
/* ---------------------------------------------------------------------- */
/**
* Er Template
*/
.er-header .er-header-logo {
  background-color: #7a6e6a;
  display: inline-block; }
  .er-header .er-header-logo a.link {
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    padding: 14px 10px 19px; }
    .er-header .er-header-logo a.link:hover {
      background-color: #5f5552; }
.er-header .er-header-title {
  margin-bottom: 20px; }

@media (max-width: 768px) {
  .er-header {
    margin-top: 40px; }
    .er-header .er-header-logo {
      position: absolute;
      top: -30px;
      width: 100%;
      left: 0px; }
      .er-header .er-header-logo a.logo {
        position: absolute; }
      .er-header .er-header-logo a.link {
        display: block;
        text-align: left;
        padding: 17px 10px 17px 140px; } }
/**
* Ep Template
*/
.ep-header-sm {
  display: none;
  background-color: #43342D;
  z-index: 1022; }
  .ep-header-sm .mobitools {
    float: right;
    list-style-type: none;
    margin-right: 15px;
    margin-top: 15px;
    padding-left: 0; }
  .ep-header-sm .mobitools li {
    float: left; }
  .ep-header-sm .mobitools > li:last-child {
    border-left: 1px solid #978B87;
    margin-left: 10px;
    padding-left: 10px; }
  .ep-header-sm .mobitools > li:first-child {
    border-left: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important; }
  .ep-header-sm .mobitools a {
    color: #FFFFFF; }
  .ep-header-sm .ep-header-sm-logo {
    text-align: left; }

.ep-header-tools-sm {
  /*display: none;*/
  background-color: #7A6E6A;
  padding: 7px 0;
  position: relative;
  /*margin-top: 50px;*/
  z-index: 100;
  width: 100%; }
  .ep-header-tools-sm .ep-header-tools-sm-nav {
    display: inline-block;
    vertical-align: middle; }
    .ep-header-tools-sm .ep-header-tools-sm-nav a {
      color: #FFF !important;
      font-size: 20px;
      padding: 10px 15px; }
      .ep-header-tools-sm .ep-header-tools-sm-nav a i:before {
        color: #FFF !important; }
  .ep-header-tools-sm .ep-header-tools-sm-search {
    display: inline-block;
    float: right;
    margin-right: 15px; }
    .ep-header-tools-sm .ep-header-tools-sm-search input[type='text'] {
      width: 170px;
      max-width: 170px;
      height: 29px;
      background-color: #877C79;
      color: #FFF;
      border: none; }
      .ep-header-tools-sm .ep-header-tools-sm-search input[type='text']:focus {
        color: #333; }
    .ep-header-tools-sm .ep-header-tools-sm-search a {
      background-color: #877c79;
      display: inline-block;
      height: 29px;
      line-height: 29px;
      vertical-align: top; }
    .ep-header-tools-sm .ep-header-tools-sm-search .fa {
      margin: 5px 10px;
      color: #FFF; }

@media (max-width: 992px) {
  .ep-header {
    width: 100%; }
    .ep-header .navbar-header .navbar-brand {
      width: 190px !important; } }
@media (max-width: 768px) {
  .ep-header,
  .ep-header-margin {
    display: none; }

  .ep-header-sm,
  .ep-header-tools-sm {
    display: block; } }
@media (max-width: 480px) {
  .ep-header-sm .ep-header-sm-link-signout span {
    display: none; } }
/**
* Ec Template
*/
.ec-header {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 50 !important;
  background: #7A6E6A;
  border-right: solid 1px #b8b8b8;
  border-left: solid 1px #b8b8b8;
  border-bottom: none !important;
  border-top: none !important;
  z-index: 11;
  width: 991px;
  position: fixed;
  top: 0; }
  .ec-header .container {
    max-width: none !important;
    width: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .ec-header .container .navbar-header .navbar-brand {
      padding: 0;
      min-width: 100px;
      line-height: 50px;
      top: 0;
      left: 0;
      position: absolute;
      background-color: #43342D;
      width: 234px;
      text-align: center;
      margin: 0; }
      .ec-header .container .navbar-header .navbar-brand img {
        vertical-align: top; }
  .ec-header .navbar-header-toolbar {
    float: right; }
    .ec-header .navbar-header-toolbar li {
      float: right; }
      .ec-header .navbar-header-toolbar li a {
        padding: 16px 25px;
        color: #fff; }
        .ec-header .navbar-header-toolbar li a i {
          margin-right: 5px; }
      .ec-header .navbar-header-toolbar li:hover a {
        background-color: #6c625e; }
      .ec-header .navbar-header-toolbar li:first-child {
        background-color: #43342D; }
        .ec-header .navbar-header-toolbar li:first-child a:hover {
          background-color: #00C5AB; }

.ec-header-sm {
  display: none;
  background-color: #43342D;
  z-index: 1022; }
  .ec-header-sm a {
    color: #FFF;
    font-size: 20px;
    position: absolute;
    padding: 11px 20px; }
    .ec-header-sm a.ec-header-sm-menu {
      left: 0; }
    .ec-header-sm a.ec-header-sm-logout {
      right: 0; }
  .ec-header-sm .ec-header-sm-logo {
    text-align: center; }

@media (max-width: 992px) {
  .ec-header {
    width: 100%;
    /* A RETIRER POST DEV */
    /* width: $screen-sm-min; */ }
    .ec-header .navbar-header .navbar-brand {
      width: 190px !important; } }
@media (max-width: 768px) {
  .ec-header {
    display: none; }

  .ec-header-sm {
    display: block; } }
/**
* Hack Bootstrap
*/
.nav > li > a:hover, .nav > li > a:focus {
  background-color: inherit; }

/* ---------------------------------------------------------------------- */
/*  Ec Main Container
/* ---------------------------------------------------------------------- */
/* .ec-main-container { */
  /* margin-top: 50px; */
  /* margin-left: 235px; */
  /* position: relative; */
  /* background-color: #F8F8F8; */
  /* min-height: 100%; */
  /* height: 100%; } */
  
  /* .ec-main-container .main-content { */
    /* position: relative !important; */
    /* left: 0 !important; */
    /* min-height: 100%; } */
  /* .ec-main-container .page-content { */
    /* padding: 20px; */
    /* max-width: none !important; */
    /* width: auto !important; } */
    /* .ec-main-container .page-content > .row, .ec-main-container .page-content #ajax-content > .row { */
      /* padding: 0 0 0 10px; } */
  /* .header-default .ec-main-container { */
    /* margin-top: 0 !important; } */

.nav-left {
  width: 235px; }

/* @media (max-width: 992px) { */
  /* .ec-main-container { */
    /* margin-left: 190px; } */

  .nav-left {
    width: 190px; } }
/* @media (max-width: 768px) { */
  /* .ec-main-container { */
    /* margin: 0; } */
    /* .ec-main-container .page-content { */
      /* position: inherit; */
      /* width: 100%; */
      /* padding: 0; } } */
/* ---------------------------------------------------------------------- */
/*  Ep Main Container
/* ---------------------------------------------------------------------- */
/* @media (max-width: 768px) { */
  /* .ep-main-container .ep-content-container { */
    /* position: inherit; */
    /* width: 100%; */
    /* padding: 0; } */
  /* .ep-main-container .ep-sidebar { */
    /* position: inherit; */
    /* width: 100%; */
    /* margin-top: 30px; } } */
/* ---------------------------------------------------------------------- */
/*  Er Main Container
/* ---------------------------------------------------------------------- */
/* .er-main-container { */
  /* margin-top: 30px; */
  /* margin-left: 0; */
  /* position: relative; } */

.er-main-container .main-content {
    position: relative !important;
    left: 0 !important;
}

.er-main-container .page-content {
    width: 652px;
    float: left;
    margin-right: 20px;
}

@media (max-width: 767px) {
    .er-main-container .page-content {
		width: auto;
		float: left;
		margin-right: 0px;
	}
}


@media (min-width: 767px) {
    .er-main-container .page-content-reinit {
        width: 730px;
    float: left;
    margin-right: 20px; }
}

.er-main-container .side-content {
    width: 290px;
    float: left;
}

.er-main-container .side-content.side-content-login {
    margin-top: 80px;
}

@media (max-width: 992px) {
  .er-main-container .page-content {
    width: 485px;
    float: left;
    /* margin-right: 10px;  */
	}
  .er-main-container .side-content {
    width: 246px;
    float: left; } }
@media (max-width: 768px) {
  .er-main-container .page-content {
    position: inherit;
    width: 100.1%;
    padding-top: 20px;
	}
  .er-main-container .side-content {
    position: inherit;
    width: 100%;
    /* margin-top: 30px;  */
	} 
	.er-main-container .side-content.side-content-login {
		margin-top: 0px;
	}
}
/* ---------------------------------------------------------------------- */
/*  Nav Left
/* ---------------------------------------------------------------------- */
.nav-left-container {
  max-width: 992px;
  background: transparent;
  margin-left: auto !important;
  margin-right: auto !important; }

.nav-left {
  position: fixed;
  top: 0;
  left: auto;
  padding-top: 50px;
  background-color: #d2d2d2;
  height: 100%;
  border-right: solid 1px #b8b8b8;
  border-left: solid 1px #b8b8b8;
  z-index: 10; }
  .nav-left .navbar-content {
    height: 100%; }
  .nav-left .navbar-content .left-wrapper {
    padding: 0;
    max-height: none !important;
    overflow-y: hidden;
    position: relative;
    left: 0;
    width: 100%;
    height: 100%; }

ul.main-navigation-menu {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.main-navigation-menu > li:first-child > a {
    border-top: none; }
  ul.main-navigation-menu > li:last-child > a {
    border-bottom: 1px solid #b8b8b8; }
  ul.main-navigation-menu li {
    border: none;
    display: block;
    margin: 0;
    padding: 0;
    background-color: #dfdfdf; }
    ul.main-navigation-menu li:hover > a {
      color: #3c7a7e;
      background-color: #d9d9d9; }
    ul.main-navigation-menu li.active > a {
      background-color: #00C5AB;
      color: #FFF; }
    ul.main-navigation-menu li.active > ul.sub-menu {
      display: block;
      padding: 0; }
    ul.main-navigation-menu li.bg-white {
      background-color: #FFF; }
    ul.main-navigation-menu li.bg-green > a {
      background-color: #00C5AB;
      color: #FFF; }
    ul.main-navigation-menu li a {
      border: 0 none;
      display: block;
      padding: 10px 15px;
      border-top: 1px solid #b8b8b8;
      color: #1f1f1f;
      font-size: 15px; }
      ul.main-navigation-menu li a > i {
        font-size: 19px;
        margin: 6px 5px 5px 10px;
        width: 25px;
        text-align: center;
        vertical-align: middle; }
      ul.main-navigation-menu li a > span {
        vertical-align: middle;
        padding: 5px 0; }
        ul.main-navigation-menu li a > span.label-primary {
          background-color: #00C5AB;
          margin-top: 4px; }
    ul.main-navigation-menu li ul.sub-menu {
      clear: both;
      list-style: none;
      display: none;
      padding: 0; }
      ul.main-navigation-menu li ul.sub-menu > li > a {
        background-color: #ebebeb;
        display: block;
        border-top: solid 1px #d2d2d2;
        margin: 0;
        padding-left: 25px;
        font-weight: 500;
        font-size: 14px;
        color: #444; }
        ul.main-navigation-menu li ul.sub-menu > li > a:hover {
          color: #3c7a7e;
          background-color: #e6e6e6; }
      ul.main-navigation-menu li ul.sub-menu > li.active > a {
        position: relative;
        padding-left: 20px;
        color: #3c7a7e; }
        ul.main-navigation-menu li ul.sub-menu > li.active > a:before {
          display: block;
          content: " ";
          color: transparent;
          border-left: solid 5px #3c7a7e;
          height: 42px;
          position: absolute;
          left: 0;
          padding: 1px 0;
          top: -1px;
          bottom: -1px; }
      ul.main-navigation-menu li ul.sub-menu > li ul.sub-menu li a {
        font-weight: normal;
        color: #888;
        border-left: none;
        padding-left: 50px;
        background-color: #FFF;
        font-size: 11px;
        line-height: 14px; }
      ul.main-navigation-menu li ul.sub-menu > li ul.sub-menu li.active {
        border-left: none; }
        ul.main-navigation-menu li ul.sub-menu > li ul.sub-menu li.active a {
          color: #444; }
        ul.main-navigation-menu li ul.sub-menu > li ul.sub-menu li.active a:before {
          content: '\f105';
          font-family: FontAwesome;
          margin-left: -10px;
          margin-right: 3px;
          font-size: 12px; }
      ul.main-navigation-menu li ul.sub-menu > li ul.sub-menu li:hover {
        border-left: none; }
        ul.main-navigation-menu li ul.sub-menu > li ul.sub-menu li:hover a {
          color: #333;
          background-color: #FCFCFC; }

@media (max-width: 992px) and (min-width: 768px) {
  ul.main-navigation-menu li > a {
    padding: 9px 10px;
    font-size: 14px; }

  ul.main-navigation-menu li a > i {
    margin-left: 0; }

  ul.main-navigation-menu li ul.sub-menu > li ul.sub-menu li a {
    padding-left: 40px; }

  ul.main-navigation-menu li ul.sub-menu > li.active > a:before {
    height: 40px; } }
@media (max-width: 768px) {
  .nav-left {
    z-index: 1;
    padding-top: 0;
    width: 235px; } }
/* ---------------------------------------------------------------------- */
/*  Footer
/* ---------------------------------------------------------------------- */
/*
footer {
  font-size: $font-size-small;
  position: absolute;
  z-index: 191;
  border: none !important;
  height: $footer-height;
  color: #FFF;
  background: #AAA;
  bottom: 0;
  width: 100%;

  .footer-inner {
    padding: 0 20px;
    line-height: $footer-height;
  }
}
*/
.ec-footer {
  padding: 0 20px 20px 20px; }

@media (max-width: 768px) {
  .ec-footer {
    padding: 20px; } }
/* ---------------------------------------------------------------------- */
/*  Boxed Layout
/* ---------------------------------------------------------------------- */
body.ec-layout.layout-boxed > .main-wrapper, body.ec-layout.layout-boxed .navbar, body.ec-layout.layout-boxed.footer-fixed .footer,
body.er-layout.layout-boxed > .main-wrapper,
body.er-layout.layout-boxed .navbar,
body.er-layout.layout-boxed.footer-fixed .footer {
  margin-left: auto !important;
  margin-right: auto !important;
  border-left-width: 0;
  border-left-style: solid;
  border-right-width: 0;
  border-right-style: solid; }
body.ec-layout.layout-boxed > .main-wrapper,
body.er-layout.layout-boxed > .main-wrapper {
  max-width: 992px; }

@media (max-width: 992px) {
  .layout-boxed.er-layout > .main-wrapper {
    max-width: 768px; } }
@media (max-width: 992px) {
  /* A RETIRER EN FIN DE DEV */
  /*
  .layout-boxed.ec-layout {
  	> .main-wrapper {
  	  max-width: 768px;
  	}
  }
  */ }
/* ---------------------------------------------------------------------- */
/*  Utilities
/* ---------------------------------------------------------------------- */
.no-padding {
  padding: 0 !important; }

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

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

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

.inline {
  display: inline; }

.no-radius {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important; }

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

.border-right {
  border-right-style: solid;
  border-right-width: 1px;
  border-color: inherit; }

.border-left {
  border-left-style: solid;
  border-left-width: 1px;
  border-color: inherit; }

.border-top {
  border-top-style: solid;
  border-top-width: 1px;
  border-color: inherit; }

.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: inherit; }

.border-light {
  border-color: rgba(255, 255, 255, 0.2) !important; }

.panel-white .border-light, .partition-white .border-light {
  border-color: rgba(0, 0, 0, 0.1) !important; }

.border-dark {
  border-color: rgba(0, 0, 0, 0.2); }

.panel-white .border-dark, .partition-white .border-dark {
  border-color: rgba(0, 0, 0, 0.3) !important; }

.block {
  display: block; }

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

.no-display {
  display: none; }

.example {
  margin: 15px 0;
  padding: 14px 19px; }

.space5 {
  display: block;
  margin-bottom: 5px !important;
  clear: both; }

.space7 {
  margin-bottom: 7px !important;
  clear: both; }

.space10 {
  margin-bottom: 10px !important;
  clear: both; }

.space12 {
  margin-bottom: 12px !important;
  clear: both; }

.space15 {
  margin-bottom: 15px !important;
  clear: both; }

.space20 {
  margin-bottom: 20px !important;
  clear: both; }

.space30 {
  margin-bottom: 30px !important;
  clear: both; }

.space30 {
  margin-bottom: 30px !important;
  clear: both; }

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

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

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

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

.padding-horizontal-5 {
  padding: 0 5px !important; }

.padding-horizontal-8 {
  padding: 0 8px !important; }

.padding-horizontal-10 {
  padding: 0 10px !important; }

.padding-horizontal-15 {
  padding: 0 15px !important; }

.padding-horizontal-20 {
  padding: 0 20px !important; }

.padding-vertical-10 {
  padding: 10px 0 !important; }

.padding-vertical-15 {
  padding: 15px 0 !important; }

.padding-vertical-20 {
  padding: 20px 0 !important; }

.padding-bottom-5 {
  padding: 0 0 5px 0 !important; }

.padding-bottom-10 {
  padding: 0 0 10px 0 !important; }

.padding-bottom-15 {
  padding: 0 0 15px 0 !important; }

.padding-left-10 {
  padding-left: 10px !important; }

.padding-left-20 {
  padding-left: 20px !important; }

.margin-bottom-5 {
  margin: 0 0 5px 0 !important; }

.margin-bottom-10 {
  margin: 0 0 10px 0 !important; }

.margin-bottom-15 {
  margin: 0 0 15px 0 !important; }

.margin-bottom-20 {
  margin: 0 0 20px 0 !important; }

.margin-bottom-30 {
  margin: 0 0 30px 0 !important; }

.margin-bottom-40 {
  margin: 0 0 40px 0 !important; }

.margin-bottom-50 {
  margin: 0 0 50px 0 !important; }

.margin-bottom-60 {
  margin: 0 0 60px 0 !important; }

.margin-bottom-70 {
  margin: 0 0 70px 0 !important; }

.margin-right-5 {
  margin: 0 5px 0 0 !important; }

.margin-right-10 {
  margin: 0 10px 0 0 !important; }

.margin-right-15 {
  margin: 0 15px 0 0 !important; }

.margin-right-20 {
  margin: 0 20px 0 0 !important; }

.margin-right-30 {
  margin: 0 30px 0 0 !important; }

.margin-left-30 {
  margin: 0 0 0 30px !important; }

.margin-top-30 {
  margin: 30px 0 0 0 !important; }

.height-155 {
  height: 155px !important; }

.height-180 {
  height: 180px !important; }

.height-200 {
  height: 200px !important; }

.height-230 {
  height: 230px !important; }

.height-250 {
  height: 250px !important; }

.height-300 {
  height: 300px !important; }

.height-350 {
  height: 350px !important; }

.width-200 {
  width: 200px !important; }

@media (max-width: 992px) {
  .margin-bottom-sm-10 {
    margin: 0 0 10px 0 !important; }

  .margin-bottom-sm-15 {
    margin: 0 0 15px 0 !important; }

  .margin-bottom-sm-20 {
    margin: 0 0 20px 0 !important; }

  .margin-bottom-sm-30 {
    margin: 0 0 30px 0 !important; } }
.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

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

.text-bold {
  font-weight: bold; }

.text-extra-small {
  font-size: 11px !important; }

.text-small {
  font-size: 12px !important; }

.text-large {
  font-size: 16px !important; }

.text-extra-large {
  font-size: 18px !important; }

h1.text-extra-large {
  font-size: 42px !important; }

.text-azure {
  color: #00BDCC; }

.text-orange {
  color: #F58A5C; }

.text-green {
  color: #1FBBA6; }

.text-blue {
  color: #00C5AB; }

.text-pink {
  color: #DD5A82; }

.text-purple {
  color: #DD5A82; }

.text-bricky {
  color: #894550; }

.text-yellow {
  color: #FFB848; }

.text-red {
  color: #e66b6b; }

.text-white {
  color: #ffffff; }

a.text-white {
  color: rgba(255, 255, 255, 0.6); }
  a.text-white:hover {
    color: #ffffff; }

.text-dark {
  color: rgba(44, 47, 59, 0.4); }

a.text-dark:hover {
  color: rgba(44, 47, 59, 0.6); }

.center {
  text-align: center; }

.text-light {
  color: rgba(255, 255, 255, 0.6); }

a.text-light:hover {
  color: rgba(255, 255, 255, 0.8); }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.panel-white .text-light, .partition-white .text-light {
  color: rgba(0, 0, 0, 0.3) !important; }

.panel-white a.text-light:hover, .partition-white a.text-light:hover {
  color: rgba(0, 0, 0, 0.5) !important; }

.circle-100 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: inline-block;
  -webkit-box-shadow: 0 1px 2px #C3C3C3;
  -moz-box-shadow: 0 1px 2px #C3C3C3;
  box-shadow: 0 1px 2px #C3C3C3; }

.circle-50 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 55px;
  text-align: center;
  display: inline-block;
  -webkit-box-shadow: 0 1px 2px #C3C3C3;
  -moz-box-shadow: 0 1px 2px #C3C3C3;
  box-shadow: 0 1px 2px #C3C3C3; }

.rate .value {
  font-size: 30px;
  font-weight: 600; }
.rate i {
  vertical-align: middle;
  padding-bottom: 15px; }
.rate .percentage {
  vertical-align: middle;
  font-size: 15px;
  padding-bottom: 15px; }
.rate img {
  display: block;
  position: relative;
  width: 100%; }

.overlayer {
  display: block;
  position: absolute;
  z-index: 101;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0px, #000000 100%);
  opacity: 1; }
  .overlayer.fullwidth {
    width: 100%; }
  .overlayer .overlayer-wrapper {
    display: block;
    position: relative;
    z-index: 100; }

.bottom-left {
  bottom: 0;
  left: 0;
  position: absolute; }

.tags {
  display: inline-block;
  background: #C2C6CD;
  color: #ffffff !important;
  text-decoration: none;
  cursor: pointer;
  margin: 0 0 10px 18px;
  padding: 2px 10px 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  position: relative;
  transition: all .25s linear;
  white-space: nowrap;
  line-height: 21px; }
  .tags:before {
    content: "";
    border-style: solid;
    border-color: transparent #c5c5c5 transparent transparent;
    border-width: 12px 13px 12px 0;
    position: absolute;
    left: -13px;
    top: 0;
    transition: all .25s linear; }
  .tags:hover {
    background-color: #8B91A0;
    color: #FFFFFF; }
  .tags:hover:before {
    border-color: transparent #8B91A0 transparent transparent; }
  .tags:after {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 50% 50% 50% 50%;
    content: "";
    height: 5px;
    left: -1px;
    position: absolute;
    top: 10px;
    width: 5px; }

.tooltip-notification {
  cursor: pointer;
  right: 0;
  margin-top: 3px;
  padding: 5px 0;
  position: absolute;
  top: 25px;
  z-index: 10000; }
  .toolbar .tooltip-notification {
    top: 60px;
    right: 20px; }
  .tooltip-notification .tooltip-notification-arrow {
    border-width: 0 5px 5px;
    left: 80%;
    margin-left: -5px;
    top: 0;
    border-color: transparent;
    border-bottom-color: #292B2E;
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0; }
  .tooltip-notification .tooltip-notification-inner {
    background-color: #292B2E;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    line-height: normal; }
    .tooltip-notification .tooltip-notification-inner .message {
      color: #BFC0C1;
      font-size: 11px;
      margin-top: -4px; }
    .tooltip-notification .tooltip-notification-inner > div {
      width: 100px; }

.float-none {
  float: none; }

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

.background-light {
  background: rgba(255, 255, 255, 0.6) !important; }

.radius-3 {
  border-radius: 3px; }

.radius-5 {
  border-radius: 5px; }

.radius-10 {
  border-radius: 10px; }

.stack-right-bottom {
  left: auto !important;
  right: -0.5em !important;
  top: auto !important;
  bottom: -0.5em !important;
  text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }

.noTransform {
  -o-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important; }

.no-wrap {
  display: inline;
  white-space: nowrap; }

td.no-wrap {
  display: table-cell;
  white-space: nowrap; }

@media (min-width: 992px) {
  .text-md-right {
    text-align: right; } }
@media (max-width: 992px) {
  .margin-top-md-10 {
    margin-top: 10px; }

  .margin-bottom-md-5 {
    margin-bottom: 5px; } }
@media (max-width: 992px) {
  .pull-left-md {
    float: left !important; } }
@media (max-width: 768px) {
  .pull-left-sm {
    float: left !important; } }
/* ---------------------------------------------------------------------- */
/*  Subview
/* ---------------------------------------------------------------------- */
.subviews {
  background-color: #FFFFFF;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 501;
  display: none;
  overflow-y: auto;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.subviews-top {
  height: 0;
  left: 0; }

.subviews-right {
  width: 0;
  left: auto;
  right: 0; }

.barTopSubview {
  text-align: center;
  margin-bottom: 20px; }

.button-sv {
  border: 1px solid #DDDDDD;
  border-top: none;
  line-height: 40px;
  height: 40px;
  text-align: center;
  background-color: #FFFFFF;
  display: inline-block;
  padding: 0 20px;
  color: #858585;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8; }
  .button-sv:hover {
    color: #858585;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    text-decoration: none; }

.close-subviews, .back-subviews {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #111111;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 31px;
  margin-right: 3px;
  margin-top: 2px;
  opacity: 0.9;
  padding: 8px 0 7px 0;
  position: relative;
  text-align: center;
  width: 90px;
  float: right;
  left: 20px;
  -moz-transition-property: left;
  -o-transition-property: left;
  -webkit-transition-property: left;
  transition-property: left;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  display: none; }

.back-subviews {
  left: 110px; }

.close-subviews > i, .back-subviews > i {
  display: block;
  margin-top: 12px;
  color: #111111;
  font-size: 16px; }

.close-subviews:hover, .close-subviews:focus, .back-subviews:hover, .back-subviews:focus {
  background-color: #EEEEEE;
  color: #111111;
  text-decoration: none; }

#newNote {
  display: none; }

.note-title {
  background-color: transparent;
  border: none !important;
  color: #111111;
  font-size: 20px;
  font-weight: 600;
  height: 40px;
  z-index: 103;
  padding: 0 !important; }

.note-title:focus {
  border-color: none !important;
  box-shadow: none !important; }

#notes .note-content {
  display: none; }

#notes .note-short-content p {
  margin: 0; }

#notes .note-short-content h1, #notes .note-short-content h2, #notes .note-short-content h3 {
  font-size: 13px;
  margin: 0;
  line-height: 20px; }

#readNote {
  display: none; }

#readNote .panel-note {
  box-shadow: none; }

#readNote .panel-note .panel-heading {
  background: none; }

#readNote .note-short-content {
  display: none; }

#readNote .note-content p {
  margin: 0 0 18px 0; }

#readNote .note-content h1, #readNote .note-content h2, #readNote .note-content h3 {
  font-size: 13px;
  margin: 0;
  line-height: 20px; }

#readNote .noteslider {
  display: none; }

#readNote .noteslider .slides > li {
  display: none; }

#readNote .flex-direction-nav {
  position: absolute;
  top: 10px;
  right: 10px; }

#readNote .read-note {
  display: none; }

#showCalendar {
  display: none; }

#newEvent {
  display: none; }

#readEvent {
  display: none; }

#readEvent .event-content {
  background: url("../images/line.html");
  color: #858585;
  line-height: 18px;
  margin: 15px 0 0 0;
  padding: 0; }

#readEvent .event-start, #readEvent .event-end {
  color: #858585;
  margin: 15px 0 0 0;
  padding: 10px;
  margin-top: 20px;
  background: #EEEEEE; }

#readEvent .event-allday {
  color: #858585; }

#readEvent .event-allday i {
  color: #00AAFF; }

#readEvent .event-start p, #readEvent .event-end p {
  margin: 0 0 5px 0; }

#readEvent .event-day h2, #readEvent .event-date h3, #readEvent .event-date h4 {
  margin: 0;
  padding: 0; }

#readEvent .event-day h2 {
  font-size: 45px;
  line-height: 30px;
  margin-right: 5px; }

#readEvent .event-date h3 {
  font-size: 15px;
  line-height: 20px; }

#readEvent .event-date h4 {
  font-size: 12px; }

#readEvent .event-day, #readEvent .event-date, #readEvent .event-time {
  display: inline-block; }

#readEvent .event-time {
  margin-left: 20px; }

#readEvent .event-time h3 {
  margin: 0;
  padding: 0;
  font-size: 12px; }

#readEvent .event-category:before {
  line-height: 18px;
  padding-right: 0; }

#newContributor {
  display: none; }

#showContributors {
  display: none; }

#contributors .bootstrap-select:not([class*="span"])
:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: auto; }

.contributor-avatar .fileupload-preview {
  max-width: 50px;
  max-height: 50px;
  line-height: 20px !important; }

.contributor-avatar .contributor-avatar-options {
  display: inline-block;
  margin-left: 10px; }

/* ---------------------------------------------------------------------- */
/*  Forms
/* ---------------------------------------------------------------------- */
textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  background-color: #FFFFFF;
  border: 1px solid #E6E8E8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 32px;
  padding: 5px 12px;
  width: 100%;
  color: #333333;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.2;
  transition-duration: 0.1s;
  box-shadow: none !important;
  -webkit-transition: background-color 300ms ease-in-out;
  -moz-transition: background-color 300ms ease-in-out;
  -ms-transition: background-color 300ms ease-in-out;
  -o-transition: background-color 300ms ease-in-out;
  transition: background-color 300ms ease-in-out; }
  textarea:hover, select:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover {
    border-color: #D2D7D7; }
  textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
    box-shadow: none !important;
    border-color: #eeeeee !important;
    background-color: #F8F8F8 !important;
    outline: none; }

textarea[disabled], input[disabled], select[disabled] {
  background: #F8F8F8 !important;
  border-color: #F8F8F8 !important;
  color: #7F7F7F;
  -webkit-text-fill-color: #7f7f7f;
  -webkit-opacity: 1;
  background: white; }
  textarea[disabled]:hover, textarea[disabled]:focus, input[disabled]:hover, input[disabled]:focus, select[disabled]:hover, select[disabled]:focus {
    background: #F8F8F8 !important;
    border-color: #F8F8F8 !important; }

form h5 {
  color: #00C5AB;
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 40px; }
  form h5:first-child {
    margin-top: 0; }
form h3 {
  margin: 0 0 30px 0; }

.input-group-addon {
  background-color: #F8F8F8;
  border: 1px solid #E6E8E8;
  color: #999;
  /*
    background-color: lighten($text-color, 10%);
    border: 1px solid lighten($text-color, 10%);
    color: $white;
  */ }

@media (max-width: 768px) {
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-image: url(../../assets/images/selectBox-arrow.html) !important;
    padding-right: 25px !important; } }
select[multiple="multiple"]:focus option {
  background: #F8F8F8 !important; }

select.inline {
  /* width: 110%; */
  padding-right: 30px;
  vertical-align: middle;
  /*
  background: #FFF url(./../../assets/images/selectBox-arrow.gif) right 10px center no-repeat;
  */ }

.select-inline-container select {
  height: 25px; }

.has-error .form-control:focus, .has-warning .form-control:focus, .has-success .form-control:focus {
  box-shadow: none;
  border: 1px solid #E6E8E8;
  background-color: #E6E8E8; }

label {
  font-weight: normal;
  color: #858585;
  padding-top: 7px;
  margin-bottom: 0;
  text-align: right; }

span.input-icon, span.input-help {
  display: block;
  position: relative; }

.input-icon > input {
  padding-left: 25px;
  padding-right: 6px; }

.input-icon.input-icon-right > input {
  padding-left: 6px;
  padding-right: 25px; }

span.input-help > input {
  padding-left: 30px;
  padding-right: 6px; }

.input-icon > [class*="fa-"], .input-icon > [class*="clip-"] {
  bottom: 0;
  color: #909090;
  display: inline-block;
  font-size: 14px;
  left: 5px;
  line-height: 35px;
  padding: 0 3px;
  position: absolute;
  top: 0;
  z-index: 2; }

.input-icon.input-icon-right > [class*="fa-"], .input-icon.input-icon-right > [class*="clip-"] {
  left: auto;
  right: 4px; }

.input-icon > input:focus + [class*="fa-"], .input-icon > input:focus + [class*="clip-"] {
  color: #557799; }

.help-button {
  background-color: #595959;
  border-radius: 100% 100% 100% 100%;
  color: #FFFFFF;
  cursor: default;
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  padding: 0;
  text-align: center;
  width: 20px;
  line-height: 20px;
  top: 7px;
  right: -30px; }
  .help-button.inline {
    right: inherit;
    margin-left: 5px; }

.help-button:before {
  content: "\f128";
  display: inline;
  font-family: FontAwesome;
  font-weight: 300;
  height: auto;
  text-shadow: none;
  font-style: normal; }

.help-button.info:before {
  /*content: "\f129";*/
  content: 'i';
  font-style: normal;
  font-weight: normal; }

select.form-control {
  background-color: #FFFFFF;
  border: 1px solid #E6E8E8;
  border-radius: 0 0 0 0; }

select.form-control option {
  padding: 3px 4px; }

.form-control.search-select {
  padding: 0 !important;
  box-shadow: none;
  border: none; }

textarea.autosize {
  vertical-align: top;
  transition: height 0.2s;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  transition: height 0.2s;
  overflow: hidden;
  word-wrap: break-word;
  resize: horizontal;
  height: 69px; }

.radio-inline, .checkbox-inline, .radio-block, .checkbox-block {
  padding-left: 25px; }

label.radio-inline, label.checkbox-inline, label.radio-block, label.checkbox-block {
  color: #333;
  text-align: left; }

label.radio-block, label.checkbox-block {
  display: block; }

.radio label.radio-inline, .checkbox label.checkbox-inline {
  display: inline-block; }

.radio-inline, .radio-inline + .radio-inline, .checkbox-inline, .checkbox-inline + .checkbox-inline {
  margin-right: 10px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important; }

.radio label, .checkbox label {
  margin-bottom: 5px; }

.checkbox-table {
  display: inline-block;
  margin: 2px 0 0 0;
  padding-left: 20px;
  line-height: 10px; }

.checkbox-table label {
  margin-bottom: 0; }

[class^="icheckbox_"], [class*="icheckbox_"] {
  float: left !important;
  margin: 0 5px 0 -25px; }

[class^="iradio_"], [class*="iradio_"] {
  float: left !important;
  margin: 0 5px 0 0; }

label.radio-inline [class^="iradio_"],
label.radio-inline [class*="iradio_"] {
  float: left !important;
  margin: 0 5px 0 -25px; }

.icheckbox_square-green,
.iradio_square-green {
  background-image: url(../../assets/images/radio-green.html); }

.help-inline {
  margin-top: 6px;
  color: #737373; }

.help-block {
  margin-bottom: 0; }

.help-block.error {
  color: #B94A48; }

.input-inline {
  margin: 5px 0 0 0;
  display: inline-block; }

.symbol.required:before {
  content: "*";
  display: inline;
  color: #E6674A; }

.symbol.ok:before {
  content: "\f00c";
  display: inline;
  font-family: FontAwesome;
  color: #468847; }

.has-error .note-editor, .has-error .cke_chrome {
  border-color: #B94A48 !important; }

.form-group {
  position: relative; }

.form-group .text {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-top: 7px; }

/* ---------------------------------------------------------------------- */
/*  Responsive
/* ---------------------------------------------------------------------- */
@media (max-width: 768px) {
  label {
    text-align: left; } }
/* ---------------------------------------------------------------------- */
/*  Tables
/* ---------------------------------------------------------------------- */
table.full-width {
  width: 100%; }

.table > thead > tr > th {
  border-bottom: 1px solid #dfe1e5;
  background-color: #ebebeb;
  font-weight: 500; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: 1px solid #dfe1e5; }

.table > tbody > tr:last-child > td {
  border-bottom: 1px solid #dfe1e5; }

.table .col-10 {
  width: 10%; }

.table .col-15 {
  width: 15%; }

.table .col-20 {
  width: 20%; }

.table .col-25 {
  width: 25%; }

.table .col-50 {
  width: 50%; }

.table .col-s-date {
  width: 150px;
  text-align: center; }

.table .col-s-montant {
  width: 100px;
  text-align: right; }

.table .col-s-libelle {
  width: 200px;
  text-align: center; }

.col-s-30 {
  width: 30px; }

.col-s-50 {
  width: 50px; }

.col-s-100 {
  width: 100px; }

.col-s-130 {
  width: 130px; }

.col-s-150 {
  width: 150px; }

.col-s-200 {
  width: 200px; }

@media (max-width: 992px) {
  .table .col-s-date {
    width: 133px; } }
@media (max-width: 768px) {
  .table .col-s-date {
    width: auto; } }
.table.with-pagginator {
  margin-bottom: 15px; }

/** TODO **/
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #F6F6F6; }

.table-hover > tbody > tr:nth-child(odd):hover > td,
.table-hover > tbody > tr:nth-child(odd):hover > th {
  background: #F6F6F6; }

th.center, td.center {
  text-align: center; }

th.right, td.right {
  text-align: right; }

th.top, td.top {
  vertical-align: top; }

.table thead tr {
  color: #444;
  background-color: #F8F8F8;
  font-weight: normal; }

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

.table td {
  font-size: 12px; }

td.td-state {
  color: #999;
  text-align: center; }
td.td-negative {
  color: #CC3333; }
td.td-positive {
  color: #339933; }

tr.tr-section {
  background: #f9f9f9;
  font-weight: 300;
  font-size: 11px;
  border-top: solid 1px #fff; }

.m-table-title {
  padding: 8px;
  background-color: #00C5AB;
  color: #FFF;
  text-transform: uppercase;
  font-size: 14px; }
  .m-table-title .m-help-button {
    background-color: #FFF;
    color: #00C5AB;
    vertical-align: text-top;
    margin-top: 2px;
    text-transform: lowercase; }
  .m-table-title .m-table-title-text-right {
    float: right;
    font-size: 12px;
    text-transform: lowercase;
    line-height: 18px; }

.m-table-title-2 {
  padding: 8px;
  text-transform: uppercase;
  font-weight: 500;
  color: #00C5AB;
  font-size: 14px;
  padding-top: 20px; }

.m-table-filter {
  padding: 8px;
  background-color: #6cabaf;
  color: #FFF; }
  .m-table-filter .m-table-filter-title i {
    font-size: 20px; }
  .m-table-filter .m-table-filter-title .text {
    vertical-align: middle; }
  .m-table-filter .selectBox-dropdown {
    height: 22px;
    padding: 1px 12px;
    font-size: 12px; }
  .m-table-filter .selectBox-options li a {
    height: 22px;
    padding: 1px 12px; }
  .m-table-filter .select-inline-container {
    margin: 0 5px; }

.m-table-filter-action {
  float: right;
  padding: 0 15px;
  margin-left: 2px;
  color: #FFF;
  line-height: 22px;
  text-decoration: none !important; }
  .m-table-filter-action:hover, .m-table-filter-action.active {
    color: #FFF !important;
    background-color: #7BB4B7; }
  .m-table-filter-action:after {
    font-family: 'FontAwesome';
    content: '\f107';
    padding: 10px 0 10px 10px;
    text-decoration: none; }
  .m-table-filter-action.active:after {
    content: '\f106'; }

@media (max-width: 480px) {
  .m-table-filter-action {
    float: left;
    padding: 10px 20px 0 0; }
    .m-table-filter-action:hover, .m-table-filter-action.active {
      background-color: transparent; } }
.m-table-filter-module {
  padding: 8px;
  background-color: #fcfcfc;
  border-bottom: solid 1px #b8b8b8;
  display: none; }
  .m-table-filter-module label {
    color: inherit; }
  .m-table-filter-module .select-inline-container {
    margin: 0 5px; }
  .m-table-filter-module.filter-add input[type="text"] {
    width: auto; }

@media (max-width: 992px) {
  .m-table-filter-module .col-1-3 {
    margin-bottom: 10px; } }
@media (max-width: 480px) {
  .m-table-filter-module .select-inline-container {
    margin: 0 5px 0 0; } }
.m-table-paginator {
  float: right; }
  .m-table-paginator span {
    padding: 3px 5px;
    color: #FFF; }
  .m-table-paginator a {
    padding: 3px 5px;
    color: #FFF; }
    .m-table-paginator a:hover {
      text-decoration: underline; }
    .m-table-paginator a .fa-angle-double-left {
      margin-right: 3px; }
    .m-table-paginator a .fa-angle-double-right {
      margin-left: 3px; }

/*
@media (max-width: $screen-xs-min) {
  .m-table-paginator {
    margin-top: 10px;
  }
}
*/
.m-table-result {
  padding: 8px;
  background-color: #fcfcfc;
  border-bottom: 1px solid #b8b8b8; }
  .m-table-result .m-table-result-action {
    float: right;
    margin-left: 10px;
    padding-left: 10px;
    border-left: solid 1px #666;
    color: #00C5AB; }
    .m-table-result .m-table-result-action:last-child {
      border: none; }

@media (max-width: 992px) {
  .m-table-result .m-table-result-action {
    float: left;
    border-left: none;
    margin: 5px 10px 0 0;
    padding: 0 10px 0 0;
    border-left: none;
    border-right: solid 1px #666; } }
.table.plugin-trigger .tr-trigger:hover {
  background-color: #F8F8F8;
  cursor: pointer; }
.table.plugin-trigger .tr-more {
  display: none; }
  .table.plugin-trigger .tr-more td {
    border-top: none; }
  .table.plugin-trigger .tr-more a.pull-right {
    color: #999; }

.table.style-operations .tr-section {
  background-color: #FFF; }
  .table.style-operations .tr-section th {
    border-top: none;
    padding-top: 10px; }
.table.style-operations .td-category {
  width: 270px;
  padding-left: 20px !important; }
  .table.style-operations .td-category span {
    line-height: 20px; }
  .table.style-operations .td-category input[type="checkbox"] {
    display: none; }
  .table.style-operations .td-category .icheckbox_minimal-grey {
    float: right !important;
    margin: 0 5px 0 10px !important;
    display: none; }
.table.style-operations .tr-trigger td {
  padding: 6px 8px; }
.table.style-operations .tr-category {
  display: none; }
  .table.style-operations .tr-category td {
    padding: 0;
    background-color: #ebebeb; }

@media (max-width: 767px) {
  .table.style-operations .td-category {
    width: 25px; }
    .table.style-operations .td-category.s-lg {
      width: 75px; }
    .table.style-operations .td-category .td-category-name {
      display: none; } }
.table.style-virements .fa-clock-o {
  color: #8A6D3B; }
.table.style-virements .fa-ban {
  color: #A94442; }
.table.style-virements .fa-check {
  color: #3C763D; }
.table.style-virements .fa-pause {
  color: #8a6d3b; }
.table.style-virements .td-state {
  font-size: 14px; }
.table.style-virements .label {
  background-color: #00C5AB;
  padding: 2px 5px; }
.table.style-virements .tr-more.padding-bottom-xl td {
  padding-bottom: 16px; }

.m-list-compte-container {
  display: none;
  max-height: 233px;
  overflow: hidden;
  position: relative; }
  .m-list-compte-container table {
    width: 100%; }
  .m-list-compte-container tr {
    border: solid 1px #b8b8b8;
    cursor: pointer; }
  .m-list-compte-container td {
    padding: 5px 10px; }

.m-list-compte .m-list-compte-title {
  width: 200px;
  font-size: 16px; }
.m-list-compte .m-list-compte-user .m-list-compte-user-name {
  font-size: 16px; }
.m-list-compte .m-list-compte-solde {
  width: 150px;
  text-align: right;
  font-size: 14px; }
.m-list-compte .m-list-compte-number-sm {
  display: none; }
.m-list-compte:hover td {
  background-color: #E3E3E3; }
.m-list-compte.active td {
  background-color: #00C5AB;
  color: #FFF; }

@media (max-width: 991px) {
  .m-list-compte .m-list-compte-iban,
  .m-list-compte .m-list-compte-number {
    display: none; }
  .m-list-compte .m-list-compte-number-sm {
    display: block; } }
.m-table-td-category {
  position: relative;
  padding: 15px 15px 1px; }
  .m-table-td-category .m-table-td-category-title {
    font-weight: 500;
    font-size: 15px;
    color: #00C5AB;
    padding-right: 15px; }
  .m-table-td-category .trigger-close {
    position: absolute;
    right: 16px;
    top: 10px;
    font-size: 15px;
    color: #666; }
  .m-table-td-category .content-line {
    margin-bottom: 20px; }
  .m-table-td-category .inline-label {
    display: inline;
    margin-right: 5px; }
  .m-table-td-category .select-inline-container {
    margin-right: 5px; }

@media (max-width: 767px) {
  .m-table-td-category .inline-label {
    width: 90px;
    display: inline-block;
    margin-top: 8px; }
    .m-table-td-category .inline-label.full-width-sm {
      margin: 10px 0 3px 0; }
      .m-table-td-category .inline-label.full-width-sm:first-child {
        margin-top: 0; }
  .m-table-td-category button {
    margin-top: 15px; } }
.progress.progress-xs {
  height: 7px; }

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

.progress.progress-lg {
  height: 20px; }

.progress.transparent-black {
  background-color: rgba(0, 0, 0, 0.2); }

/* ---------------------------------------------------------------------- */
/* Dropdown Menu
/* ---------------------------------------------------------------------- */
.dropdown-menu.dropdown-dark {
  background-color: #2B3034;
  border: 1px solid #1A1C1E;
  border-radius: 0;
  box-shadow: none;
  list-style: none outside none;
  max-width: 300px;
  min-width: 166px;
  padding: 0;
  position: absolute;
  text-shadow: none;
  z-index: 1000; }
  .dropdown-menu.dropdown-dark:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    border-width: 10px;
    content: "";
    border-bottom-color: #2B3034;
    border-top-width: 0;
    content: " ";
    top: -10px;
    left: 1px; }
  .dropdown-menu.dropdown-dark.pull-right:after {
    left: auto;
    right: 1px; }
  .dropdown-menu.dropdown-dark .dropdown-header {
    padding: 8px 8px 6px;
    color: #E3E3E3;
    font-size: 11px; }
  .dropdown-menu.dropdown-dark .divider {
    background: none; }
  .dropdown-menu.dropdown-dark li p, .dropdown-menu.dropdown-dark li a, .dropdown-menu.dropdown-dark .drop-down-wrapper li p, .dropdown-menu.dropdown-dark .drop-down-wrapper li a {
    color: #EDEDED;
    border-bottom-color: #1A1C1E;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 300;
    margin: 0;
    padding: 8px 8px 6px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    white-space: normal !important;
    display: block; }
  .dropdown-menu.dropdown-dark li:last-child a {
    border-bottom: none !important;
    border-radius: 0 0 6px 6px; }
  .dropdown-menu.dropdown-dark > li > a:hover, .dropdown-menu.dropdown-dark > li > a:focus, .dropdown-menu.dropdown-dark .dropdown-submenu:hover > a, .dropdown-menu.dropdown-dark .dropdown-submenu:focus > a, .dropdown-menu.dropdown-dark .drop-down-wrapper li a:hover, .dropdown-menu.dropdown-dark .drop-down-wrapper li a:focus {
    background-color: #212326; }

.dropdown-menu.dropdown-light {
  background-color: #FFFFFF;
  border: 1px solid rgba(17, 17, 17, 0.15);
  max-width: 300px;
  min-width: 166px;
  border-radius: 0;
  padding: 0; }
  .dropdown-menu.dropdown-light:before, .dropdown-menu.dropdown-light:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0; }
  .dropdown-menu.dropdown-light:before {
    border-bottom-color: rgba(17, 17, 17, 0.15);
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    border-width: 11px;
    content: "";
    border-top-width: 0;
    content: " ";
    top: -11px;
    left: 1px; }
  .dropdown-menu.dropdown-light:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    border-width: 10px;
    content: "";
    border-bottom-color: #FFFFFF;
    border-top-width: 0;
    content: " ";
    top: -10px;
    left: 2px; }
  .dropdown-menu.dropdown-light.pull-right:after {
    left: auto;
    right: 2px; }
  .dropdown-menu.dropdown-light.pull-right:before {
    left: auto;
    right: 1px; }
  .dropdown-menu.dropdown-light li a {
    border-bottom: 1px solid #DDDDDD;
    font-size: 12px;
    line-height: 24px; }

/* ---------------------------------------------------------------------- */
/*  Modals
/* ---------------------------------------------------------------------- */
.modal-backdrop {
  /*z-index: 1040 !important;*/ }

@media (max-width: 768px) {
  .modal-header .close {
    font-size: 45px;
    line-height: 0.6;
    margin-left: 10px; } }
/* ---------------------------------------------------------------------- */
/*  Labels and Badges
/* ---------------------------------------------------------------------- */
.badge-success {
  background-color: #5CB85C; }

.badge-success[href]:hover, .badge-success[href]:focus {
  background-color: #449D44; }

.badge-warning {
  background-color: #F0AD4E; }

.badge-warning[href]:hover, .badge-warning[href]:focus {
  background-color: #EC971F; }

.badge-info {
  background-color: #5BC0DE; }

.badge-info[href]:hover, .badge-info[href]:focus {
  background-color: #31B0D5; }

.badge-danger {
  background-color: #D9534F; }

.badge-danger[href]:hover, .badge-danger[href]:focus {
  background-color: #C9302C; }

.badge-new {
  background-color: #007AFF;
  border-radius: 12px 12px 12px 12px !important;
  font-size: 11px !important;
  font-weight: 300;
  height: 18px;
  padding: 3px 6px;
  text-align: center;
  text-shadow: none !important;
  vertical-align: middle; }

.label {
  font-size: 85% !important;
  padding: 0.4em 0.6em !important; }

.label-inverse, .badge-inverse {
  background-color: #555555; }

/* ---------------------------------------------------------------------- */
/*  Accordion
/* ---------------------------------------------------------------------- */
.accordion .panel {
  background-color: #FFFFFF;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent; }
.accordion .panel-heading {
  padding: 0;
  background-image: none;
  height: auto;
  min-height: 0;
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }
  .accordion .panel-heading .accordion-toggle {
    background-color: #E6E8E8;
    color: #8B91A0;
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    padding: 10px;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
    .accordion .panel-heading .accordion-toggle:hover, .accordion .panel-heading .accordion-toggle:focus {
      text-decoration: none; }
    .accordion .panel-heading .accordion-toggle.collapsed {
      background-color: #F3F3F3;
      border-color: #D9D9D9;
      border-width: 0 0 0 1px;
      color: #707788;
      font-weight: 300; }
      .accordion .panel-heading .accordion-toggle.collapsed > .icon-arrow {
        filter: alpha(opacity=75);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
        -moz-opacity: 0.75;
        -khtml-opacity: 0.75;
        opacity: 0.75; }
        .accordion .panel-heading .accordion-toggle.collapsed > .icon-arrow:before {
          content: "\f067" !important; }
    .accordion .panel-heading .accordion-toggle > .icon-arrow {
      font-family: FontAwesome;
      font-size: 11px;
      padding: 0 5px;
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #E3E3E3; }
      .accordion .panel-heading .accordion-toggle > .icon-arrow:before {
        content: "\f068"; }
.accordion .panel-body {
  border: none !important; }
.accordion.panel-group .panel + .panel {
  margin-top: 1px; }
.accordion.accordion-white .panel-heading .accordion-toggle {
  background-color: #ffffff; }
  .accordion.accordion-white .panel-heading .accordion-toggle.collapsed {
    background-color: #ffffff; }
.accordion.accordion-white.panel-group .panel + .panel {
  margin-top: 0;
  border-top: 1px solid #4d4d4d; }

/* ---------------------------------------------------------------------- */
/*  Widgets
/* ---------------------------------------------------------------------- */
.todo {
  list-style: none;
  margin: 0;
  padding: 0; }
  .todo li .todo-actions {
    background: white;
    border-bottom: 1px solid #E4E6EB;
    margin-left: 0 !important;
    padding: 10px 10px 10px 35px !important;
    position: relative;
    display: block;
    color: #8B91A0; }
    .todo li .todo-actions:hover, .todo li .todo-actions:focus {
      text-decoration: none;
      background-color: #F4F6F9 !important; }
    .todo li .todo-actions > i {
      color: #C7CBD5;
      font-size: 18px;
      margin: 0 5px 0 0;
      position: absolute;
      left: 10px;
      top: 11px;
      cursor: pointer; }
  .todo li .label {
    position: absolute;
    right: 10px;
    padding: 6px; }
  .todo .todo-tools {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2; }

.clock-wrapper {
  max-height: 100px;
  float: right;
  height: 100%;
  width: 100%;
  margin-top: 10px; }

.clock {
  position: relative;
  height: 0;
  float: right;
  width: 70%;
  padding-bottom: 70%; }
  .clock .circle {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    max-width: 100px;
    max-height: 100px; }
  .clock .face {
    background: rgba(255, 255, 255, 0);
    border: 2px solid rgba(255, 255, 255, 0.6);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 100%;
    position: relative;
    width: 100%; }
    .clock .face:after {
      background: #FFFFFF;
      border-radius: 4px;
      content: "";
      display: block;
      height: 8px;
      left: 50%;
      margin: -4px 0 0 -4px;
      position: absolute;
      top: 50%;
      width: 8px; }
    .clock .face:before {
      background: rgba(255, 255, 255, 0);
      border-radius: 50%;
      bottom: 2px;
      content: "";
      display: block;
      left: 2px;
      position: absolute;
      right: 2px;
      top: 2px; }

#hour {
  background: #FFFFFF;
  border-radius: 5px 0 0 5px;
  height: 0;
  left: 50%;
  margin: -2px 0 -2px -25%;
  padding: 2px 0 2px 25%;
  position: absolute;
  top: 50%;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  width: 0; }

#minute {
  background: #FFFFFF;
  border-radius: 5px 5px 0 0;
  height: 0;
  left: 50%;
  margin: -40% -2px 0;
  padding: 40% 2px 0;
  position: absolute;
  top: 50%;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  width: 0; }

#second {
  background: rgba(255, 255, 255, 0.6);
  height: 0;
  left: 50%;
  margin: -40% -1px 0 0;
  padding: 40% 1px 0;
  position: absolute;
  top: 50%;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  width: 0; }

.panel-white .clock .face, .partition-white .clock .face {
  background: rgba(255, 255, 255, 0);
  border: 2px solid rgba(44, 47, 59, 0.4); }
  .panel-white .clock .face:after, .partition-white .clock .face:after {
    background: rgba(44, 47, 59, 0.4); }
  .panel-white .clock .face:before, .partition-white .clock .face:before {
    background: rgba(44, 47, 59, 0); }
.panel-white .clock #hour, .partition-white .clock #hour {
  background: rgba(44, 47, 59, 0.4);
  width: 0; }
.panel-white .clock #minute, .partition-white .clock #minute {
  background: rgba(44, 47, 59, 0.4); }
.panel-white .clock #second, .partition-white .clock #second {
  background: rgba(44, 47, 59, 0.2); }

.weather {
  float: right;
  text-align: center;
  width: 70%;
  font-size: 25px;
  margin-bottom: 10px;
  max-width: 100px; }
  .weather > i {
    font-size: 20px;
    line-height: 20px;
    margin-right: 10px; }

.actual-date {
  display: inline-block; }
  .actual-date .actual-day {
    font-size: 11em;
    line-height: 0.9em;
    font-weight: 600;
    display: block; }
  .actual-date .actual-month {
    font-size: 2em;
    line-height: 0.2em;
    display: block;
    text-align: center; }

.appointments {
  margin: 0;
  padding: 15px 20px;
  list-style: none;
  position: relative; }
  .appointments .owl-next, .appointments .owl-prev {
    position: absolute;
    top: 0;
    line-height: 70px; }
  .appointments .owl-next {
    right: 0; }
  .appointments .owl-prev {
    left: 0; }
  .appointments span {
    display: block; }

.mini-stats {
  list-style: none;
  margin: 0;
  padding: 0; }
  .mini-stats li {
    text-align: center;
    margin-bottom: 8px;
    margin-top: 8px; }
    .mini-stats li:last-child {
      border-right: 0 none; }
  .mini-stats .values {
    font-size: 12px;
    padding: 10px 0; }
    .mini-stats .values strong {
      display: block;
      font-size: 18px;
      margin-bottom: 2px;
      line-height: 18px; }

.mini-stats .sparkline-bar {
  font-size: 12px;
  font-weight: bold;
  text-align: center; }

#reportrange {
  cursor: pointer; }

.jqstooltip {
  width: auto !important;
  height: auto !important;
  padding: 2px 6px !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
  border: 0 !important;
  border-radius: 3px; }

/* ---------------------------------------------------------------------- */
/*  Style Selector
/* ---------------------------------------------------------------------- */
#style_selector_container {
  padding: 0 20px 10px; }

.style-main-title {
  background: #D9D9D9;
  border-bottom: 1px solid rgba(23, 24, 26, 0.15);
  color: #000000;
  font-size: 15px;
  height: 44px;
  line-height: 44px;
  text-align: center; }

.box-title {
  font-size: 12px;
  height: 33px;
  line-height: 33px;
  text-align: center; }

.input-box {
  padding-bottom: 10px;
  text-align: center; }

#style_selector .style-toggle {
  background: #ffffff;
  cursor: pointer;
  height: 44px;
  width: 35px;
  border: 1px solid rgba(23, 24, 26, 0.15);
  border-right: none;
  border-radius: 5px 0 0 5px;
  line-height: 44px;
  text-align: center;
  color: #007AFF;
  font-size: 14px; }

#style_selector > .open:before {
  content: "\e162";
  font-family: 'clip-font';
  line-height: 1; }

#style_selector > .open {
  background-position: left top;
  left: -35px;
  position: absolute;
  top: 44px;
  width: 35px;
  opacity: 1; }

#style_selector > .close:before {
  content: "\e163";
  font-family: 'clip-font';
  line-height: 1; }

#style_selector > .close {
  background-position: left bottom;
  position: absolute;
  right: 0;
  top: 45px;
  width: 35px;
  opacity: 0.9; }

#style_selector .images {
  padding-bottom: 10px;
  text-align: center;
  position: relative; }

#style_selector .images img {
  height: 32px;
  margin-bottom: 8px;
  margin-right: 8px;
  width: 32px;
  z-index: 1000; }

#style_selector .images .form-group {
  width: 50px;
  text-align: center;
  color: #AAA9A9;
  font-size: 10px;
  margin-bottom: 0; }

#style_selector .images input {
  display: none; }

#style_selector .images .form-group {
  display: inline-block; }

#style_selector .images .add-on {
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  display: inline-block;
  font-weight: normal;
  line-height: 20px;
  min-width: 20px;
  padding: 5px;
  text-align: center;
  text-shadow: 0 1px 0 #FFFFFF;
  width: auto;
  margin-left: 2px; }

#style_selector .images .add-on i {
  cursor: pointer;
  display: block;
  height: 20px;
  width: 20px; }

#style_selector .clear_style {
  margin-right: 20px; }

.style-options {
  height: 25px;
  line-height: 25px;
  text-align: center; }
  .style-options a {
    color: #e6e6e6; }

/* ---------------------------------------------------------------------- */
/* Tabs
/* ---------------------------------------------------------------------- */
/* HACK BOOTSTRAP */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border: none; }

.nav-tabs {
  margin-bottom: 0;
  padding: 0;
  border-color: #b8b8b8;
  background-color: #ebebeb; }
  .nav-tabs > li {
    text-align: center;
    border-right: solid 1px #b8b8b8;
    cursor: pointer; }
    .nav-tabs > li > a {
      border: 0 none;
      border-radius: 0;
      color: #333;
      font-size: 14px;
      min-width: 70px;
      padding: 7px 15px;
      margin-right: 0;
      border-bottom: solid 1px #b8b8b8;
      border-top: solid 5px transparent; }
    .nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus {
      cursor: pointer;
      color: #3c7a7e;
      border-top: solid 5px #00C5AB;
      background-color: #F8F8F8;
      padding-bottom: 8px; }
    .nav-tabs > li > a:hover {
      border-top: solid 5px #b8b8b8;
      border-bottom: solid 1px #b8b8b8;
      background-color: #dfdfdf; }
  .nav-tabs > .active a, .nav-tabs > .active a:hover, .nav-tabs > .active a:focus {
    border: 0 none;
    -webkit-box-shadow: 1px 1px 2px rgba(44, 47, 59, 0.1) 2px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 1px 2px rgba(44, 47, 59, 0.1) 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 2px rgba(44, 47, 59, 0.1) 2px 5px rgba(0, 0, 0, 0.4);
    color: #505458; }
  .nav-tabs.simple > li.active a {
    background-color: #FFF; }

@media (max-width: 992px) {
  .nav-tabs > li > a {
    padding: 7px;
    font-size: 12px; } }
@media (max-width: 768px) {
  .nav-tabs > li {
    width: 100%;
    display: none;
    border-left: none;
    border-right: none; }
    .nav-tabs > li > a {
      border-top: solid 1px #b8b8b8;
      font-size: 20px; }
    .nav-tabs > li.active {
      display: block; }
      .nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus {
        border-bottom: solid 1px #b8b8b8;
        border-top: solid 1px #b8b8b8;
        padding-bottom: 7px;
        font-weight: 500; }
      .nav-tabs > li.active:before {
        position: absolute;
        font-family: FontAwesome;
        z-index: 1;
        font-size: 20px;
        top: 9px;
        right: 10px;
        content: "\f107"; }
    .nav-tabs > li > a:hover {
      border-top: solid 1px #b8b8b8; } }
.subnav-tabs {
  margin-bottom: 0;
  padding: 0;
  border-bottom: 1px solid #b8b8b8;
  background-color: #F8F8F8; }
  .subnav-tabs > li {
    float: left;
    margin-bottom: -3px;
    text-align: center;
    background-color: transparent !important; }
    .subnav-tabs > li > a {
      border: 0 none;
      border-radius: 0;
      color: #888;
      min-width: 70px;
      padding: 15px 20px; }
      .subnav-tabs > li > a i {
        font-size: 20px; }
    .subnav-tabs > li.active a, .subnav-tabs > li.active a:hover, .subnav-tabs > li.active a:focus {
      border-width: 0;
      background: url("../images/subnav-tabs-arrow.html") no-repeat center 40px;
      transition: none; }
    .subnav-tabs > li a:hover, .subnav-tabs > li a:focus {
      background-color: transparent !important;
      color: #666; }
    .subnav-tabs > li.li-img a {
      min-width: initial;
      padding: 13px 15px; }
  .subnav-tabs > .active a, .subnav-tabs > .active a:hover, .subnav-tabs > .active a:focus {
    border: 0 none;
    color: #333; }

.subnav-tabs-item {
  display: none;
  padding: 10px 20px;
  text-align: center;
  border-bottom: 1px solid #b8b8b8;
  cursor: pointer;
  font-size: 15px; }
  .subnav-tabs-item:before {
    position: absolute;
    z-index: 1;
    font-size: 20px;
    top: 0;
    right: 10px;
    content: "..."; }

@media (max-width: 992px) {
  .subnav-tabs > li > a {
    padding: 15px 8px; }
  .subnav-tabs .li-img a {
    padding: 13px 10px !important; } }
@media (max-width: 768px) {
  .subnav-tabs {
    position: absolute;
    right: 0;
    background-color: #FFF;
    border-left: 1px solid #b8b8b8;
    display: none;
    z-index: 1; }
    .subnav-tabs > li {
      width: auto;
      float: inherit;
      border-bottom: 1px solid #b8b8b8; }
      .subnav-tabs > li > a {
        padding: 10px 20px;
        font-size: 15px; }
      .subnav-tabs > li.active a, .subnav-tabs > li.active a:hover, .subnav-tabs > li.active a:focus {
        background: none; }
      .subnav-tabs > li.li-img {
        border-bottom: none; }

  .subnav-tabs-item {
    display: block; } }
.panel-tabs, .tabbable {
  background-color: #b8b8b8;
  padding: 1px;
  /*margin-bottom: 15px;*/ }

.panel-tabs {
  padding: 0; }
  .panel-tabs .panel-heading {
    background: #E6E8E8; }
  .panel-tabs .panel-body {
    padding: 0; }
  .panel-tabs .tabbable {
    margin: 0;
    padding: 0; }
  .panel-tabs .nav-tabs {
    border: medium none;
    float: right;
    margin-top: -49px; }
    .panel-tabs .nav-tabs > li > a {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }

.tab-content {
  background-color: #FFFFFF;
  position: relative; }

.tab-content > .tab-pane, .pill-content > .pill-pane {
  display: none;
  padding: 15px; }

.tab-content > .active, .pill-content > .active {
  display: block;
  padding: 19px; }

.tab-content > .has-subnav-tabs {
  padding-top: 0; }

@media (max-width: 991px) {
  .tab-content > .tab-pane {
    padding: 10px; } }
@media (max-width: 767px) {
  .panel-tabs, .tabbable {
    padding: 0; } }
/* ---------------------------------------------------------------------- */
/*  Login
/* ---------------------------------------------------------------------- */
body.login {
  overflow: visible; }

body.login {
  background-image: url("../images/bg.html");
  background-color: transparent; }

body.login .main-login {
  margin-top: 60px;
  position: relative; }

body.login .logo {
  padding: 20px;
  text-align: center; }

body.login .box-login, body.login .box-forgot, body.login .box-register {
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: -30px 30px 50px rgba(0, 0, 0, 0.32);
  overflow: hidden;
  padding: 15px;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0; }

body.login .box-login, body.login .box-forgot, body.login .box-register {
  display: none; }

body.login .form fieldset {
  border: none;
  margin: 0;
  padding: 10px 0 0; }

body.login a.forgot {
  color: #909090;
  font-size: 12px;
  position: absolute;
  right: 10px;
  text-shadow: 1px 1px 1px #FFFFFF;
  top: 9px; }

body.login input.password {
  padding-right: 130px; }

body.login label {
  color: #7F7F7F;
  font-size: 14px;
  margin-top: 5px; }

body.login .copyright {
  font-size: 11px;
  margin: 0 auto;
  padding: 10px 10px 0;
  text-align: center; }

body.login .form-actions:before, body.login .form-actions:after {
  content: "";
  display: table;
  line-height: 0; }

body.login .form-actions:after {
  clear: both; }

body.login .form-actions {
  margin-top: 15px;
  padding-top: 10px;
  display: block; }

body.login .new-account {
  border-top: 1px dotted #EEEEEE;
  margin-top: 15px;
  padding-top: 10px;
  display: block; }

/* ---------------------------------------------------------------------- */
/* Horizontal Menu
/* ---------------------------------------------------------------------- */
#horizontal-menu {
  margin: 0;
  border-radius: 0;
  min-height: 40px;
  border: none;
  background: none !important;
  z-index: 1020;
  top: 50px; }
  #horizontal-menu .container {
    padding: 0;
    width: auto !important;
    margin-left: 250px; }
    .sidebar-close #horizontal-menu .container {
      margin-left: 0; }
  .right-sidebar-open #horizontal-menu {
    left: -250px !important;
    right: 250px !important; }
  #horizontal-menu .navbar-collapse {
    padding: 0; }
    #horizontal-menu .navbar-collapse .navbar-nav > li > a {
      padding-top: 0;
      padding-bottom: 0;
      line-height: 40px; }
    #horizontal-menu .navbar-collapse .navbar-nav > li.active > a:after {
      content: " ";
      height: 0;
      position: absolute;
      width: 0;
      border: 5px solid transparent;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      z-index: 1; }
  #horizontal-menu li.dropdown > a .icon-arrow {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    #horizontal-menu li.dropdown > a .icon-arrow:before {
      content: "\f107"; }
  #horizontal-menu li.dropdown .label {
    position: absolute !important;
    right: 5px; }

.mega-menu {
  position: static !important; }
  .mega-menu .dropdown-menu {
    left: 250px;
    right: 0 !important; }
    .sidebar-close .mega-menu .dropdown-menu {
      left: 0; }
  .mega-menu .mega-menu-content {
    padding: 20px 30px;
    line-height: normal !important; }
    .main-navigation .mega-menu .mega-menu-content {
      padding: 0; }
  .mega-menu ul.mega-sub-menu {
    list-style: none;
    margin: 0;
    padding: 0; }
    .mega-menu ul.mega-sub-menu li a {
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px; }
    .mega-menu ul.mega-sub-menu li .active a {
      color: #ffffff; }
    .mega-menu ul.mega-sub-menu .mega-menu-sub-title {
      color: #999999;
      display: block;
      font-size: 12px;
      padding-bottom: 5px;
      text-transform: uppercase;
      border-bottom: 1px solid #E5E5E5;
      margin-bottom: 10px; }
      .main-navigation .mega-menu ul.mega-sub-menu .mega-menu-sub-title {
        padding-left: 40px !important;
        border-bottom: none !important;
        margin: 0 !important;
        padding-bottom: 0 !important;
        padding-top: 5px; }
    .mega-menu ul.mega-sub-menu a {
      display: block;
      font-weight: normal;
      padding: 3px 8px;
      line-height: 1.42857;
      height: auto;
      text-align: left;
      text-decoration: none;
      color: #333333; }
      .mega-menu ul.mega-sub-menu a:hover, .mega-menu ul.mega-sub-menu a:focus {
        text-decoration: none; }

.horizontal-menu-fixed #horizontal-menu {
  position: fixed;
  right: 0;
  left: 0; }

.header-default #horizontal-menu {
  position: relative;
  top: 0 !important; }

.horizontal-menu-fixed .main-container {
  margin-top: 90px !important; }

.header-default.horizontal-menu-fixed .main-container {
  margin-top: 0 !important; }

.core-menu {
  margin-bottom: 20px !important; }

/* ---------------------------------------------------------------------- */
/*  Blog Elements
/* ---------------------------------------------------------------------- */
.blog-photo-stream li {
  display: inline-block;
  margin: 0 5px 8px 0;
  overflow: hidden; }

.blog-photo-stream img {
  border: 2px solid #9CA5AE;
  padding: 2px;
  width: 60px; }

.blog-categories li a:before {
  content: "\f105";
  font-family: FontAwesome !important;
  font-size: 8px;
  padding-right: 10px;
  position: relative;
  top: -1px; }

.blog-posts article {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 50px;
  padding-bottom: 10px; }

.blog-posts article .flexslider {
  margin-bottom: 25px;
  background: #FFFFFF;
  border: 4px solid #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  position: relative; }

article .post-meta {
  margin-bottom: 7px; }

article .post-meta > span {
  display: inline-block;
  padding-right: 10px; }

.post-page .post-meta, .recent-posts .post-meta {
  border-bottom: 1px solid #EEEEEE;
  border-top: 1px solid #EEEEEE;
  margin: 20px 0;
  padding: 10px 0; }

div.post-media {
  border-top: 1px solid #EEEEEE;
  margin: 15px 0 0 0;
  padding: 20px 0 15px 0; }

div.post-author div.img-thumbnail {
  display: inline-block;
  float: left;
  margin-right: 20px; }

div.post-media p {
  line-height: 20px;
  margin: 0;
  padding: 0; }

div.post-media h4 i {
  margin-right: 5px; }

div.post-comments img.media-object {
  height: 60px;
  position: relative;
  top: 2px;
  width: 60px; }

ul.blog-categories {
  margin-bottom: 35px; }

ul.blog-categories > li a {
  border-bottom: 1px solid #EDEDDE;
  padding: 8px 20px;
  transition: all 0.3s ease 0s; }

ul.post-list {
  list-style: none;
  margin: 0;
  padding: 0; }

ul.post-list li {
  border-bottom: 1px dotted #E2E2E2;
  padding: 15px 0;
  display: block;
  min-height: 90px; }

ul.post-list .post-image {
  margin-right: 10px;
  float: left; }

/* ---------------------------------------------------------------------- */
/*  Buttons
/* ---------------------------------------------------------------------- */
.btn {
  transition: all 0.3s ease 0s !important;
  border: none !important; 
  font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Raleway, "Helvetica Neue", Arial, sans-serif;
	font-weight: 500;
	text-transform: capitalize;
	letter-spacing: .08em;}
  .btn.btn-margin-right {
    margin-right: 15px; }

.btn.pull-right + .btn.pull-right {
  margin-right: 5px; }

.btn-primary {
  background-color: #00C5AB;
  border-color: #00C5AB;
  border-radius:2px;
  color: #ffffff; 
  text-transform:uppercase;
  font-weight:600;
  font-size:14px;}
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: #7948B8;
    border-color: #7948B8;
    color: #ffffff; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #def3f4;
    border-color: #cbecee;
    color: #ffffff; }
  .btn-primary .caret {
    border-top-color: #ffffff; }
  .dropup .btn-primary .caret {
    border-bottom: 4px solid #ffffff; }

.btn-secondary {
  background-color: #595959;
  border-color: #4c4c4c;
  color: #ffffff; }
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
    background-color: #4c4c4c;
    border-color: #3f3f3f;
    color: #ffffff; }
  .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active, .btn-secondary.disabled.active, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary.active {
    background-color: #e5e5e5;
    border-color: #d9d9d9;
    color: #ffffff; }
  .btn-secondary .caret {
    border-top-color: #ffffff; }
  .dropup .btn-secondary .caret {
    border-bottom: 4px solid #ffffff; }

.btn-light-grey {
  background-color: #E3E3E3;
  color: #333; }
  .btn-light-grey:hover, .btn-light-grey:focus, .btn-light-grey:active, .btn-light-grey.active {
    background-color: #d6d6d6;
    border-color: #cacaca; }
  .btn-light-grey.disabled:hover, .btn-light-grey.disabled:focus, .btn-light-grey.disabled:active, .btn-light-grey.disabled.active, .btn-light-grey[disabled]:hover, .btn-light-grey[disabled]:focus, .btn-light-grey[disabled]:active, .btn-light-grey[disabled].active, fieldset[disabled] .btn-light-grey:hover, fieldset[disabled] .btn-light-grey:focus, fieldset[disabled] .btn-light-grey:active, fieldset[disabled] .btn-light-grey.active {
    background-color: white;
    border-color: white;
    color: #ffffff; }
  .btn-light-grey .caret {
    border-top-color: #ffffff; }
  .dropup .btn-light-grey .caret {
    border-bottom: 4px solid #ffffff; }
  .btn-light-grey.btn-fake {
    cursor: default !important; }
    .btn-light-grey.btn-fake:hover, .btn-light-grey.btn-fake:focus, .btn-light-grey.btn-fake:active, .btn-light-grey.btn-fake.active {
      background-color: #E3E3E3; }

.btn-dark-grey {
  background-color: #707788;
  border-color: #646b7a;
  color: #ffffff; }
  .btn-dark-grey:hover, .btn-dark-grey:focus, .btn-dark-grey:active, .btn-dark-grey.active {
    background-color: #646b7a;
    border-color: #595e6c;
    color: #ffffff; }
  .btn-dark-grey.disabled:hover, .btn-dark-grey.disabled:focus, .btn-dark-grey.disabled:active, .btn-dark-grey.disabled.active, .btn-dark-grey[disabled]:hover, .btn-dark-grey[disabled]:focus, .btn-dark-grey[disabled]:active, .btn-dark-grey[disabled].active, fieldset[disabled] .btn-dark-grey:hover, fieldset[disabled] .btn-dark-grey:focus, fieldset[disabled] .btn-dark-grey:active, fieldset[disabled] .btn-dark-grey.active {
    background-color: white;
    border-color: #fbfbfc;
    color: #ffffff; }
  .btn-dark-grey .caret {
    border-top-color: #ffffff; }
  .dropup .btn-dark-grey .caret {
    border-bottom: 4px solid #ffffff; }

.btn-grey {
  background-color: #8B91A0;
  border-color: #7d8495;
  color: #ffffff; }
  .btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active {
    background-color: #7d8495;
    border-color: #707788;
    color: #ffffff; }
  .btn-grey.disabled:hover, .btn-grey.disabled:focus, .btn-grey.disabled:active, .btn-grey.disabled.active, .btn-grey[disabled]:hover, .btn-grey[disabled]:focus, .btn-grey[disabled]:active, .btn-grey[disabled].active, fieldset[disabled] .btn-grey:hover, fieldset[disabled] .btn-grey:focus, fieldset[disabled] .btn-grey:active, fieldset[disabled] .btn-grey.active {
    background-color: white;
    border-color: white;
    color: #ffffff; }
  .btn-grey .caret {
    border-top-color: #ffffff; }
  .dropup .btn-grey .caret {
    border-bottom: 4px solid #ffffff; }

/*
.btn-azure {
  background-color: $azure;
  border-color: darken($azure,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($azure,5%);
    border-color: darken($azure,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($azure,55%);
    border-color: lighten($azure,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-light-azure {
  background-color: $lightAzure;
  border-color: darken($lightAzure,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($lightAzure,5%);
    border-color: darken($lightAzure,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($lightAzure,55%);
    border-color: lighten($lightAzure,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-dark-azure {
  background-color: $darkAzure;
  border-color: darken($darkAzure,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($darkAzure,5%);
    border-color: darken($darkAzure,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($darkAzure,55%);
    border-color: lighten($darkAzure,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-blue {
  background-color: $blue;
  border-color: darken($blue,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($blue,5%);
    border-color: darken($blue,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($blue,55%);
    border-color: lighten($blue,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-light-blue {
  background-color: $lightBlue;
  border-color: darken($lightBlue,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($lightBlue,5%);
    border-color: darken($lightBlue,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($lightBlue,55%);
    border-color: lighten($lightBlue,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-dark-blue {
  background-color: $darkBlue;
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($darkBlue,5%);
    border-color: darken($darkBlue,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($darkBlue,55%);
    border-color: lighten($darkBlue,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-green {
  background-color: $green;
  border-color: darken($green,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($green,5%);
    border-color: darken($green,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($green,55%);
    border-color: lighten($green,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-light-green {
  background-color: $lightGreen;
  border-color: darken($lightGreen,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($lightGreen,5%);
    border-color: darken($lightGreen,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($lightGreen,55%);
    border-color: lighten($lightGreen,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-dark-green {
  background-color: $darkGreen;
  border-color: darken($darkGreen,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($darkGreen,5%);
    border-color: darken($darkGreen,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($darkGreen,55%);
    border-color: lighten($darkGreen,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-orange {
  background-color: $orange;
  border-color: darken($orange,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($orange,5%);
    border-color: darken($orange,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($orange,55%);
    border-color: lighten($orange,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-light-orange {
  background-color: $lightOrange;
  border-color: darken($lightOrange,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($lightOrange,5%);
    border-color: darken($lightOrange,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($lightOrange,55%);
    border-color: lighten($lightOrange,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-dark-orange {
  background-color: $darkOrange;
  border-color: darken($darkOrange,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($darkOrange,5%);
    border-color: darken($darkOrange,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($darkOrange,55%);
    border-color: lighten($darkOrange,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-red {
  background-color: $red;
  border-color: darken($red,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($red,5%);
    border-color: darken($red,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($red,55%);
    border-color: lighten($red,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-light-red {
  background-color: $lightRed;
  border-color: darken($lightRed,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($lightRed,5%);
    border-color: darken($lightRed,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($lightRed,55%);
    border-color: lighten($lightRed,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-dark-red {
  background-color: $darkRed;
  border-color: darken($darkRed,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($darkRed,5%);
    border-color: darken($darkRed,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($darkRed,55%);
    border-color: lighten($darkRed,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-purple {
  background-color: $purple;
  border-color: darken($purple,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($purple,5%);
    border-color: darken($purple,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($purple,55%);
    border-color: lighten($purple,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-light-purple {
  background-color: $lightPurple;
  border-color: darken($lightPurple,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($lightPurple,5%);
    border-color: darken($lightPurple,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($lightPurple,55%);
    border-color: lighten($lightPurple,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-dark-purple {
  background-color: $darkPurple;
  border-color: darken($darkPurple,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($darkPurple,5%);
    border-color: darken($darkPurple,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($darkPurple,55%);
    border-color: lighten($darkPurple,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-beige {
  background-color: $beige;
  border-color: darken($beige,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($beige,5%);
    border-color: darken($beige,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($beige,55%);
    border-color: lighten($beige,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-light-beige {
  background-color: $lightBeige;
  border-color: darken($lightBeige,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($lightBeige,5%);
    border-color: darken($lightBeige,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($lightBeige,55%);
    border-color: lighten($lightBeige,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-dark-beige {
  background-color: $darkBeige;
  border-color: darken($darkBeige,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($darkBeige,5%);
    border-color: darken($darkBeige,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($darkBeige,55%);
    border-color: lighten($darkBeige,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-yellow {
  background-color: $yellow;
  border-color: darken($yellow,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($yellow,5%);
    border-color: darken($yellow,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($yellow,55%);
    border-color: lighten($yellow,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-light-yellow {
  background-color: $lightYellow;
  border-color: darken($lightYellow,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($lightYellow,5%);
    border-color: darken($lightYellow,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($lightYellow,55%);
    border-color: lighten($lightYellow,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
.btn-dark-yellow {
  background-color: $darkYellow;
  border-color: darken($darkYellow,5%);
  color: $white;
  &:hover, &:focus, &:active, &.active {
    background-color: darken($darkYellow,5%);
    border-color: darken($darkYellow,10%);
    color: $white;    
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
    background-color: lighten($darkYellow,55%);
    border-color: lighten($darkYellow,50%);
    color: $white;    
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}


.btn-transparent-white {
  background: none;
  border-color: rgba($white, 0.6);
  border-width: 1px;
  color: $white !important;
  &:hover, &:focus, &:active, &.active {
    background-color: rgba($black, 0.1);
    border-color: rgba($white, 0.8);   
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
      background: none;
      border-color: rgba($white, 0.3);
      color: $white;  
  }
  .caret {
    border-top-color: rgba($black, 0.1);
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid rgba($black, 0.1);
    }  
  }
}
.btn-transparent-grey {
  background: none;
  border-color: rgba($grey, 0.3);
  border-width: 1px;
  color: $grey !important;
  &:hover, &:focus, &:active, &.active {
    background-color: rgba($grey, 0.1);
    border-color: rgba($grey, 0.6);
    box-shadow: none !important;
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
      background: none;
      border-color: rgba($grey, 0.3);
      color: $grey;  
  }
  .caret {
    border-top-color: $grey;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $grey;
    }  
  }
}
.btn-transparent-red {
  background: none;
  border-color: rgba($red, 0.6);
  border-width: 2px;
  color: $red !important;
  &:hover, &:focus, &:active, &.active {
    background-color: rgba($red, 0.1);
    border-color: rgba($red, 0.8);   
  }
  &.disabled:hover, &.disabled:focus, &.disabled:active, &.disabled.active, &[disabled]:hover, &[disabled]:focus, &[disabled]:active, &[disabled].active, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &:active, fieldset[disabled] &.active {
      background: none;
      border-color: rgba($red, 0.3);
      color: $red;  
  }
  .caret {
    border-top-color: $white;
  }
  .dropup & {
    .caret {
      border-bottom: 4px solid $white;
    }  
  }
}
*/
.btn-list > a, .btn-list > button {
  margin-right: 5px; }

.btn-squared {
  border-radius: 0 !important; }

.btn-icon {
  background-color: #EFEFEF;
  background-image: -moz-linear-gradient(center top, #FAFAFA, #EFEFEF);
  border: 1px solid #DDDDDD;
  border-radius: 2px 2px 2px 2px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  cursor: pointer;
  height: 80px;
  display: block;
  font-size: 14px;
  padding: 5px 0 0;
  position: relative;
  text-align: center;
  transition: all 0.3s ease 0s;
  color: #333333; }

.btn-icon:hover {
  border-color: #A5A5A5;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  color: #444444;
  text-decoration: none;
  text-shadow: 0 1px 0 #FFFFFF; }

.btn-icon .badge {
  border-radius: 12px 12px 12px 12px !important;
  border-style: solid;
  border-width: 0;
  box-shadow: none;
  color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 300;
  padding: 3px 7px;
  position: absolute;
  right: -5px;
  text-shadow: none;
  top: -5px; }

.btn-icon [class^="fa-"], .btn-icon [class*=" fa-"] {
  clear: both;
  display: block; }

.buttons-widget .btn, .buttons-widget .bootstrap-switch, .buttons-widget button {
  margin-bottom: 5px; }

.buttons-widget .btn-group button, .buttons-widget .btn-group-vertical button, .buttons-widget .btn-group .btn, .buttons-widget .btn-group-vertical .btn {
  margin-bottom: 0; }

/***
Dropdown checkboxes
***/
.dropdown-checkboxes {
  padding: 5px; }
  .dropdown-checkboxes label {
    display: block;
    font-weight: normal;
    line-height: 20px; }

/***
Social Icons
***/
/*
.social-icons {
  ul {
    list-style: none;
    margin: 0 0 -1px 0;
    padding: 0;
    li {
      display: inline-block;
      margin: 0;
      padding: 0;
      height: 40px;
      overflow: hidden;
      a {
        background-position: 0 0;
        background-repeat: no-repeat;
        display: block;
        height: 80px;
        opacity: 0.6;
        text-indent: -9999px;
        transition: all 0.2s ease 0s;
        width: 40px;
        top: 0;
        font-size: 16px;
        position: relative;
        @include transition(all, .3s, ease); 
        &:hover {
          top: -40px;
        }
        &:before {
          position: absolute;
          width: 40px;
          height: 40px;
          font-family: FontAwesome;
          text-indent: 0;
          line-height: 40px;
          top: 0;
          left: 0;
          text-align: center;
          color: #999999;
        }
        &:after {
          position: absolute;
          width: 40px;
          height: 40px;
          font-family: FontAwesome;
          text-indent: 0;
          line-height: 40px;
          top: 40px;
          left: 0;
          text-align: center;
          color: #FFFFFF;
        } 
      }
     &.social-twitter a {
        &:before, &:after {
          content: "\f099";
        }
        &:after {
          background: #48C4D2;
        }
     }
     &.social-dribbble a {
        &:before, &:after {
          content: "\f17d";
        }
        &:after {
          background: #EF5B92;
        }
     }
     &.social-facebook a {
       &:before, &:after {
          content: "\f09a";
        }
        &:after {
          background: #3B5998;
        }
     }
     &.social-google a {
        &:before, &:after {
          content: "\f0d5";
        }
        &:after {
          background: #DD4B39;
        }
     }
     &.social-linkedin a {
        &:before, &:after {
          content: "\f0e1";
        }
        &:after {
          background: #71B2D0;
        }
     }
    &.social-youtube a {
        &:before, &:after {
          content: "\f167";
        }
        &:after {
          background: #F45750;
        }
     }
    &.social-rss a {
        &:before, &:after {
          content: "\f09e";
        }
        &:after {
          background: #FE9900;
        }
     }
    &.social-behance a {
        &:before, &:after {
          content: "\f1b4";
        }
        &:after {
          background: #5EB5FB;
        }
     }
     &.social-dropbox a {
        &:before, &:after {
          content: "\f16b";
        }
        &:after {
          background: #85BEEC;
        }
     }
     &.social-github a {
        &:before, &:after {
          content: "\f09b";
        }
        &:after {
          background: #94A5B0;
        }
     }
     &.social-skype a {
        &:before, &:after {
          content: "\f17e";
        }
        &:after {
          background: #70CCEF;
        }
     }
     &.social-spotify a {
        &:before, &:after {
          content: "\f1bc";
        }
        &:after {
          background: #8BD05A;
        }
     }
     &.social-stumbleupon a {
        &:before, &:after {
          content: "\f1a4";
        }
        &:after {
          background: #F08066;
        }
     }
     &.social-tumblr a {
        &:before, &:after {
          content: "\f173";
        }
        &:after {
          background: #85A5C3;
        }
     }
     &.social-vimeo a {
        &:before, &:after {
          content: "\f194";
        }
        &:after {
          background: #7C99A8;
        }
     }
     &.social-wordpress a {
        &:before, &:after {
          content: "\f19a";
        }
        &:after {
          background: #649EB9;
        }
     }
     &.social-xing a {
        &:before, &:after {
          content: "\f168";
        }
        &:after {
          background: #4F9394;
        }
     }
     &.social-yahoo a {
        &:before, &:after {
          content: "\f19e";
        }
        &:after {
          background: #C38DCF;
        }
     }
     &.social-vk a {
        &:before, &:after {
          content: "\f189";
        }
        &:after {
          background: #708FAC;
        }
     }
     &.social-instagram a {
        &:before, &:after {
          content: "\f16d";
        }
        &:after {
          background: #CBAA97;
        }
     }
     &.social-reddit a {
        &:before, &:after {
          content: "\f1a1";
        }
        &:after {
          background: #FF7A52;
        }
     }
     &.social-flickr a {
        &:before, &:after {
          content: "\f16e";
        }
        &:after {
          background: #FF4DA9;
        }
     }
     &.social-foursquare a {
        &:before, &:after {
          content: "\f180";
        }
        &:after {
          background: #6FCCF4;
        }
     }
    }    
  } 
}
*/
/* ---------------------------------------------------------------------- */
/*  Icons
/* ---------------------------------------------------------------------- */
.fa-round {
  border: 0.1em solid #eee;
  border-radius: 100%;
  padding: 0.2em 0.25em 0.15em; }

.the-icons {
  list-style: none;
  margin: 20px 0;
  padding: 0; }
  .the-icons .fa-hover {
    border-radius: 4px;
    display: block;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    color: #8B91A0;
    cursor: pointer;
    -moz-transition: font-size 0.2s ease 0s;
    -o-transition: font-size 0.2s ease 0s;
    -webkit-transition: font-size 0.2s ease 0s;
    -ms-transition: font-size 0.2s ease 0s;
    transition: font-size 0.2s ease 0s; }
    .the-icons .fa-hover:hover {
      font-size: 26px; }
      .the-icons .fa-hover:hover .fa {
        font-size: 26px; }
    .the-icons .fa-hover .fa {
      display: inline-block;
      font-size: 14px;
      margin-right: 10px;
      text-align: right;
      width: 32px; }

/* ---------------------------------------------------------------------- */
/*  User profile
/* ---------------------------------------------------------------------- */
.user-left {
  border-right: 1px solid #DDDDDD;
  padding-right: 15px; }

.user-left a:hover, .user-left a:focus {
  text-decoration: none; }

.user-left td .edit-user-info {
  visibility: hidden; }

.user-left tr:hover .edit-user-info {
  visibility: visible; }

.user-left .user-image {
  position: relative;
  display: inline-block; }

.user-image .user-image-buttons {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none; }

.user-image:hover .user-image-buttons {
  display: block; }

.user-edit-image-buttons {
  display: inline; }

#projects .progress {
  margin-bottom: 0; }

.activities {
  list-style: none outside none;
  margin: 0;
  padding: 0; }

.activities li a {
  background: white;
  border-bottom: 1px solid #E4E6EB;
  font-size: 12px;
  margin-left: 0 !important;
  padding: 10px 100px 10px 10px !important;
  position: relative;
  display: block;
  color: #333333; }

.activities li .activity:hover, .activities li .activity:focus {
  text-decoration: none;
  background-color: #F4F6F9 !important; }

.activities li .activity .circle-icon {
  font-size: 16px !important;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-right: 10px; }

.activities li .activity img {
  margin-right: 10px; }

.activities li .time {
  position: absolute;
  right: 10px;
  top: 30px;
  color: #CCCCCC; }

/* ---------------------------------------------------------------------- */
/*  Invoice
/* ---------------------------------------------------------------------- */
.invoice {
  margin-bottom: 20px; }

.invoice .invoice-logo {
  margin-bottom: 20px; }

.invoice table {
  margin: 30px 0; }

.invoice .invoice-logo p {
  font-size: 26px;
  line-height: 28px;
  padding: 25px 0;
  text-align: right; }

.invoice .invoice-logo p span {
  display: block;
  font-size: 14px; }

.invoice h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300 !important; }

.invoice-details {
  padding-top: 30px; }

.invoice .invoice-block {
  text-align: right; }

.invoice .invoice-block .amounts {
  font-size: 14px;
  margin-top: 20px; }

/* ---------------------------------------------------------------------- */
/*  Timeline
/* ---------------------------------------------------------------------- */
div.timeline {
  margin: 0 100px 0 0;
  overflow: hidden;
  position: relative; }
  div.timeline .columns {
    margin: 0;
    padding: 0;
    list-style: none; }
    div.timeline .columns > li:nth-child(2n+1) {
      float: left;
      width: 50%;
      clear: left; }
      div.timeline .columns > li:nth-child(2n+1) .timeline_element {
        float: right;
        left: 10%;
        margin-right: 30px;
        left: 0;
        opacity: 1; }
        div.timeline .columns > li:nth-child(2n+1) .timeline_element:before {
          right: -27px;
          top: 15px; }
        div.timeline .columns > li:nth-child(2n+1) .timeline_element:after {
          right: -35px;
          top: 10px; }
    div.timeline .columns > li:nth-child(2n+2) {
      float: right;
      margin-top: 20px;
      width: 50%;
      clear: right; }
      div.timeline .columns > li:nth-child(2n+2) .timeline_element {
        float: left;
        margin-left: 30px;
        right: 10%;
        opacity: 1;
        right: 0; }
        div.timeline .columns > li:nth-child(2n+2) .timeline_element:before {
          left: -27px;
          top: 15px; }
        div.timeline .columns > li:nth-child(2n+2) .timeline_element:after {
          left: -35px;
          top: 10px; }
  div.timeline .date_separator {
    clear: both;
    height: 60px;
    position: relative;
    text-align: center; }
    div.timeline .date_separator span {
      border-radius: 5px;
      height: 30px;
      line-height: 30px;
      margin-top: -16px;
      position: absolute;
      top: -200%;
      width: 200px;
      top: 50%;
      left: 50%;
      margin-left: -100px;
      border: 1px solid #707788;
      background-color: #8B91A0;
      color: #ffffff; }
  div.timeline .spine {
    border-radius: 2px;
    position: absolute;
    top: 0;
    width: 4px;
    left: 50%;
    margin-left: -2px;
    bottom: 0;
    background-color: white; }
  div.timeline .column_center .timeline_element {
    margin: 20px auto;
    opacity: 1; }
    div.timeline .column_center .timeline_element:before, div.timeline .column_center .timeline_element:after {
      display: none; }

.timeline_element {
  border-radius: 5px;
  clear: both;
  margin: 10px 0;
  padding: 20px;
  opacity: 0;
  position: relative;
  transition: all 0.2s linear 0s;
  min-width: 66.6667%;
  text-shadow: none;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1); }
  .timeline_element.partition-white {
    border: 1px solid white; }
    .timeline_element.partition-white:hover {
      border: 1px solid white; }
    .timeline_element.partition-white:after {
      background-color: #ffffff; }
    .timeline_element.partition-white:hover:after {
      background-color: #b0b0b0;
      border: 1px solid #ffffff; }
  .timeline_element.partition-green {
    border: none;
    color: #ffffff; }
    .timeline_element.partition-green:hover {
      border: none; }
    .timeline_element.partition-green:after {
      background-color: #1FBBA6; }
    .timeline_element.partition-green:hover:after {
      background-color: #ffffff;
      border: 1px solid #1FBBA6; }
  .timeline_element.partition-orange {
    border: none;
    color: #ffffff; }
    .timeline_element.partition-orange:hover {
      border: none; }
    .timeline_element.partition-orange:after {
      background-color: #F58A5C; }
    .timeline_element.partition-orange:hover:after {
      background-color: #ffffff;
      border: 1px solid #F58A5C; }
  .timeline_element.partition-blue {
    border: none;
    color: #ffffff; }
    .timeline_element.partition-blue:hover {
      border: none; }
    .timeline_element.partition-blue:after {
      background-color: #00C5AB; }
    .timeline_element.partition-blue:hover:after {
      background-color: #ffffff;
      border: 1px solid #00C5AB; }
  .timeline_element.partition-red {
    border: none;
    color: #ffffff; }
    .timeline_element.partition-red:hover {
      border: none; }
    .timeline_element.partition-red:after {
      background-color: #e66b6b; }
    .timeline_element.partition-red:hover:after {
      background-color: #ffffff;
      border: 1px solid #e66b6b; }
  .timeline_element.partition-azure {
    border: none;
    color: #ffffff; }
    .timeline_element.partition-azure:hover {
      border: none; }
    .timeline_element.partition-azure:after {
      background-color: #00BDCC; }
    .timeline_element.partition-azure:hover:after {
      background-color: #ffffff;
      border: 1px solid #00BDCC; }
  .timeline_element.partition-purple {
    border: none;
    color: #ffffff; }
    .timeline_element.partition-purple:hover {
      border: none; }
    .timeline_element.partition-purple:after {
      background-color: #804C75; }
    .timeline_element.partition-purple:hover:after {
      background-color: #ffffff;
      border: 1px solid #804C75; }
  .timeline_element:hover {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
  .timeline_element:before {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 26px;
    border-top: 1px dashed #CCCCCC; }
  .timeline_element:after {
    border-radius: 100%;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    width: 10px;
    background-color: #BBBBBB;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
  .timeline_element:hover:after {
    z-index: 100;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    z-index: 100; }
  .timeline_element .timeline_title {
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    padding-top: 10px; }
  .timeline_element .timeline_date {
    display: block; }
    .timeline_element .timeline_date .day {
      font-size: 52px;
      letter-spacing: -2px; }
  .timeline_element .timeline_content {
    padding-top: 10px; }
  .timeline_element .readmore {
    padding: 10px;
    text-align: right; }

.timeline-scrubber {
  padding: 8px 0 8px 1px;
  top: 60px;
  right: 0;
  width: 100px;
  z-index: 1;
  list-style: none;
  position: absolute; }
  .timeline-scrubber li {
    margin-bottom: 1px; }
    .timeline-scrubber li:nth-last-child(2) a {
      border-color: #fcfcfc;
      color: #fcfcfc; }
    .timeline-scrubber li:last-child a {
      border-color: white;
      color: white; }
  .timeline-scrubber a {
    border-left: 5px solid #E3E3E3;
    color: #E3E3E3;
    display: block;
    font-weight: normal;
    outline: medium none;
    padding: 4px 0 4px 6px; }
    .timeline-scrubber a:hover {
      border-color: #b0b0b0 !important;
      color: #b0b0b0 !important; }
  .timeline-scrubber .selected > a {
    border-left-color: #707788 !important;
    color: #707788 !important;
    font-weight: bold !important; }

/* ie8 fixes */
.ie8 div.timeline_element:after {
  display: none; }

.ie8 div.timeline_element:before {
  display: none; }

/**/
/* ---------------------------------------------------------------------- */
/*  Calendar
/* ---------------------------------------------------------------------- */
#calendar {
  position: relative; }

.fc-event {
  padding: 2px; }

.fc-day-number {
  margin: 2px 2px 0 0; }

.fc-header-title h2 {
  color: #666666;
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  letter-spacing: -1px; }

.fc-today .fc-day-number {
  font-weight: bold; }

.fc-state-highlight {
  background: #F5F5F5 !important; }

.fc-button {
  color: #858585 !important;
  height: 40px;
  line-height: 40px;
  opacity: 0.6; }

.fc-button:hover {
  opacity: 1; }

.fc-button-prev, .fc-button-next {
  padding: 0;
  width: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
  text-indent: -9999px; }

.fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow {
  font-weight: bold; }

.fc-button-prev:after, .fc-button-next:after {
  font-family: FontAwesome;
  text-indent: 0;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0; }

.fc-button-prev:after {
  content: "\f104"; }

.fc-button-next:after {
  content: "\f105"; }

.fc-state-default {
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: #DDDDDD !important;
  box-shadow: none !important;
  color: #666666;
  text-shadow: none !important;
  border-radius: 0 !important; }

.fc-state-down, .fc-state-active {
  opacity: 1; }

.fc-header-left {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 50% !important; }

.fc-header-right {
  position: absolute !important;
  top: 0;
  right: 0;
  width: 50% !important; }

.fc-header-center {
  display: block !important;
  padding-top: 60px !important; }

.event-category {
  color: #ffffff;
  padding: 5px;
  border-radius: 3px;
  margin: 5px 0; }

.label-default, .badge-default {
  background-color: #3A87AD !important;
  border-color: #3A87AD !important; }

.label-orange, .badge-orange {
  background-color: #E6674A !important;
  border-color: #E6674A !important; }

.label-purple, .badge-purple {
  background-color: #57517B !important;
  border-color: #57517B !important; }

.label-yellow, .badge-yellow {
  background-color: #FFB848 !important;
  border-color: #FFB848 !important; }

.label-teal, .badge-teal {
  background-color: #569099 !important;
  border-color: #569099 !important; }

.label-beige, .badge-beige {
  background-color: #CCCC99 !important;
  border-color: #CCCC99 !important; }

.label-green, .badge-green {
  background-color: #3D9400 !important;
  border-color: #3D9400 !important; }

.fc-border-separate tr.fc-last th {
  border-top: none !important;
  border-left: none !important; }

.fc-border-separate th.fc-last {
  border-right: none !important; }

.fc-grid th {
  text-align: right; }

.fc-event {
  background-color: #F0F0F0;
  border: none;
  color: #333333;
  font-size: 12px; }

.fc-event .fc-event-title:before, .event-category:before {
  content: "\f111";
  font-family: FontAwesome;
  font-size: 6px;
  line-height: 16px;
  padding-right: 5px;
  color: #00AEFF;
  float: left; }

.event-category {
  color: #858585; }

.event-category:before {
  line-height: 20px; }

.event-cancelled .fc-event-title:before, .event-category.event-cancelled:before {
  color: #E6C800; }

.event-home .fc-event-title:before, .event-category.event-home:before {
  color: #FF2968; }

.event-overtime .fc-event-title:before, .event-category.event-overtime:before {
  color: #711A76; }

.event-generic .fc-event-title:before, .event-category.event-generic:before {
  color: #00AEFF; }

.event-job .fc-event-title:before, .event-category.event-job:before {
  color: #882F00; }

.event-offsite .fc-event-title:before, .event-category.event-offsite:before {
  color: #44A703; }

.event-todo .fc-event-title:before, .event-category.event-todo:before {
  color: #FF3B30; }

.fc-view-month .fc-event-time {
  display: none; }

#readFullEvent, #newFullEvent {
  display: none; }

#readFullEvent .event-content {
  background: url("../images/line.html");
  color: #858585;
  line-height: 18px;
  margin: 15px 0 0 0;
  padding: 0; }

#readFullEvent .event-start, #readFullEvent .event-end {
  color: #858585;
  margin: 15px 0 0 0;
  padding: 10px;
  margin-top: 20px;
  background: #EEEEEE; }

#readFullEvent .event-allday {
  color: #858585; }

#readFullEvent .event-allday i {
  color: #00AAFF; }

#readFullEvent .event-start p, #readFullEvent .event-end p {
  margin: 0 0 5px 0; }

#readFullEvent .event-day h2, #readFullEvent .event-date h3, #readFullEvent .event-date h4 {
  margin: 0;
  padding: 0; }

#readFullEvent .event-day h2 {
  font-size: 45px;
  line-height: 30px;
  margin-right: 5px; }

#readFullEvent .event-date h3 {
  font-size: 15px;
  line-height: 20px; }

#readFullEvent .event-date h4 {
  font-size: 12px; }

#readFullEvent .event-day, #readFullEvent .event-date, #readFullEvent .event-time {
  display: inline-block; }

#readFullEvent .event-time {
  margin-left: 20px; }

#readFullEvent .event-time h3 {
  margin: 0;
  padding: 0;
  font-size: 12px; }

#readFullEvent .event-category:before {
  line-height: 18px;
  padding-right: 0; }

/* ---------------------------------------------------------------------- */
/*  Messages
/* ---------------------------------------------------------------------- */
.panel-body.messages {
  padding: 0; }

.messages-list {
  border-right: 1px solid white;
  list-style: none;
  margin: 0;
  padding: 0; }
  .messages-list .messages-item {
    border-bottom: 1px solid white;
    padding: 5px 15px 5px 25px;
    position: relative; }
    .messages-list .messages-item:hover {
      background-color: white;
      cursor: pointer !important; }
      .messages-list .messages-item:hover .messages-item-star {
        filter: alpha(opacity=30);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3; }
    .messages-list .messages-item.active {
      background-color: white; }
    .messages-list .messages-item.starred .messages-item-star {
      display: block;
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1; }
    .messages-list .messages-item span {
      color: #8B91A0;
      display: block; }
    .messages-list .messages-item .messages-item-star, .messages-list .messages-item .messages-item-attachment, .messages-list .messages-item .messages-item-time, .messages-list .messages-item .messages-item-actions {
      position: absolute; }
    .messages-list .messages-item .messages-item-star {
      color: #1FBBA6;
      left: 7px;
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      -moz-transition: opacity 0.3s ease-in-out 0s;
      -o-transition: opacity 0.3s ease-in-out 0s;
      -webkit-transition: opacity 0.3s ease-in-out 0s;
      -ms-transition: opacity 0.3s ease-in-out 0s;
      transition: opacity 0.3s ease-in-out 0s; }
      .messages-list .messages-item .messages-item-star:hover, .messages-list .messages-item .messages-item-star:active, .messages-list .messages-item .messages-item-star:focus {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1; }
    .messages-list .messages-item .messages-item-attachment {
      left: 7px;
      top: 25px;
      color: #00C5AB; }
    .messages-list .messages-item .messages-item-avatar {
      border-radius: 4px;
      float: left;
      height: 40px;
      width: 40px; }
    .messages-list .messages-item .messages-item-from, .messages-list .messages-item .messages-item-subject {
      margin-left: 45px; }
    .messages-list .messages-item .messages-item-from {
      font-weight: bold;
      margin-top: 2px;
      color: #707788; }
    .messages-list .messages-item .messages-item-time {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      right: 15px;
      top: 8px;
      -moz-transition: opacity 0.3s ease-in-out 0s;
      -o-transition: opacity 0.3s ease-in-out 0s;
      -webkit-transition: opacity 0.3s ease-in-out 0s;
      -ms-transition: opacity 0.3s ease-in-out 0s;
      transition: opacity 0.3s ease-in-out 0s; }
      .messages-list .messages-item .messages-item-time:hover .text {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0; }
      .messages-list .messages-item .messages-item-time:hover .messages-item-actions {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1; }
      .messages-list .messages-item .messages-item-time .text {
        color: #333333;
        font-size: 11px; }
      .messages-list .messages-item .messages-item-time .messages-item-actions {
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        right: 0;
        top: 0;
        -moz-transition: opacity 0.3s ease-in-out 0s;
        -o-transition: opacity 0.3s ease-in-out 0s;
        -webkit-transition: opacity 0.3s ease-in-out 0s;
        -ms-transition: opacity 0.3s ease-in-out 0s;
        transition: opacity 0.3s ease-in-out 0s;
        width: 65px; }
        .messages-list .messages-item .messages-item-time .messages-item-actions > a, .messages-list .messages-item .messages-item-time .messages-item-actions .dropdown > a {
          margin-left: 5px; }
        .messages-list .messages-item .messages-item-time .messages-item-actions > div {
          display: inline-block; }
        .messages-list .messages-item .messages-item-time .messages-item-actions .dropdown-menu {
          margin-top: 0; }
        .messages-list .messages-item .messages-item-time .messages-item-actions .tag-icon {
          border-radius: 30px;
          display: inline-block;
          height: 11px;
          margin: 0 5px 0 -13px;
          width: 11px; }
          .messages-list .messages-item .messages-item-time .messages-item-actions .tag-icon.red {
            background: #e66b6b; }
          .messages-list .messages-item .messages-item-time .messages-item-actions .tag-icon.blue {
            background: #00C5AB; }
          .messages-list .messages-item .messages-item-time .messages-item-actions .tag-icon.green {
            background: #1FBBA6; }
    .messages-list .messages-item .messages-item-subject {
      font-size: 12px;
      margin-bottom: 4px; }
    .messages-list .messages-item .messages-item-preview {
      color: #707788;
      font-size: 12px; }
  .messages-list .messages-search {
    border-bottom: 1px solid white;
    padding: 0 15px 15px 15px;
    position: relative; }

.messages-content {
  background-color: none;
  border-top: 1px solid white;
  height: auto;
  position: relative;
  color: #333333; }
  .messages-content .message-header {
    border-bottom: 1px solid white;
    padding: 10px 15px; }
    .messages-content .message-header .message-from {
      font-weight: bold;
      color: #707788; }
    .messages-content .message-header .message-to {
      color: #E3E3E3; }
    .messages-content .message-header .message-time {
      color: #E3E3E3;
      position: absolute;
      right: 15px;
      top: 10px;
      font-size: 11px; }
    .messages-content .message-header .message-actions {
      left: 50%;
      margin-left: -60px;
      position: absolute;
      width: 120px;
      font-size: 13px; }
      .messages-content .message-header .message-actions a {
        background-color: #ffffff;
        border-bottom: 1px solid white;
        border-left: 1px solid white;
        border-top: 1px solid white;
        color: #E3E3E3;
        margin: 0 0 0 -4px;
        padding: 4px 7px; }
        .messages-content .message-header .message-actions a i {
          -moz-transition: opacity 0.3s ease-in-out 0s;
          -o-transition: opacity 0.3s ease-in-out 0s;
          -webkit-transition: opacity 0.3s ease-in-out 0s;
          -ms-transition: opacity 0.3s ease-in-out 0s;
          transition: opacity 0.3s ease-in-out 0s;
          filter: alpha(opacity=70);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
          -moz-opacity: 0.7;
          -khtml-opacity: 0.7;
          opacity: 0.7; }
        .messages-content .message-header .message-actions a:hover {
          color: #1FBBA6; }
          .messages-content .message-header .message-actions a:hover i {
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1; }
        .messages-content .message-header .message-actions a:first-child {
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
          padding-left: 10px; }
        .messages-content .message-header .message-actions a:last-child {
          border-bottom-right-radius: 4px;
          border-right: 1px solid #F5F4F9;
          border-top-right-radius: 4px; }
  .messages-content .message-content {
    padding: 20px 10px;
    color: #333333; }

/* ie8 fixes */
.ie8 .messages-list .messages-item .messages-item-star {
  display: none; }

.ie8 .messages-list .messages-item:hover .messages-item-star {
  display: block; }

/**/
/* ie8 fixes */
.ie8 .messages-list .messages-item .messages-item-time .messages-item-actions {
  display: none; }

/**/
/* ---------------------------------------------------------------------- */
/*  Gallery
/* ---------------------------------------------------------------------- */
#Grid {
  min-height: 575px; }

#Grid .mix {
  display: none;
  margin-bottom: 20px;
  text-align: center;
  vertical-align: top; }

div.portfolio-info {
  margin: 2px 0 10px 0; }

.portfolio-info ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.portfolio-info ul li {
  border-right: 1px solid #E6E6E6;
  color: #B1B1B1;
  display: inline-block;
  font-size: 0.9em;
  margin-right: 8px;
  padding-right: 8px; }

.portfolio-info ul li i.fa {
  margin-right: 4px; }

.portfolio-item {
  position: relative; }

.portfolio-item a.thumb-info span.thumb-info-title {
  background: rgba(0, 0, 0, 0.7);
  bottom: 4px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  left: 4px;
  padding: 10px;
  position: absolute;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase; }

.portfolio-page ul.nav li a:hover, .portfolio-page ul.nav li.active a {
  background: #357EBD;
  color: #FFFFFF; }

.portfolio-page ul.nav li a {
  background: #EEEEEE;
  color: #555555;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 2px;
  padding: 6px 15px; }

.gallery-img {
  margin-bottom: 20px; }

.portfolio-item {
  position: relative;
  overflow: hidden; }
  .portfolio-item .chkbox {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 5px;
    right: 5px;
    background: #ffffff;
    text-align: center;
    display: none;
    cursor: pointer;
    border: 1px solid #DDDDDD; }
    .portfolio-item .chkbox:hover {
      border-color: rgba(82, 168, 236, 0.8);
      box-shadow: 0 0 12px rgba(82, 168, 236, 0.6);
      outline: 0 none; }
  .portfolio-item:hover .chkbox {
    display: block; }

.portfolio-item.selected > .chkbox {
  display: block; }

.portfolio-item:hover > .chkbox {
  display: block; }

.portfolio-item.selected > .chkbox:before {
  content: "\f00c";
  font-family: FontAwesome;
  height: 14px;
  left: 1px;
  position: absolute;
  top: -2px;
  width: 14px; }

.portfolio-item > .tools {
  background-color: rgba(0, 0, 0, 0.55);
  bottom: 0;
  left: -30px;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all 0.2s ease 0s;
  vertical-align: middle;
  width: 24px; }

.portfolio-item > .tools a:hover, .portfolio-item > .tools a:focus {
  text-decoration: none; }

.portfolio-item > .tools.tools-bottom {
  bottom: -30px;
  height: 28px;
  left: 0;
  right: 0;
  top: auto;
  width: auto; }

.portfolio-item:hover > .tools {
  left: 0; }

.portfolio-item:hover > .tools.tools-bottom {
  bottom: 0;
  top: auto; }

.portfolio-item:hover > .tools.tools-top {
  bottom: auto;
  top: 0; }

.portfolio-item:hover > .tools.tools-right {
  left: auto;
  right: 0; }

.portfolio-item > .tools > a, .portfolio-item > *:first-child .inner a {
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  padding: 4px; }

.portfolio-item > .tools > a:hover, .portfolio-item > *:first-child .inner a:hover {
  color: #C9E2EA;
  text-decoration: none; }

.portfolio-item .tools.tools-bottom > a, .portfolio-item .tools.tools-top > a {
  display: inline-block; }

/* ---------------------------------------------------------------------- */
/*  Pagination
/* ---------------------------------------------------------------------- */
.pagination > li > a, .pagination > li > span {
  margin-left: 5px;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer; }

.pagination.squared {
  border-radius: 0 !important; }

.pagination.squared li:first-child a, .pagination.squared li:first-child > span {
  border-bottom-left-radius: 0px !important;
  border-left-width: 1px;
  border-top-left-radius: 0px !important; }

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

.pagination.pagination-purple li a {
  background: #F5F4F9;
  border: none !important;
  color: #333333;
  display: inline-block;
  margin-right: 1px; }
.pagination.pagination-purple li:hover {
  background: #ECEAF3;
  color: #222222;
  cursor: pointer; }
.pagination .pagination.pagination-purple li a {
  background: #F5F4F9;
  border: none !important;
  color: #333333;
  display: inline-block;
  margin-right: 1px; }
.pagination .pagination.pagination-purple li:hover {
  background: #ECEAF3;
  color: #222222;
  cursor: pointer; }

.pagination.pagination-purple li:first-child a, .pagination-purple .pagination li:first-child a {
  border: none !important; }

.pagination.pagination-purple li.disabled a, .pagination-purple .pagination li.disabled a {
  color: #AAAAAA !important; }

.pagination.pagination-purple li.disabled a:hover, .pagination-purple .pagination li.disabled a:hover, .pagination.pagination-purple li.disabled a:focus, .pagination-purple .pagination li.disabled a:focus {
  background: #F5F4F9;
  cursor: default !important; }

.pagination.pagination-purple li.active a, .pagination-purple .pagination li.active a {
  background: #57517B !important;
  border: none !important;
  color: #FFFFFF !important;
  cursor: default !important;
  opacity: 1; }

.pagination-purple [class^="fa-"], .pagination-purple [class*=" fa-"] {
  color: #57517B; }

.pagination-purple li.disabled [class^="fa-"], .pagination-purple li.disabled [class*=" fa-"] {
  opacity: 0.5; }

.pagination-blue li a {
  background: #bedfe1;
  border: none !important;
  color: #333333;
  display: inline-block;
  margin-right: 1px; }
  .pagination-blue li a:hover {
    background: #add6d9;
    color: black;
    cursor: pointer; }
.pagination-blue li:first-child a {
  border: none !important; }
.pagination-blue li.disabled a {
  background: #bedfe1;
  filter: alpha(opacity=30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3; }
  .pagination-blue li.disabled a:hover, .pagination-blue li.disabled a:focus {
    background: #b7e5e8;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    cursor: default !important; }
.pagination-blue li.active a {
  background: #00C5AB !important;
  border: none !important;
  color: #ffffff !important;
  cursor: default !important;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }
.pagination-blue li [class^="fa-"], .pagination-blue li [class*=" fa-"] {
  color: #00C5AB; }

.pagination-green li a {
  background: #e2f7f4;
  border: none !important;
  color: #333333;
  display: inline-block;
  margin-right: 1px; }
  .pagination-green li a:hover {
    background: #cef1ed;
    color: black;
    cursor: pointer; }
.pagination-green li:first-child a {
  border: none !important; }
.pagination-green li.disabled a {
  background: #e2f7f4;
  filter: alpha(opacity=30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3; }
  .pagination-green li.disabled a:hover, .pagination-green li.disabled a:focus {
    background: #c9f6f0;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    cursor: default !important; }
.pagination-green li.active a {
  background: #1FBBA6 !important;
  border: none !important;
  color: #ffffff !important;
  cursor: default !important;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }
.pagination-green li [class^="fa-"], .pagination-green li [class*=" fa-"] {
  color: #1FBBA6; }

.pagination-red li a {
  background: #fceeee;
  border: none !important;
  color: #333333;
  display: inline-block;
  margin-right: 1px; }
  .pagination-red li a:hover {
    background: #f8d8d8;
    color: black;
    cursor: pointer; }
.pagination-red li:first-child a {
  border: none !important; }
.pagination-red li.disabled a {
  background: #fceeee;
  filter: alpha(opacity=30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3; }
  .pagination-red li.disabled a:hover, .pagination-red li.disabled a:focus {
    background: white;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    cursor: default !important; }
.pagination-red li.active a {
  background: #e66b6b !important;
  border: none !important;
  color: #ffffff !important;
  cursor: default !important;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }
.pagination-red li [class^="fa-"], .pagination-red li [class*=" fa-"] {
  color: #e66b6b; }

/* ---------------------------------------------------------------------- */
/*  Lock Screen
/* ---------------------------------------------------------------------- */
body.lock-screen {
  background: #1f212f url("../images/bg.html"); }

.main-ls {
  height: 250px;
  left: 50%;
  margin-left: -240px;
  margin-top: -125px;
  position: absolute;
  top: 50%;
  width: 480px; }

body.lock-screen .box-ls {
  background: #FFFFFF;
  box-shadow: -30px 30px 50px rgba(0, 0, 0, 0.32);
  overflow: hidden;
  padding: 15px; }

body.lock-screen .logo {
  padding: 10px 0; }

body.lock-screen .copyright {
  font-size: 11px;
  margin: 0 auto;
  padding: 10px 0; }

body.lock-screen .user-info {
  float: right;
  width: 285px; }

body.lock-screen .user-info h1 {
  color: #666666;
  font-family: 'Raleway', sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 32px;
  margin-top: 0; }

body.lock-screen .user-info h1 i {
  color: #cccccc; }

body.lock-screen .user-info > span {
  color: #666666;
  display: block;
  font-size: 12px;
  margin-bottom: 5px; }

body.lock-screen .user-info > span em {
  color: #333333; }

/* ---------------------------------------------------------------------- */
/*  Coming Soon
/* ---------------------------------------------------------------------- */
.coming-soon {
  text-align: center;
  background-color: #ffffff !important; }

.coming-soon .logo {
  padding: 20px 0; }

.timer-area {
  background-image: url("../images/bg.html");
  background-color: transparent;
  margin-bottom: 4em;
  padding-top: 2em;
  color: #1F2225;
  font: 1em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

.timer-area h1 {
  color: #FFFFFF; }

ul#countdown {
  margin: 0;
  padding: 0; }

ul#countdown li {
  display: inline-block;
  background: transparent url("../images/timer-piece.html") no-repeat left top;
  width: 104px;
  margin-bottom: 4em;
  text-align: center; }

ul#countdown li span {
  font-size: 3em;
  font-weight: bold;
  color: #1f2225;
  height: 108px;
  line-height: 108px;
  position: relative; }

ul#countdown li span:before {
  content: '';
  width: 100%;
  height: 1px;
  border-top: 1px solid white;
  position: absolute;
  top: 25px; }

ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
  margin-top: 1em;
  color: #909091;
  text-transform: uppercase;
  font-size: .875em; }

.coming-soon #disclaimer {
  display: block; }

.coming-soon #disclaimer p {
  color: #909091;
  font-size: 0.875em;
  font-style: italic; }

.coming-soon #disclaimer p span {
  color: #2A9CCC;
  font-size: 1.2em; }

/* ---------------------------------------------------------------------- */
/*  Pricing Tables
/* ---------------------------------------------------------------------- */
.pricing-table .plan {
  border: none;
  margin: 20px 0;
  position: relative;
  padding: 0;
  list-style: none;
  -webkit-box-shadow: 0 -1px 2px #fcfcfc;
  -moz-box-shadow: 0 -1px 2px #fcfcfc;
  box-shadow: 0 -1px 2px #fcfcfc;
  text-align: center; }
  .pricing-table .plan li {
    padding: 10px 15px;
    color: #333333;
    border-bottom: 1px solid white; }
    .pricing-table .plan li.plan-name {
      padding: 15px;
      font-size: 18px;
      line-height: 18px;
      color: #fff;
      background: #999eab;
      border-top: 0;
      border-bottom: 0; }
    .pricing-table .plan li.plan-price {
      background: #8B91A0;
      color: #ffffff;
      font-size: 18px;
      padding: 6px 20px;
      border-bottom: none; }
      .pricing-table .plan li.plan-price h3 {
        margin-bottom: 0;
        margin-top: 0;
        font-size: 2em;
        padding: 30px 0;
        font-weight: 600; }
        .pricing-table .plan li.plan-price h3 .price-cents {
          font-size: 50%;
          vertical-align: super;
          margin-left: -10px; }
        .pricing-table .plan li.plan-price h3 .price-month {
          font-size: 30%;
          font-style: italic;
          margin-left: -20px;
          font-weight: 300;
          color: #ffffff; }
    .pricing-table .plan li.plan-action {
      margin-top: 10px;
      border-top: 0; }
  .pricing-table .plan.featured {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0 3px 25px -4px rgba(0, 0, 0, 0.9) !important; }
    .pricing-table .plan.featured .plan-name {
      background: #595e6c; }

.pricing-green .plan li strong {
  color: #e66b6b; }
.pricing-green .plan li.plan-name {
  background: #23d1b9; }
.pricing-green .plan li.plan-price {
  background: #1FBBA6;
  color: #ffffff; }
.pricing-green .plan.featured .plan-name {
  background: #106458; }

.pricing-blue .plan li strong {
  color: #00C5AB; }
.pricing-blue .plan li.plan-name {
  background: #339aa0; }
.pricing-blue .plan li.plan-price {
  background: #00C5AB;
  color: #ffffff; }
.pricing-blue .plan.featured .plan-name {
  background: #143d40; }

.pricing-red .plan li strong {
  color: #e66b6b; }
.pricing-red .plan li.plan-name {
  background: #ea8181; }
.pricing-red .plan li.plan-price {
  background: #e66b6b;
  color: #ffffff; }
.pricing-red .plan.featured .plan-name {
  background: #c92222; }

/* ---------------------------------------------------------------------- */
/*  404 and 500 error
/* ---------------------------------------------------------------------- */
body.error-full-page {
  background: #ffffff !important; }

body.error-full-page .page-error {
  margin-top: 60px; }

.page-error {
  text-align: center; }

.page-error .error-number {
  display: block;
  font-size: 158px;
  font-weight: 300;
  letter-spacing: -10px;
  line-height: 128px;
  margin-top: 0;
  text-align: center; }

.page-error .error-details {
  display: block;
  padding-top: 0;
  text-align: center; }

.page-error .error-details .btn-return {
  margin: 10px 0; }

.page-error .error-details h3 {
  margin-top: 0; }

body.error-full-page {
  overflow: hidden; }

.error-full-page img {
  display: none; }

.error-full-page #canvas {
  position: absolute;
  top: 0px;
  left: 0px; }

.error-full-page #sound {
  position: absolute;
  width: 30%;
  height: 30%;
  overflow-y: auto;
  margin-left: 35%;
  -moz-border-radius: 15px;
  border-radius: 15px;
  opacity: 0.3;
  margin-top: 5%; }

.error-full-page .video {
  position: absolute;
  width: 90%;
  height: 80%;
  margin-left: 5%;
  margin-top: 5%; }

/* ---------------------------------------------------------------------- */
/*  Maps
/* ---------------------------------------------------------------------- */
.map {
  display: block;
  height: 350px;
  margin: 0 auto; }

.map.large {
  height: 500px; }

/* ---------------------------------------------------------------------- */
/*  Panels
/* ---------------------------------------------------------------------- */
.panel {
  background-color: #FFFFFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-bottom: 30px;
  /*
  @include box-shadow(0, 2px, 3px, #BBBBBB);
  @include border-radius(3px); 
  */
  color: #333333;
  border: solid 1px #E6E6E6;
  position: relative; }

.panel-heading {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 15px;
  min-height: 50px;
  background-color: #E3E3E3;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
  .panel-heading.panel-heading-white {
    background-color: #FFF; }
  .panel-heading .panel-heading-tabs {
    list-style: none;
    top: 0;
    right: 0;
    position: absolute;
    margin: 0;
    padding: 0; }
    .panel-heading .panel-heading-tabs > li {
      float: left;
      padding: 0 15px;
      border-left-width: 1px;
      border-left-style: solid;
      border-left-color: inherit;
      height: 50px;
      line-height: 50px; }
      .panel-heading .panel-heading-tabs > li.panel-tools {
        position: relative;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        right: auto;
        top: auto; }
        .panel-heading .panel-heading-tabs > li.panel-tools .tmp-tool {
          right: 20px;
          top: auto; }
        .panel-heading .panel-heading-tabs > li.panel-tools .dropdown {
          line-height: normal; }

.core-box .heading {
  margin-bottom: 15px; }
.core-box .core-icon {
  width: 33.3333%;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute; }
  .core-box .core-icon .icon-big {
    line-height: 80px; }
.core-box .core-content {
  margin-left: 33.3333%;
  min-height: 120px; }
.core-box .heading {
  font-size: 12px; }
.core-box .title {
  font-size: 20px;
  line-height: 21px;
  margin-bottom: 0;
  font-weight: 400; }
.core-box .subtitle {
  font-size: 14px;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8; }
.core-box .content {
  line-height: 20px;
  margin-bottom: 15px;
  position: relative;
  padding-left: 60px; }
  .core-box .content .fa {
    font-size: 50px;
    left: 0;
    top: 0;
    position: absolute;
    width: 40px; }
.core-box .view-more {
  float: right; }
  .core-box .view-more i {
    display: inline-block; }

.panel-tools {
  position: absolute;
  right: 10px;
  top: 14px;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
  .panel:hover .panel-tools {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }
  .panel-tools .dropdown {
    display: inline-block; }
    .panel-tools .dropdown .dropdown-menu a > i {
      margin-right: 10px; }
  .panel-tools a {
    color: #333333 !important;
    background: none; }
    .panel-tools a:hover {
      color: black !important; }

.panel-portfolio .portfolio-grid {
  padding: 0;
  text-align: center;
  overflow: hidden;
  max-height: 200px;
  position: relative; }
  .panel-portfolio .portfolio-grid .item {
    overflow: hidden !important; }
.panel-portfolio .navigator {
  position: relative;
  text-align: center;
  margin-top: -40px;
  margin-bottom: 10px;
  z-index: 101; }

.panel-grey, .partition-grey {
  background-color: #8B91A0;
  position: relative;
  background-color: #999eab 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#999eab 0px), to(#8B91A0 100%));
  background-image: -webkit-linear-gradient(top, #999eab 0px, #8B91A0 100%);
  background-image: -moz-linear-gradient(top, #999eab 0px, #8B91A0 100%);
  background-image: -ms-linear-gradient(top, #999eab 0px, #8B91A0 100%);
  background-image: -o-linear-gradient(top, #999eab 0px, #8B91A0 100%);
  background-image: linear-gradient(to bottom, #999eab 0px, #8b91a0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#999eab 0px', endColorStr='#8B91A0 100%');
  color: #141518; }
  .panel-grey .panel-tools .btn, .panel-grey .panel-tools > a, .partition-grey .panel-tools .btn, .partition-grey .panel-tools > a {
    color: rgba(20, 21, 24, 0.7) !important; }
    .panel-grey .panel-tools .btn:hover, .panel-grey .panel-tools > a:hover, .partition-grey .panel-tools .btn:hover, .partition-grey .panel-tools > a:hover {
      color: #141518 !important; }

.panel-light-grey, .partition-light-grey {
  background-color: #E3E3E3;
  position: relative;
  color: #333333; }
  .panel-light-grey .panel-tools .btn, .panel-light-grey .panel-tools > a, .partition-light-grey .panel-tools .btn, .partition-light-grey .panel-tools > a {
    color: rgba(51, 51, 51, 0.7) !important; }
    .panel-light-grey .panel-tools .btn:hover, .panel-light-grey .panel-tools > a:hover, .partition-light-grey .panel-tools .btn:hover, .partition-light-grey .panel-tools > a:hover {
      color: #333333 !important; }

.panel-orange, .partition-orange {
  background-color: #F58A5C;
  position: relative;
  background-color: #f69b74 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f69b74 0px), to(#F58A5C 100%));
  background-image: -webkit-linear-gradient(top, #f69b74 0px, #F58A5C 100%);
  background-image: -moz-linear-gradient(top, #f69b74 0px, #F58A5C 100%);
  background-image: -ms-linear-gradient(top, #f69b74 0px, #F58A5C 100%);
  background-image: -o-linear-gradient(top, #f69b74 0px, #F58A5C 100%);
  background-image: linear-gradient(to bottom, #f69b74 0px, #f58a5c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f69b74 0px', endColorStr='#F58A5C 100%');
  color: #ffffff; }
  .panel-orange .panel-tools .btn, .panel-orange .panel-tools > a, .partition-orange .panel-tools .btn, .partition-orange .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important; }
    .panel-orange .panel-tools .btn:hover, .panel-orange .panel-tools > a:hover, .partition-orange .panel-tools .btn:hover, .partition-orange .panel-tools > a:hover {
      color: #ffffff !important; }

.panel-purple, .partition-purple {
  background-color: #804C75;
  position: relative;
  background-color: #905684 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#905684 0px), to(#804C75 100%));
  background-image: -webkit-linear-gradient(top, #905684 0px, #804C75 100%);
  background-image: -moz-linear-gradient(top, #905684 0px, #804C75 100%);
  background-image: -ms-linear-gradient(top, #905684 0px, #804C75 100%);
  background-image: -o-linear-gradient(top, #905684 0px, #804C75 100%);
  background-image: linear-gradient(to bottom, #905684 0px, #804c75 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#905684 0px', endColorStr='#804C75 100%');
  color: #ffffff; }
  .panel-purple .panel-tools .btn, .panel-purple .panel-tools > a, .partition-purple .panel-tools .btn, .partition-purple .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important; }
    .panel-purple .panel-tools .btn:hover, .panel-purple .panel-tools > a:hover, .partition-purple .panel-tools .btn:hover, .partition-purple .panel-tools > a:hover {
      color: #ffffff !important; }

.panel-pink, .partition-pink {
  background-color: #DD5A82;
  position: relative;
  background-color: #e16f92 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e16f92 0px), to(#DD5A82 100%));
  background-image: -webkit-linear-gradient(top, #e16f92 0px, #DD5A82 100%);
  background-image: -moz-linear-gradient(top, #e16f92 0px, #DD5A82 100%);
  background-image: -ms-linear-gradient(top, #e16f92 0px, #DD5A82 100%);
  background-image: -o-linear-gradient(top, #e16f92 0px, #DD5A82 100%);
  background-image: linear-gradient(to bottom, #e16f92 0px, #dd5a82 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e16f92 0px', endColorStr='#DD5A82 100%');
  color: #ffffff; }
  .panel-pink .panel-tools .btn, .panel-pink .panel-tools > a, .partition-pink .panel-tools .btn, .partition-pink .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important; }
    .panel-pink .panel-tools .btn:hover, .panel-pink .panel-tools > a:hover, .partition-pink .panel-tools .btn:hover, .partition-pink .panel-tools > a:hover {
      color: #ffffff !important; }

.panel-azure, .partition-azure {
  background-color: #00BDCC;
  position: relative;
  background-color: #00d5e6 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00d5e6 0px), to(#00BDCC 100%));
  background-image: -webkit-linear-gradient(top, #00d5e6 0px, #00BDCC 100%);
  background-image: -moz-linear-gradient(top, #00d5e6 0px, #00BDCC 100%);
  background-image: -ms-linear-gradient(top, #00d5e6 0px, #00BDCC 100%);
  background-image: -o-linear-gradient(top, #00d5e6 0px, #00BDCC 100%);
  background-image: linear-gradient(to bottom, #00d5e6 0px, #00bdcc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00d5e6 0px', endColorStr='#00BDCC 100%');
  color: #ffffff; }
  .panel-azure .panel-tools .btn, .panel-azure .panel-tools > a, .partition-azure .panel-tools .btn, .partition-azure .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important; }
    .panel-azure .panel-tools .btn:hover, .panel-azure .panel-tools > a:hover, .partition-azure .panel-tools .btn:hover, .partition-azure .panel-tools > a:hover {
      color: #ffffff !important; }

.panel-bricky, .partition-bricky {
  background-color: #894550;
  position: relative;
  background-color: #9a4e5a 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9a4e5a 0px), to(#894550 100%));
  background-image: -webkit-linear-gradient(top, #9a4e5a 0px, #894550 100%);
  background-image: -moz-linear-gradient(top, #9a4e5a 0px, #894550 100%);
  background-image: -ms-linear-gradient(top, #9a4e5a 0px, #894550 100%);
  background-image: -o-linear-gradient(top, #9a4e5a 0px, #894550 100%);
  background-image: linear-gradient(to bottom, #9a4e5a 0px, #894550 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9a4e5a 0px', endColorStr='#894550 100%');
  color: #ffffff; }
  .panel-bricky .panel-tools .btn, .panel-bricky .panel-tools > a, .partition-bricky .panel-tools .btn, .partition-bricky .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important; }
    .panel-bricky .panel-tools .btn:hover, .panel-bricky .panel-tools > a:hover, .partition-bricky .panel-tools .btn:hover, .partition-bricky .panel-tools > a:hover {
      color: #ffffff !important; }

.panel-green, .partition-green {
  background-color: #1FBBA6;
  position: relative;
  background-color: #23d1b9 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#23d1b9 0px), to(#1FBBA6 100%));
  background-image: -webkit-linear-gradient(top, #23d1b9 0px, #1FBBA6 100%);
  background-image: -moz-linear-gradient(top, #23d1b9 0px, #1FBBA6 100%);
  background-image: -ms-linear-gradient(top, #23d1b9 0px, #1FBBA6 100%);
  background-image: -o-linear-gradient(top, #23d1b9 0px, #1FBBA6 100%);
  background-image: linear-gradient(to bottom, #23d1b9 0px, #1fbba6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#23d1b9 0px', endColorStr='#1FBBA6 100%');
  color: #ffffff; }
  .panel-green .panel-tools .btn, .panel-green .panel-tools > a, .partition-green .panel-tools .btn, .partition-green .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important; }
    .panel-green .panel-tools .btn:hover, .panel-green .panel-tools > a:hover, .partition-green .panel-tools .btn:hover, .partition-green .panel-tools > a:hover {
      color: #ffffff !important; }

.panel-red, .partition-red {
  background-color: #e66b6b;
  position: relative;
  background-color: #ea8181 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ea8181 0px), to(#e66b6b 100%));
  background-image: -webkit-linear-gradient(top, #ea8181 0px, #e66b6b 100%);
  background-image: -moz-linear-gradient(top, #ea8181 0px, #e66b6b 100%);
  background-image: -ms-linear-gradient(top, #ea8181 0px, #e66b6b 100%);
  background-image: -o-linear-gradient(top, #ea8181 0px, #e66b6b 100%);
  background-image: linear-gradient(to bottom, #ea8181 0px, #e66b6b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ea8181 0px', endColorStr='#e66b6b 100%');
  color: #ffffff; }
  .panel-red .panel-tools .btn, .panel-red .panel-tools > a, .partition-red .panel-tools .btn, .partition-red .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important; }
    .panel-red .panel-tools .btn:hover, .panel-red .panel-tools > a:hover, .partition-red .panel-tools .btn:hover, .partition-red .panel-tools > a:hover {
      color: #ffffff !important; }

.panel-blue, .partition-blue {
  background-color: #00C5AB;
  position: relative;
  background-color: #339aa0 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#339aa0 0px), to(#00C5AB 100%));
  background-image: -webkit-linear-gradient(top, #339aa0 0px, #00C5AB 100%);
  background-image: -moz-linear-gradient(top, #339aa0 0px, #00C5AB 100%);
  background-image: -ms-linear-gradient(top, #339aa0 0px, #00C5AB 100%);
  background-image: -o-linear-gradient(top, #339aa0 0px, #00C5AB 100%);
  background-image: linear-gradient(to bottom, #339aa0 0px, #00C5AB 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#339aa0 0px', endColorStr='#00C5AB 100%');
  color: #ffffff; }
  .panel-blue .panel-tools .btn, .panel-blue .panel-tools > a, .partition-blue .panel-tools .btn, .partition-blue .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important; }
    .panel-blue .panel-tools .btn:hover, .panel-blue .panel-tools > a:hover, .partition-blue .panel-tools .btn:hover, .partition-blue .panel-tools > a:hover {
      color: #ffffff !important; }

.panel-yellow, .partition-yellow {
  background-color: #FFB848;
  position: relative;
  background-color: #ffc261 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc261 0px), to(#FFB848 100%));
  background-image: -webkit-linear-gradient(top, #ffc261 0px, #FFB848 100%);
  background-image: -moz-linear-gradient(top, #ffc261 0px, #FFB848 100%);
  background-image: -ms-linear-gradient(top, #ffc261 0px, #FFB848 100%);
  background-image: -o-linear-gradient(top, #ffc261 0px, #FFB848 100%);
  background-image: linear-gradient(to bottom, #ffc261 0px, #ffb848 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffc261 0px', endColorStr='#FFB848 100%');
  color: #2C2F3B; }
  .panel-yellow .panel-tools .btn, .panel-yellow .panel-tools > a, .partition-yellow .panel-tools .btn, .partition-yellow .panel-tools > a {
    color: rgba(44, 47, 59, 0.7) !important; }
    .panel-yellow .panel-tools .btn:hover, .panel-yellow .panel-tools > a:hover, .partition-yellow .panel-tools .btn:hover, .partition-yellow .panel-tools > a:hover {
      color: #2C2F3B !important; }

.panel-white, .partition-white {
  background-color: #ffffff;
  position: relative;
  color: #333333; }

.panel-dark, .partition-dark {
  background-color: #2C2F3B;
  position: relative;
  background-color: #373b4a 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#373b4a 0px), to(#2C2F3B 100%));
  background-image: -webkit-linear-gradient(top, #373b4a 0px, #2C2F3B 100%);
  background-image: -moz-linear-gradient(top, #373b4a 0px, #2C2F3B 100%);
  background-image: -ms-linear-gradient(top, #373b4a 0px, #2C2F3B 100%);
  background-image: -o-linear-gradient(top, #373b4a 0px, #2C2F3B 100%);
  background-image: linear-gradient(to bottom, #373b4a 0px, #2c2f3b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#373b4a 0px', endColorStr='#2C2F3B 100%');
  color: #ffffff; }
  .panel-dark .panel-tools .btn, .panel-dark .panel-tools > a, .partition-dark .panel-tools .btn, .partition-dark .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important; }
    .panel-dark .panel-tools .btn:hover, .panel-dark .panel-tools > a:hover, .partition-dark .panel-tools .btn:hover, .partition-dark .panel-tools > a:hover {
      color: #ffffff !important; }

.panel-scroll {
  height: 400px;
  overflow: hidden;
  position: relative;
  width: auto;
  padding-right: 10px !important; }

.panel-note {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none; }
  .panel-note .panel-heading {
    background: url("../images/note_dot.html") repeat-x;
    border-bottom: 0 none;
    padding-top: 30px;
    padding-bottom: 10px;
    top: 0;
    z-index: 3;
    position: relative; }
    .panel-note .panel-heading h3 {
      margin: 0; }
  .panel-note .panel-body {
    background: url("../images/line.html") repeat;
    padding: 0;
    margin: 0 15px;
    line-height: 18px; }
  .panel-note .panel-footer {
    background: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    padding: 10px 15px;
    margin-bottom: 0; }
    .panel-note .panel-footer .avatar-note {
      width: 30px;
      height: 30px;
      float: left;
      margin-right: 10px; }
      .panel-note .panel-footer .avatar-note img {
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px; }
    .panel-note .panel-footer .author-note {
      display: block;
      line-height: 14px; }
    .panel-note .panel-footer .timestamp {
      color: #999999;
      display: inline-block;
      font-size: 11px; }
  .panel-note .note-options a {
    margin-left: 10px;
    font-size: 12px; }
    .panel-note .note-options a:hover {
      text-decoration: none; }

[class^="partition-"]:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

/* ---------------------------------------------------------------------- */
/*  Backdrop
/* ---------------------------------------------------------------------- */
.full-white-backdrop {
  background-color: #FFFFFF;
  display: none;
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1049; }

.panel.panel-full-screen {
  bottom: 0;
  left: 10px;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 1048;
  background-color: #FFFFFF; }

.tmp-tool {
  position: fixed;
  right: 40px;
  top: 20px; }

/* ---------------------------------------------------------------------- */
/*  Sliding Bar (SB)
/* ---------------------------------------------------------------------- */
#slidingbar-area {
  overflow: auto !important; }

#slidingbar-area address, #slidingbar-area h2 {
  color: #ffffff !important; }

#slidingbar-area .sb_toggle {
  color: #ffffff !important;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  -moz-transition: all 0.3s ease 0s 1s ease-in-out;
  -o-transition: all 0.3s ease 0s 1s ease-in-out;
  -webkit-transition: all 0.3s ease 0s 1s ease-in-out;
  -ms-transition: all 0.3s ease 0s 1s ease-in-out;
  transition: all 0.3s ease 0s 1s ease-in-out; }
  #slidingbar-area .sb_toggle:hover {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }

/* ---------------------------------------------------------------------- */
/*  CSS FOR MOBILE
/* ---------------------------------------------------------------------- */
/*
.isMobile .left-wrapper, .isMobile .right-wrapper {
  overflow: auto !important;
  -ms-overflow-style: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.isMobile .panel-scroll {
  overflow: auto !important;
  -ms-overflow-style: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.isMobile #slidingbar-area, .isMobile .subviews {
   overflow: auto !important;
  -ms-overflow-style: auto !important;
  -webkit-overflow-scrolling: touch !important; 
}
.isMobile .panel-tools {
  @include opacity(1);
}
.isMobile ul.main-navigation-menu li:not(.open) a:hover {
  background: inherit !important;
}
*/
/* ---------------------------------------------------------------------- */
/*  Step
/* ---------------------------------------------------------------------- */
.m-step-alpha .m-step-alpha-button {
  padding: 20px 16px;
  background-color: #E3E3E3;
  color: #333;
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
  float: left;
  position: relative; }
  .m-step-alpha .m-step-alpha-button:hover, .m-step-alpha .m-step-alpha-button:focus {
    background-color: #d6d6d6;
    border-color: #cacaca; }
  .m-step-alpha .m-step-alpha-button.active {
    background-color: #00C5AB;
    color: white; }
    .m-step-alpha .m-step-alpha-button.active:hover, .m-step-alpha .m-step-alpha-button.active:focus {
      background-color: #BDD600;
      border-color: #216266;
      color: #ffffff; }
  .m-step-alpha .m-step-alpha-button .triangle {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    /* left arrow slant */
    border-right: 8px solid transparent;
    /* right arrow slant */
    border-bottom: 8px solid #f8f8f8;
    /* bottom, add background color here */
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -8px; }
.m-step-alpha.nb-2 .m-step-alpha-button {
  width: 50%; }

@media (max-width: 768px) {
  #side-content {
    display: none; }

  #nous-contacter {
    display: none; } }
/* ---------------------------------------------------------------------- */
/*  Existing Sidebar
/* ---------------------------------------------------------------------- */
/* ------------------------------------------------------------
* side-content
  + block-article
  + article-list
  + faq-list
  + assets-list
  + social-networks
  + latest-tweet
  + contact-info
  + webcallback
  + fixed-content
------------------------------------------------------------ */
/* block-article */
#side-content .block-article {
  padding: 20px 20px 10px;
  margin-bottom: 20px;
  background-color: #E3E3E3;
  /*
  -webkit-box-shadow: 0 1px 2px #7A6E6A;
  -moz-box-shadow: 0 1px 2px #7A6E6A;
  box-shadow: 0 1px 2px #7A6E6A;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  */
  /* Gradient */
  /*
  background: #CCCCCC;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  background: -webkit-gradient(
    linear,
    left top, left bottom,
    from(#E3E3E3),
    to(#CCCCCC)
  );
  background: -webkit-linear-gradient(
    top,
    #E3E3E3,
    #CCCCCC
  );
  background: -moz-linear-gradient(
    top,
    #E3E3E3,
    #CCCCCC
  );
  background: -o-linear-gradient(
    top,
    #E3E3E3,
    #CCCCCC
  );
  background: linear-gradient(
    top,
    #E3E3E3,
    #CCCCCC
  );
  */ }

#side-content .block-article header {
  margin: 0 0 20px; }

#side-content .block-product header {
  margin: 1em 0 0; }

#side-content header strong {
  font-size: 1.334em;
  font-weight: normal; }

#side-content header strong span:first-child {
  display: block;
  font-size: .875em;
  font-weight: bold;
  text-transform: uppercase; }

#side-content .block-article .block-content {
  margin-bottom: 0; }

#side-content .common-form label {
  width: 55px;
  text-align: left; }

#side-content .common-form input[type=text] {
  width: 182px; }

#side-content .form-action {
  padding: 0;
  margin-left: 64px;
  text-align: left; }

#side-content .form-action p {
  margin-top: 0; }

/* article-list */
.article-list {
  padding: 0;
  list-style: none; }

.article-list li {
  margin: .417em 0 0 0; }

.article-list li a {
  text-decoration: none; }

.article-list li a:hover {
  text-decoration: underline; }

#side-content .article-date {
  float: left;
  padding-right: 10px;
  font-weight: bold; }

#side-content .article-title {
  display: block;
  overflow: hidden; }

#side-content .faq-list .article-title {
  display: inline; }

/* faq-list */
.faq-list a:before {
  content: "> "; }

/* assets-list */
.assets-list {
  padding-left: 30px;
  list-style: none; }

.assets-list li {
  position: relative;
  border-bottom: 1px solid #C4C4C4;
  margin: .834em 0 0 0;
  padding: 0 0 .834em 10px; }

.assets-list li:before {
  position: absolute;
  top: 0;
  left: -30px;
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  background-color: #00C5AB;
  -moz-border-radius: 50px;
  border-radius: 50px;
  color: #E3E3E3;
  font-weight: bold;
  text-align: center;
  line-height: 23px; }

.landing-page .assets-list li:before {
  background-color: #00C5AB; }

.assets-list li:nth-child(1):before {
  content: "1"; }

.assets-list li:nth-child(2):before {
  content: "2"; }

.assets-list li:nth-child(3):before {
  content: "3"; }

.assets-list li:nth-child(4):before {
  content: "4"; }

.assets-list li:nth-child(5):before {
  content: "5"; }

.assets-list li:nth-child(6):before {
  content: "6"; }

/* social-networks */
.block-article .social-networks {
  list-style: none;
  padding: 0; }

.block-article .social-networks:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  clear: both;
  zoom: 1; }

.block-article .social-networks li {
  display: block;
  margin: .834em 0 0;
  width: 33.3333%;
  float: left;
  font-size: .834em;
  text-align: center; }

.block-article .social-networks li:nth-child(-n+3) {
  margin: 0; }

.block-article .social-networks a {
  display: block;
  text-decoration: none; }

.block-article .social-networks a:hover {
  color: #00C5AB; }

.block-article .social-networks a img,
.block-article .latest-tweet img {
  background-color: #333;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear; }

.block-article .social-networks a:hover img,
.block-article .latest-tweet:hover img {
  background-color: #00C5AB; }

.block-article .social-network {
  display: block;
  padding-top: 5px; }

/* latest-tweet */
.block-article .latest-tweet {
  position: relative;
  margin-top: 0;
  padding: 1em 60px 0 40px;
  border-top: 1px solid #C4C4C4; }

.block-article .latest-tweet img {
  position: absolute;
  top: .7em;
  left: 0; }

.block-article .latest-tweet a {
  text-decoration: none; }

.block-article .latest-tweet a:hover {
  text-decoration: underline; }

.block-article .tweet-account {
  display: block;
  font-weight: bold; }

.block-article .tweet-since {
  position: absolute;
  top: 10px;
  right: 0;
  font-weight: bold; }

/* contact-info */
[class^=contact-] {
  position: relative;
  padding: 0 0 0 40px; }

.contact-info:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\0130";
  display: block;
  background-color: #333;
  width: 30px;
  height: 30px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  color: #E3E3E3;
  text-align: center;
  font: bold 18px/34px Georgia, "Times New Roman", Times, serif; }

.contact-number strong {
  display: block;
  font-size: 25px;
  font-weight: normal; }

.contact-number a:hover {
  cursor: default;
  text-decoration: none; }

.contact-number .disclaimer {
  padding: 0; }

/* webcallback */
#webcallback-form {
  border-top: 1px solid #C4C4C4; }

#webcallback-form legend {
  padding: .75em 0 1em 0;
  font-size: 1.167em;
  font-weight: normal;
  text-transform: none; }

#webcallback-form p {
  position: relative; }

#webcallback-form label.error {
  padding: 0; }

#webcallback-form input {
  float: left; }

#webcallback-phone {
  width: 145px; }

#webcallback-form input[type=submit] {
  height: 24px;
  padding: 0 10px;
  margin-left: 0; }

/* fixed content */
#fixed-side-content {
  position: fixed;
  width: 290px; }

/* ---------------------------------------------------------------------- */
/*  Add Sidebar
/* ---------------------------------------------------------------------- */
#side-content .side-content-login h5 {
  border-bottom: solid 1px #CCC;
  padding-bottom: 10px; }
#side-content .side-content-login ul {
  padding: 0 20px; }
#side-content .side-content-login li {
  padding: 3px 0; }

/* ---------------------------------------------------------------------- */
/*  Alert
/* ---------------------------------------------------------------------- */
.alert {
  border-radius: 0; }
  .alert .fa {
    margin-right: 5px; }

.alert-success a {
  color: #3c763d;
  text-decoration: underline; }

  
.login-layout .page-content .panel-white {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.reinit-form input[type=text], .reinit-form input[type=number], .reinit-form input[type=tel] {
    color: black !important;
}

@media screen and (max-width: 1024px) {
    #rc-imageselect, .g-recaptcha {
        transform: scale(0.84);
        -webkit-transform: scale(0.84);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

input.token {
    height: 0;
    width: 0;
    border: 0;
}

/******************** * Surcharge de style pour la page de changement de mot passe ************** */
/* ****************** * Il s'agit complétement d'un Hack ***************/
/* la raison en est que la page est inclu par le biais d'un Iframe et que les espacement doivent correspondre à l'EC */
.iframed-wsso .panel-body {
  padding: 0 !important;
}

.iframed-wsso h1 {
  margin-top: 10px !important;
}


.overlay1 {
  position: relative;
  z-index: 1;
}
.overlay1::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #00C5AB;
  /* background: -webkit-linear-gradient(bottom, #aa076b, #00C5AB); */
  /* background: -o-linear-gradient(bottom, #aa076b, #00C5AB); */
  /* background: -moz-linear-gradient(bottom, #aa076b, #00C5AB); */
  /* background: linear-gradient(bottom, #aa076b, #00C5AB); */
  opacity: 0.5;
}

.overlay1::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.2);
}


body{
	margin:0;
	font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.71429;
	background-color:#fff;
}