@font-face {
  font-family: 'robotoblack';
  src: url("../fonts/Roboto-Black-webfont.eot");
  src: url("../fonts/Roboto-Black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Black-webfont.woff") format("woff"), url("../..//fonts/Roboto-Black-webfont.ttf") format("truetype"), url("../fonts/Roboto-Black-webfont.svg#robotoblack") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotoblack_italic';
  src: url("../fonts/Roboto-BlackItalic-webfont.eot");
  src: url("../fonts/Roboto-BlackItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-BlackItalic-webfont.woff") format("woff"), url("../fonts/Roboto-BlackItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto-BlackItalic-webfont.svg#robotoblack_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotobold';
  src: url("../fonts/Roboto-Bold-webfont.eot");
  src: url("../fonts/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold-webfont.woff") format("woff"), url("../fonts/Roboto-Bold-webfont.ttf") format("truetype"), url("../fonts/Roboto-Bold-webfont.svg#robotobold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'roboto_condensedbold';
  src: url("../fonts/RobotoCondensed-Bold-webfont.eot");
  src: url("../fonts/RobotoCondensed-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Bold-webfont.woff") format("woff"), url("../fonts/RobotoCondensed-Bold-webfont.ttf") format("truetype"), url("../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'roboto_condensedbold_italic';
  src: url("../fonts/RobotoCondensed-BoldItalic-webfont.eot");
  src: url("../fonts/RobotoCondensed-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-BoldItalic-webfont.woff") format("woff"), url("../fonts/RobotoCondensed-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/RobotoCondensed-BoldItalic-webfont.svg#roboto_condensedbold_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotobold_italic';
  src: url("../fonts/Roboto-BoldItalic-webfont.eot");
  src: url("../fonts/Roboto-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-BoldItalic-webfont.woff") format("woff"), url("../fonts/Roboto-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto-BoldItalic-webfont.svg#robotobold_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'roboto_condensedregular';
  src: url("../fonts/RobotoCondensed-Regular-webfont.eot");
  src: url("../fonts/RobotoCondensed-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Regular-webfont.woff") format("woff"), url("../fonts/RobotoCondensed-Regular-webfont.ttf") format("truetype"), url("../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'roboto_condenseditalic';
  src: url("../fonts/RobotoCondensed-Italic-webfont.eot");
  src: url("../fonts/RobotoCondensed-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Italic-webfont.woff") format("woff"), url("../fonts/RobotoCondensed-Italic-webfont.ttf") format("truetype"), url("../fonts/RobotoCondensed-Italic-webfont.svg#roboto_condenseditalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotoitalic';
  src: url("../fonts/Roboto-Italic-webfont.eot");
  src: url("../fonts/Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Italic-webfont.woff") format("woff"), url("../fonts/Roboto-Italic-webfont.ttf") format("truetype"), url("../fonts/Roboto-Italic-webfont.svg#robotoitalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotolight';
  src: url("../fonts/Roboto-Light-webfont.eot");
  src: url("../fonts/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light-webfont.woff") format("woff"), url("../fonts/Roboto-Light-webfont.ttf") format("truetype"), url("../fonts/Roboto-Light-webfont.svg#robotolight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'roboto_condensedlight';
  src: url("../fonts/RobotoCondensed-Light-webfont.eot");
  src: url("../fonts/RobotoCondensed-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Light-webfont.woff") format("woff"), url("../fonts/RobotoCondensed-Light-webfont.ttf") format("truetype"), url("../fonts/RobotoCondensed-Light-webfont.svg#roboto_condensedlight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'roboto_condensedlight_italic';
  src: url("../fonts/RobotoCondensed-LightItalic-webfont.eot");
  src: url("../fonts/RobotoCondensed-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-LightItalic-webfont.woff") format("woff"), url("../fonts/RobotoCondensed-LightItalic-webfont.ttf") format("truetype"), url("../fonts/RobotoCondensed-LightItalic-webfont.svg#roboto_condensedlight_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotolight_italic';
  src: url("../fonts/Roboto-LightItalic-webfont.eot");
  src: url("../fonts/Roboto-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-LightItalic-webfont.woff") format("woff"), url("../fonts/Roboto-LightItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto-LightItalic-webfont.svg#robotolight_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotomedium';
  src: url("../fonts/Roboto-Medium-webfont.eot");
  src: url("../fonts/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Medium-webfont.woff") format("woff"), url("../fonts/Roboto-Medium-webfont.ttf") format("truetype"), url("../fonts/Roboto-Medium-webfont.svg#robotomedium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotomedium_italic';
  src: url("../fonts/Roboto-MediumItalic-webfont.eot");
  src: url("../fonts/Roboto-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-MediumItalic-webfont.woff") format("woff"), url("../fonts/Roboto-MediumItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto-MediumItalic-webfont.svg#robotomedium_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotoregular';
  src: url("../fonts/Roboto-Regular-webfont.eot");
  src: url("../fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/Roboto-Regular-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotothin';
  src: url("../fonts/Roboto-Thin-webfont.eot");
  src: url("../fonts/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Thin-webfont.woff") format("woff"), url("../fonts/Roboto-Thin-webfont.ttf") format("truetype"), url("../fonts/Roboto-Thin-webfont.svg#robotothin") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotothin_italic';
  src: url("../fonts/Roboto-ThinItalic-webfont.eot");
  src: url("../fonts/Roboto-ThinItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-ThinItalic-webfont.woff") format("woff"), url("../fonts/Roboto-ThinItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto-ThinItalic-webfont.svg#robotothin_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

/*  PANEL BACKGROUND COLORS */
.colorTransparent {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important; }

.colorWhite {
  background-color: #fff !important; }
  .colorWhite h6,
  .colorWhite i {
    color: #333 !important; }

.colorTheme {
  background-color: #0e8ca9 !important;
  color: #fff; }
  .colorTheme .navbarMainMenu a {
    color: #fff !important; }
  .colorTheme h6,
  .colorTheme i {
    color: #fff !important; }

.colorCyan {
  background-color: #00a2b4 !important;
  color: #fff !important; }
  .colorCyan .navbarMainMenu a {
    color: #fff; }
  .colorCyan h6,
  .colorCyan i {
    color: #fff !important; }

.colorPink {
  background-color: #db008c !important;
  color: #fff; }
  .colorPink .navbarMainMenu a {
    color: #fff; }
  .colorPink h6,
  .colorPink i {
    color: #fff !important; }

.colorPurpule {
  background-color: #9c27b0 !important;
  color: #fff; }
  .colorPurpule .navbarMainMenu a {
    color: #fff; }
  .colorPurpule h6,
  .colorPurpule i {
    color: #fff !important; }

.colorCyan {
  background-color: #00a2b4 !important; }

.colorYellow {
  background-color: #ffeb3b !important;
  color: #b98b2a; }
  .colorYellow .navbarMainMenu a {
    color: #b98b2a; }
  .colorYellow h6,
  .colorYellow i {
    color: #fff !important; }

.colTheme {
  background-color: #0e8ca9 !important; }

.colBlue {
  background-color: #1c84c6 !important; }

.colGreen {
  background-color: #00ce74 !important; }

.colRed {
  background-color: #ef6262 !important; }

.colPink {
  background-color: #db008c !important; }

.colWhite {
  background-color: #fff !important;
  border: 1px solid #b0b7c1 !important; }

.colCyan {
  background-color: #00a2b4 !important; }

.colPurpule {
  background-color: #9c27b0 !important; }

.colYellow {
  background-color: #ffeb3b !important; }

/*  TEXT COLORS */
.colorTextPink {
  color: #db008c !important; }

.colorTextDark {
  color: #333 !important; }

.colorTextTheme {
  color: #0e8ca9 !important; }

.colorTextPurpule {
  color: #9c27b0 !important; }

.colorTextCyan {
  color: #00a2b4 !important; }

.colorTextYellow {
  color: #ffeb3b !important; }

.colorTextWhite {
  color: #fff !important;
  opacity: 1; }

.colorTextDarkOrange {
  color: #b0751e !important;
  opacity: 1; }

/* MATERIAL COLORS */
.materialColorsBox {
  width: 250px;
  height: 100px;
  text-align: center;
  border: 1px solid #fff;
  float: left;
  padding: 25px 0; }
  .materialColorsBox p {
    font-size: 16px;
    font-weight: 600; }

.materialPink {
  background-color: #db008c; }

.materialTheme {
  background-color: #0e8ca9; }

.materialPurpule {
  background-color: #9c27b0; }

.materialCyan {
  background-color: #00a2b4; }

.materialYellow {
  background-color: #ffeb3b; }

.materialPink-50 {
  background-color: #fce4ec; }

.materialPink-100 {
  background-color: #f8bbd0; }

.materialPink-200 {
  background-color: #f48fb1; }

.materialPink-300 {
  background-color: #f06292; }

.materialPink-400 {
  background-color: #ec407a; }

.materialPink-500 {
  background-color: #e91e63; }

.materialPink-600 {
  background-color: #d81b60; }

.materialPink-700 {
  background-color: #c2185b; }

.materialPink-800 {
  background-color: #ad1457; }

.materialPink-900 {
  background-color: #880e4f; }

.materialPink-A100 {
  background-color: #ff80ab; }

.materialPink-A200 {
  background-color: #ff4081; }

.materialPink-A400 {
  background-color: #f50057; }

.materialPink-A700 {
  background-color: #c51162; }

.materialLight-Blue {
  background-color: #03a9f4; }

.materialLight-Blue-50 {
  background-color: #e1f5fe; }

.materialLight-Blue-100 {
  background-color: #b3e5fc; }

.materialLight-Blue-200 {
  background-color: #81d4fa; }

.materialLight-Blue-300 {
  background-color: #4fc3f7; }

.materialLight-Blue-400 {
  background-color: #29b6f6; }

.materialLight-Blue-500 {
  background-color: #03a9f4; }

.materialLight-Blue-600 {
  background-color: #039be5; }

.materialLight-Blue-700 {
  background-color: #0288d1; }

.materialLight-Blue-800 {
  background-color: #0277bd; }

.materialLight-Blue-900 {
  background-color: #01579b; }

.materialLight-Blue-A100 {
  background-color: #80d8ff; }

.materialLight-Blue-A200 {
  background-color: #40c4ff; }

.materialLight-Blue-A400 {
  background-color: #0091ea; }

.materialLight-Blue-A700 {
  background-color: #0091ea; }

.materialPurple-50 {
  background-color: #f3e5f5; }

.materialPurple-100 {
  background-color: #e1bee7; }

.materialPurple-200 {
  background-color: #ce93d8; }

.materialPurple-300 {
  background-color: #ba68c8; }

.materialPurple-400 {
  background-color: #ab47bc; }

.materialPurple-500 {
  background-color: #9c27b0; }

.materialPurple-600 {
  background-color: #8e24aa; }

.materialPurple-700 {
  background-color: #7b1fa2; }

.materialPurple-800 {
  background-color: #6a1b9a; }

.materialPurple-900 {
  background-color: #4a148c; }

.materialPurple-A100 {
  background-color: #ea80fc; }

.materialPurple-A200 {
  background-color: #e040fb; }

.materialPurple-A400 {
  background-color: #d500f9; }

.materialPurple-A700 {
  background-color: #a0f; }

.materialCyan-50 {
  background-color: #e0f7fa; }

.materialCyan-100 {
  background-color: #b2ebf2; }

.materialCyan-200 {
  background-color: #80deea; }

.materialCyan-300 {
  background-color: #4dd0e1; }

.materialCyan-400 {
  background-color: #26c6da; }

.materialCyan-500 {
  background-color: #00bcd4; }

.materialCyan-600 {
  background-color: #00acc1; }

.materialCyan-700 {
  background-color: #0097a7; }

.materialCyan-800 {
  background-color: #00838f; }

.materialCyan-900 {
  background-color: #006064; }

.materialCyan-A100 {
  background-color: #84ffff; }

.materialCyan-A200 {
  background-color: #18ffff; }

.materialCyan-A400 {
  background-color: #00e5ff; }

.materialCyan-A700 {
  background-color: #00b8d4; }

.materialYellow-50 {
  background-color: #fffde7; }

.materialYellow-100 {
  background-color: #fff9c4; }

.materialYellow-200 {
  background-color: #fff59d; }

.materialYellow-300 {
  background-color: #fff176; }

.materialYellow-400 {
  background-color: #ffee58; }

.materialYellow-500 {
  background-color: #ffeb3b; }

.materialYellow-600 {
  background-color: #fdd835; }

.materialYellow-700 {
  background-color: #fbc02d; }

.materialYellow-800 {
  background-color: #f9a825; }

.materialYellow-900 {
  background-color: #f57f17; }

.materialYellow-A100 {
  background-color: #ffff8d; }

.materialYellow-A200 {
  background-color: #ff0; }

.materialYellow-A400 {
  background-color: #ffea00; }

.materialYellow-A700 {
  background-color: #ffd600; }

.pink,
.theme,
.purpule,
.white,
.cyan,
.yellow {
  display: block;
  float: left;
  margin: 10px; }

.pink > .cs-skin-elastic > span {
  background-color: #db008c !important;
  z-index: 100;
  width: 150px;
  height: 44px;
  color: #fff;
  font-size: 14px; }

.theme > .cs-skin-elastic > span {
  background-color: #0e8ca9 !important;
  width: 150px;
  height: 44px;
  color: #fff;
  font-size: 14px; }

.purpule > .cs-skin-elastic > span {
  background-color: #9c27b0 !important;
  z-index: 100;
  width: 150px;
  height: 44px;
  color: #fff;
  font-size: 14px; }

.white > .cs-skin-elastic > span {
  background-color: #fff !important;
  z-index: 100;
  width: 150px;
  height: 44px;
  color: #333;
  font-size: 14px; }

.cyan > .cs-skin-elastic > span {
  background-color: #00a2b4 !important;
  z-index: 100;
  width: 150px;
  height: 44px;
  color: #fff;
  font-size: 14px; }

.yellow > .cs-skin-elastic > span {
  background-color: #ffeb3b !important;
  z-index: 100;
  width: 150px;
  height: 44px;
  color: #b98b2a;
  font-size: 14px; }

.cs-skin-elastic .cs-options {
  width: 150px !important; }
  .cs-skin-elastic .cs-options span {
    width: 150px !important;
    height: 44px;
    font-size: 14px;
    color: #333;
    font-weight: 300;
    padding-left: 20px !important; }

.cs-skin-elastic.cs-active .cs-options ul li {
  border-left: 1px solid #ECF0F1;
  border-right: 1px solid #ECF0F1;
  border-bottom: 1px solid #ECF0F1;
  background-color: #fff !important; }

.cs-skin-elastic .cs-options > ul::before {
  background-color: transparent !important; }

/* Breadcrumb colors */
.breadcrumbColorTheme li a {
  color: #0e8ca9 !important; }

.breadcrumbColorBlue li a {
  color: #1c84c6 !important; }

.breadcrumbColorGreen li a {
  color: #00ce74 !important; }

.breadcrumbColorRed li a {
  color: #ef6262 !important; }

body {
  overflow-y: hidden; }

.preloaderFix {
  overflow-x: hidden !important;
  overflow-y: visible !important; }

/* PRELOADER */
.preloader {
  background: #00e2f0;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9999; }

.preloader .la-ball-pulse {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -18px;
  margin-left: -54px; }

.la-ball-pulse,
.la-ball-pulse > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-pulse {
  display: block;
  font-size: 0;
  color: #fff; }

.la-ball-pulse.la-dark {
  color: #333; }

.la-ball-pulse > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-pulse {
  width: 54px;
  height: 18px; }

.la-ball-pulse > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms; }

.la-ball-pulse > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms; }

.la-ball-pulse > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms; }

.la-ball-pulse > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  -webkit-animation: ball-pulse 1s ease infinite;
  -moz-animation: ball-pulse 1s ease infinite;
  -o-animation: ball-pulse 1s ease infinite;
  animation: ball-pulse 1s ease infinite; }

.la-ball-pulse.la-sm {
  width: 26px;
  height: 8px; }

.la-ball-pulse.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px; }

.la-ball-pulse.la-2x {
  width: 108px;
  height: 36px; }

.la-ball-pulse.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px; }

.la-ball-pulse.la-3x {
  width: 162px;
  height: 54px; }

.la-ball-pulse.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px; }

/*  Animation  */
@-webkit-keyframes ball-pulse {
  0%,
  60%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  30% {
    opacity: .1;
    -webkit-transform: scale(0.01);
    transform: scale(0.01); } }

@-moz-keyframes ball-pulse {
  0%,
  60%,
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1); }
  30% {
    opacity: .1;
    -moz-transform: scale(0.01);
    transform: scale(0.01); } }

@-o-keyframes ball-pulse {
  0%,
  60%,
  100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1); }
  30% {
    opacity: .1;
    -o-transform: scale(0.01);
    transform: scale(0.01); } }

@keyframes ball-pulse {
  0%,
  60%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  30% {
    opacity: .1;
    -webkit-transform: scale(0.01);
    -moz-transform: scale(0.01);
    -o-transform: scale(0.01);
    transform: scale(0.01); } }

/*  SCROLLER  */
#mainWrapper {
  height: -webkit-calc(100% - 50px);
  height: calc(100% - 50px); }

#mailboxContent {
  height: 300px; }

.mCSB_inside > .mCSB_container {
  margin-right: 0px !important; }

.mainWrapper {
  padding-top: 50px;
  width: 100%;
  overflow-x: hidden;
  position: relative; }

/*  NAVBAR  */
.button {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  padding-top: 13px;
  transition: all 500ms cubic-bezier(1, 0, 0.645, 0.65); }
  .button .sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .button .menu-bar {
    display: block;
    position: relative;
    background: #fff;
    width: 26px;
    height: 2px;
    border-radius: 1px;
    transition: all 300ms;
    margin: 0 auto; }
  .button.bar1 {
    top: 0;
    animation: topbar-back 500ms;
    animation-fill-mode: both;
    animation-play-state: initial !important; }
  .button.bar2 {
    opacity: 1; }
  .button.bar3 {
    bottom: 0;
    animation: bottombar-back 500ms;
    animation-fill-mode: both;
    animation-play-state: initial !important; }

.menu-bar + .menu-bar {
  margin-top: 5px; }

.toggled .bar1 {
  top: 25%;
  animation: topbar-x 500ms;
  animation-fill-mode: both; }

.toggled .bar2 {
  opacity: 0; }

.toggled .bar3 {
  bottom: 25%;
  animation: bottombar-x 500ms;
  animation-fill-mode: both; }

@keyframes topbar-x {
  0% {
    top: 0;
    -webkit-transform: rotate(0deg); }
  45% {
    top: 25%;
    -webkit-transform: rotate(145deg); }
  75% {
    -webkit-transform: rotate(130deg); }
  100% {
    -webkit-transform: rotate(135deg); } }

@keyframes topbar-back {
  0% {
    top: 25%;
    -webkit-transform: rotate(135deg); }
  45% {
    -webkit-transform: rotate(-10deg); }
  75% {
    -webkit-transform: rotate(5deg); }
  100% {
    top: 0;
    -webkit-transform: rotate(0); } }

@keyframes bottombar-x {
  0% {
    bottom: 0;
    -webkit-transform: rotate(0deg); }
  45% {
    bottom: 25%;
    -webkit-transform: rotate(-145deg); }
  75% {
    -webkit-transform: rotate(-130deg); }
  100% {
    -webkit-transform: rotate(-135deg); } }

@keyframes bottombar-back {
  0% {
    bottom: 25%;
    -webkit-transform: rotate(-135deg); }
  45% {
    -webkit-transform: rotate(10deg); }
  75% {
    -webkit-transform: rotate(-5deg); }
  100% {
    bottom: 0;
    -webkit-transform: rotate(0); } }

.navbarWrapper {
  padding: 20px;
  border: 1px solid #ECF0F1;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; }

.mainLogo {
  float: left;
  margin: -5px 0 0 0;
  height: 56px;
  width: 56px;
  background-image: url(../img/logo.png); }
  @media (max-width: 1023px) {
    .mainLogo {
      display: none; } }

.headerLogo {
  float: left;
  color: #fff;
  margin-left: 5px;
  font-size: 21px;
  line-height: 46px;
  font-weight: 400;
  text-transform: uppercase; }
  @media (max-width: 1023px) {
    .headerLogo {
      display: none; } }
  .headerLogo a,
  .headerLogo a:hover {
    color: #fff;
    text-decoration: none; }

.navbarMainButtonWrapper {
  float: left;
  margin-left: 5px; }
  @media (min-width: 1024px) {
    .navbarMainButtonWrapper {
      display: none !important; } }
  @media (max-width: 768px) {
    .navbarMainButtonWrapper {
      margin-left: 0px; } }

.navbarMainLogo {
  display: block;
  font-size: 18px;
  font-weight: bold;
  float: left;
  line-height: 40px;
  margin: 0 10px; }

.navbarMainLogoCenter {
  display: block;
  font-size: 18px;
  font-weight: bold;
  float: left;
  line-height: 40px;
  width: 100px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -50px; }

.navbarMainMenu {
  padding: 1px 0 0 0;
  margin-bottom: 0px !important; }
  @media screen and (max-width: 640px) {
    .navbarMainMenu {
      display: none; } }
  .navbarMainMenu ul {
    margin-bottom: 0px !important; }
  .navbarMainMenu li {
    display: inline-block;
    padding: 0 5px; }
  .navbarMainMenu a {
    font-size: 14px;
    text-decoration: none;
    width: 40px;
    height: 40px;
    text-align: center;
    position: relative;
    color: #fff;
    margin: 0 15px;
    cursor: pointer;
    cursor: hand; }
    .navbarMainMenu a .badge {
      position: absolute;
      left: 27px; }
  .navbarMainMenu i {
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px; }

.navbarMainMenuSmallLeft {
  display: none;
  width: 40px;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .navbarMainMenuSmallLeft {
      display: block; } }
  .navbarMainMenuSmallLeft .fa-ellipsis-v {
    width: 40px; }
  .navbarMainMenuSmallLeft i {
    font-size: 24px;
    margin-top: 10px;
    margin-right: 10px;
    color: #fff; }
  .navbarMainMenuSmallLeft ul {
    margin-left: -154px;
    padding-bottom: 20px; }
  .navbarMainMenuSmallLeft li > a {
    color: #333 !important;
    position: relative; }
    .navbarMainMenuSmallLeft li > a .badge {
      position: absolute;
      right: 23px;
      top: 6px;
      font-size: 9px; }

.myColor {
  background-color: #0e8ca9;
  border: 2px solid white;
  border-radius: 50%; }

.headerMenuIconIndigo i {
  font-size: 16px;
  margin-right: 10px;
  color: #787878 !important; }

.navbarMainMenuSmallRight {
  display: none; }
  @media screen and (max-width: 640px) {
    .navbarMainMenuSmallRight {
      display: block; } }
  .navbarMainMenuSmallRight i {
    font-size: 24px; }
  .navbarMainMenuSmallRight ul {
    margin-left: -50px; }

.navbarMainMenuSmalDropdownButton {
  margin: 0; }
  .navbarMainMenuSmalDropdownButton .btn {
    margin: 0;
    padding: 0; }
    .navbarMainMenuSmalDropdownButton .btn:hover {
      color: #fff !important; }
    .navbarMainMenuSmalDropdownButton .btn:active {
      color: #fff !important;
      box-shadow: none; }
  .navbarMainMenuSmalDropdownButton ul {
    top: 35px;
    margin-left: -90px; }
  .navbarMainMenuSmalDropdownButton a {
    color: #333 !important;
    height: 45px; }

.searchWrapper {
  background-color: aqua; }
  .searchWrapper input {
    width: 100%;
    position: relative;
    border: none;
    height: 50px;
    background-color: #ecf0f1;
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    padding-left: 70px; }
    .searchWrapper input:focus {
      border: none !important;
      -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.3); }
  .searchWrapper button {
    position: absolute;
    top: 15px;
    left: 10px;
    z-index: 5;
    background-color: transparent; }
    .searchWrapper button i {
      font-size: 20px;
      color: #333; }
    .searchWrapper button:focus {
      outline: none; }
    .searchWrapper button:active {
      box-shadow: none; }

#sideBarWrapper {
  height: 100%;
  margin: 0px auto; }

#sideBarContent {
  height: 100%;
  position: fixed;
  z-index: 80; }

.sideBar {
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  background-color: #2c353a;
  z-index: 1;
  position: absolute;
  width: 240px;
  height: 100%;
  transition: .35s;
  margin-left: 0; }

body.noSidebar .sideBar,
body.bodySmall .sideBar {
  margin-left: -240px;
  -moz-box-shadow: 0 0 15px 0 #959595;
  -webkit-box-shadow: 0 0 15px 0 #959595;
  box-shadow: 0 0 15px 0 #959595; }

body.mobileSidebar .sideBar {
  margin-left: 0 !important;
  z-index: 1; }

body.noSidebar .mainContainer,
body.bodySmall .mainContainer {
  margin-left: 0; }

.mainContainer {
  margin-left: 240px;
  height: auto;
  transition: .35s; }
  @media (max-width: 768px) {
    .mainContainer {
      transition: none; } }

.mainContainerContent {
  height: auto;
  overflow: hidden; }
  .mainContainerContent .col-lg-1 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-md-1 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-sm-1 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-xs-1 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-lg-2 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-md-2 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-sm-2 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-xs-2 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-lg-3 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-md-3 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-sm-3 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-xs-3 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-lg-4 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-md-4 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-sm-4 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-xs-4 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-lg-5 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-md-5 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-sm-5 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-xs-5 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-lg-6 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-md-6 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-sm-6 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-xs-6 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-lg-7 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-md-7 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-sm-7 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-xs-7 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-lg-8 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-md-8 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-sm-8 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-xs-8 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-lg-9 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-md-9 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-sm-9 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-xs-9 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-lg-10 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-md-10 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-sm-10 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-xs-10 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-lg-11 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-md-11 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-sm-11 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-xs-11 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-lg-12 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-md-12 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-sm-12 {
    padding-left: 0;
    padding-right: 0; }
  .mainContainerContent .col-xs-12 {
    padding-left: 0;
    padding-right: 0; }

.thirdTheme {
  background-color: #00a2b4; }

/* HEADER  */
#header {
  width: 100%;
  height: 50px;
  background-color: #0e8ca9;
  position: fixed;
  z-index: 99;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); }

.headerWrapper {
  height: 50px; }

.navbarMain {
  padding: 3px 10px;
  width: 100%;
  height: 50px;
  position: relative;
  z-index: 10; }
  .navbarMainLeft {
    float: left; }
  .navbarMainRight {
    float: right;
    padding-top: 3px; }

.timeWrapper {
  height: 60px;
  width: 240px;
  position: absolute;
  color: #fff;
  bottom: 50px;
  border-bottom: 1px solid transparent;
  text-align: center;
  background-color: #232b2e !important; }
  .timeWrapper i {
    font-size: 50px; }
  .timeWrapper .menuTime {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase; }
  .timeWrapper .menuTime2 {
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'robotolight', sans-serif; }

.sideBarWeatherWrapper {
  padding: 5px 0 10px 0;
  border-bottom: 1px solid #fff; }
  .sideBarWeatherWrapper ul {
    list-style-type: none;
    padding: 0; }

.weatherIconMain {
  display: block;
  font-size: 80px;
  margin-top: -10px; }

/* LATEST ACTIVITY */
.show {
  right: 0px !important;
  transition: .35s; }

.latestActivity {
  display: block;
  height: auto;
  width: 350px;
  background-color: #fff;
  color: #333 !important;
  position: absolute;
  right: -400px;
  top: 0px;
  z-index: 999 !important;
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); }
  @media (max-width: 765px) {
    .latestActivity {
      width: 255px; } }

.latestActivityHeader {
  height: 66px;
  font-size: 18px;
  text-transform: uppercase;
  padding: 0px 0px;
  font-size: 16px;
  margin-bottom: 30px; }
  @media (max-width: 765px) {
    .latestActivityHeader {
      font-size: 14px;
      font-weight: 500; } }
  .latestActivityHeader i {
    padding: 10px; }
  .latestActivityHeader .mainIcon i {
    font-size: 35px !important;
    padding: 15px 35px; }
    @media (max-width: 480px) {
      .latestActivityHeader .mainIcon i {
        padding: 15px 25px; } }
  .latestActivityHeader .mainContent {
    position: absolute;
    top: 25px; }

.latestActivityAntWrapper {
  height: auto;
  width: 350px;
  padding: 0px 0 0 40px; }
  @media (max-width: 765px) {
    .latestActivityAntWrapper {
      width: 255px; } }

#latestActivityContent {
  height: 300px; }

.latestActivityAntContent {
  width: 310px; }
  @media (max-width: 765px) {
    .latestActivityAntContent {
      width: 200px; } }

.latestActivityAntContentHeader {
  font-size: 14px;
  height: 16px;
  font-weight: 500; }

.point {
  display: block;
  float: left;
  margin-top: 3px;
  margin-right: 15px;
  width: 10px;
  height: 10px;
  background-color: #00a2b4; }

.latestActivityAntContentText {
  width: 305px;
  margin: 0 15px 0 5px;
  padding: 10px 20px 0 20px;
  border-left: 1px solid #00a2b4;
  height: auto; }
  @media (max-width: 765px) {
    .latestActivityAntContentText {
      width: 200px; } }

.latestActivityAntContentTextHeader {
  font-size: 14px;
  color: #00a2b4;
  text-transform: uppercase; }

/*  COMMENTS */
.mailboxShow {
  height: auto;
  width: 350px;
  background-color: #fff;
  padding: 0 0 5px 0;
  position: absolute;
  right: -400px;
  top: 0px;
  z-index: 999 !important;
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); }
  @media (max-width: 765px) {
    .mailboxShow {
      width: 255px; } }
  .mailboxShow .notifBtn {
    margin: 5px 10px;
    background-color: #db008c;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 15px !important;
    width: auto; }
    .mailboxShow .notifBtn.markAllRead {
      float: right; }

.mailboxHeader {
  height: 50px;
  font-size: 18px;
  text-transform: uppercase;
  padding: 0px 0px;
  font-size: 16px; }
  @media (max-width: 765px) {
    .mailboxHeader {
      font-size: 14px;
      font-weight: 500; } }
  .mailboxHeader i {
    padding: 10px; }
  .mailboxHeader .mainIcon i {
    font-size: 30px !important;
    padding: 10px 20px; }
    @media (max-width: 480px) {
      .mailboxHeader .mainIcon i {
        padding: 15px 25px; } }
  .mailboxHeader .mainContent {
    position: absolute;
    top: 15px; }

/*  SETTINGS */
.settingsShow {
  height: auto;
  width: 350px;
  background-color: #fff;
  position: absolute;
  right: -400px;
  top: 0px;
  z-index: 999 !important;
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); }
  @media (max-width: 765px) {
    .settingsShow {
      width: 255px; } }

.settingsHeader {
  height: 50px;
  font-size: 18px;
  text-transform: uppercase;
  padding: 0px 0px;
  font-size: 16px; }
  @media (max-width: 765px) {
    .settingsHeader {
      font-size: 14px;
      font-weight: 500; } }
  .settingsHeader i {
    padding: 10px; }
  .settingsHeader .mainIcon i {
    font-size: 30px !important;
    padding: 10px 20px; }
    @media (max-width: 480px) {
      .settingsHeader .mainIcon i {
        padding: 15px 25px; } }
  .settingsHeader .mainContent {
    position: absolute;
    top: 15px; }

/* REMINDER */
.reminderShow {
  width: 350px;
  background-color: #fff;
  background-image: url(../../img/alarm.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: -400px;
  top: 0px;
  z-index: 999 !important;
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); }
  @media (max-width: 765px) {
    .reminderShow {
      width: 255px; } }

.reminderHeader {
  height: 30px;
  font-size: 18px;
  text-transform: uppercase;
  padding: 0px 0px;
  font-size: 16px; }
  @media (max-width: 765px) {
    .reminderHeader {
      font-size: 14px;
      font-weight: 500; } }
  .reminderHeader i {
    padding: 10px; }
  .reminderHeader .mainIcon i {
    font-size: 35px !important;
    padding: 15px 35px; }
    @media (max-width: 480px) {
      .reminderHeader .mainIcon i {
        padding: 15px 25px; } }
  .reminderHeader .mainContent {
    position: absolute;
    top: 25px; }

.carouselWrapper {
  padding: 10px; }
  .carouselWrapper .carouselContent {
    height: 300px !important;
    text-align: center;
    padding-top: 170px !important; }
  .carouselWrapper .carousel-control {
    background-image: none; }

/* MENU */
#menuContent {
  background-color: #2c353a;
  z-index: 9999 !important;
  width: 240px;
  margin-top: 15px; }

.sidebar-nav ul {
  padding: 0;
  list-style: none; }

.sidebar-nav li {
  position: relative;
  display: block; }
  .sidebar-nav li ul a {
    font-size: 14px;
    padding-left: 56px;
    background-color: #232b2e; }
  .sidebar-nav li.active a .glyphicon,
  .sidebar-nav li.active a .glyphicon,
  .sidebar-nav li.active a .arrow {
    color: #fff; }
  .sidebar-nav li.active a:hover {
    background: #202529;
    color: #fff; }

.sidebar-nav .fa {
  font-size: 16px;
  margin-right: 16px; }

.sidebar-nav .glyphicon {
  font-size: 16px;
  margin-right: 20px; }

.sidebar-nav a {
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  position: relative;
  padding: 12px 15px;
  display: inline-block;
  width: 100%; }
  .sidebar-nav a:hover {
    background: #202529;
    color: #fff; }
    .sidebar-nav a:hover .glyphicon,
    .sidebar-nav a:hover .arrow {
      color: #fff; }
  .sidebar-nav a:focus {
    outline: none; }

.sidebar-nav .badge {
  border-radius: 0; }

.sidebar-nav .arrow {
  font-size: 16px;
  margin-right: 15px; }

.actual {
  background-color: #202529 !important; }

/* SIDEBAR  */
.sideBarUser {
  height: 80px;
  width: 240px;
  padding-top: 20px;
  background-repeat: no-repeat; }
  .sideBarUserMini {
    display: none;
    height: 50px;
    width: 240px;
    margin-top: 25px;
    background-image: url(../../img/userBg.jpg);
    background-color: #00a2b4; }
  .sideBarUserContainer {
    height: 80px;
    width: 240px; }
    .sideBarUserContainerImg {
      float: left;
      height: 50px;
      width: 80px;
      text-align: center;
      margin-right: 30px;
      font-size: 40px;
      line-height: 40px; }
    .sideBarUserContainerText {
      float: left;
      height: 50px;
      width: 100%;
      text-align: left;
      padding-left: 15px; }
      .sideBarUserContainerText .userInfo span:not(.userName) {
        margin-left: 10px; }

img.userimg {
  border-radius: 50%;
  margin: -19px 10px 10px;
  height: 80px;
  border: 7px solid rgba(255, 255, 255, 0.41);
  box-shadow: 0px 0px 0px 8px rgba(188, 240, 236, 0.11); }

.userInfo {
  font-size: 14px;
  line-height: 20px;
  color: #fff !important; }
  .userInfo a {
    color: #fff !important; }
  .userInfo .userName {
    font-size: 20px; }

.sideBarSearch {
  float: left;
  height: 50px;
  width: 80px;
  text-align: center;
  margin-right: 30px;
  font-size: 40px;
  line-height: 40px; }

.sideBarSearchMini {
  display: none;
  height: 55px;
  width: 240px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px; }

input.search-query {
  padding-left: 26px;
  border: thin solid #0e8ca9;
  background-color: #fff; }

form.form-search {
  position: relative;
  color: #0e8ca9; }

/*  mainContainer  */
body .firstRow {
  background-color: #fff;
  border-bottom: 1px solid #ECF0F1;
  height: 80px;
  padding-left: 20px; }
  @media (max-width: 765px) {
    body .firstRowHeader {
      text-align: center;
      line-height: 50px; } }
  body .firstRowHeader h5 {
    margin: 0;
    margin-top: 5px; }

.miniDiagramsContainer {
  padding-top: 15px;
  height: 80px;
  width: 250px;
  float: right; }

.miniDiagramsContent {
  float: left;
  height: 80px;
  width: 115px;
  margin-left: 10px; }

.miniDiagramsContentHeader {
  height: 20px;
  padding-bottom: 5px;
  width: 115px;
  font-size: 14px;
  line-height: 15px;
  color: #333;
  text-align: left;
  font-weight: 300; }

.miniDiagramsContentContent {
  height: 30px;
  width: 115px; }

.jqstooltip {
  text-align: center;
  min-height: 25px;
  min-width: 65px; }

.breadcrumb {
  background-color: transparent;
  height: 30px;
  margin: 0;
  padding: 0; }
  @media (max-width: 765px) {
    .breadcrumb {
      display: none; } }
  .breadcrumb li a {
    font-size: 14px;
    color: #0e8ca9; }
  .breadcrumb .active {
    font-size: 16px;
    color: #333; }

.breadcrumb > li + li:before {
  color: #0e8ca9;
  vertical-align: middle;
  font-size: 25px;
  content: "\2022"; }

@media (max-width: 1200px) {
  .mapContainerFooter {
    text-align: center; }
  .marker i,
  .address {
    width: 100%;
    float: none; }
  .mapbutton {
    float: none !important;
    margin-top: 10px; } }

/* Footer */
.footerWrapper {
  width: 100%;
  height: 60px;
  padding: 20px 0 0 20px;
  background-color: #fff;
  border-top: 1px solid #ECF0F1;
  color: #878787; }
  @media (max-width: 765px) {
    .footerWrapper {
      padding: 35px 0 0 0;
      text-align: center; } }

.todayClose {
  display: none; }

@media (max-width: 765px) {
  .headerLogoText {
    display: none; }
  .headerTime {
    display: none; }
  .miniDiagramsContainer {
    float: none;
    margin: 0 auto;
    float: none; }
  .firstRowHeader {
    padding-left: 0;
    text-align: center; } }

/*  DASHBOARDS CHARTS */
#chartDashboard,
#chartDashboard02 {
  width: 100%;
  height: 200px; }

#chartDashboard1,
#chartDashboard3,
#chartDashboard31,
#chartDashboard32,
#chartDashboard7,
#chartDashboard8,
#chartDashboard10 {
  width: 100%;
  padding: 0 40px 0 0; }
  @media screen and (max-width: 480px) {
    #chartDashboard1,
    #chartDashboard3,
    #chartDashboard31,
    #chartDashboard32,
    #chartDashboard7,
    #chartDashboard8,
    #chartDashboard10 {
      padding: 0 20px 0 0; } }

#chartDashboard9 {
  width: 100%;
  height: 100%;
  padding: 20px 30px 0 0;
  height: 180px; }

@media screen and (max-width: 480px) {
  #chartDashboard2,
  #chartDashboard5 {
    padding: 0 20px 0 0; } }

#chartDashboard1 {
  height: 200px; }

#chartDashboard2 {
  height: 150px !important;
  width: 150px !important; }

#chartDashboard3,
#chartDashboard31,
#chartDashboard32 {
  position: absolute;
  height: 200px !important;
  left: 50%; }

#chartDashboard4,
#chartDashboard41,
#chartDashboard42 {
  position: absolute;
  height: 250px !important;
  width: 250px !important;
  left: 50%;
  margin-left: -125px; }
  @media (max-width: 1270px) and (min-width: 1200px) {
    #chartDashboard4,
    #chartDashboard41,
    #chartDashboard42 {
      height: 150px !important;
      width: 150px !important;
      margin-left: -75px; } }
  @media (max-width: 460px) {
    #chartDashboard4,
    #chartDashboard41,
    #chartDashboard42 {
      height: 150px !important;
      width: 150px !important;
      margin-left: -75px; } }

#chartDashboard5 {
  display: block;
  margin: 0 auto !important;
  min-height: 100px;
  max-height: 250px;
  max-width: 500px; }

#chartDashboard6 {
  max-width: 200px;
  height: 250px !important; }

#chartDashboard7 {
  height: 205px; }

#chartDashboard8 {
  height: 300px; }

#chartDashboard10 {
  height: 310px; }

#chartDashboard11 {
  display: block;
  margin: 0 auto !important;
  min-height: 100px;
  max-height: 250px;
  max-width: 500px; }

.amsterdamContent {
  position: relative; }
  .amsterdamContent .amsterdamButtonPlaseholder {
    position: absolute;
    right: 25px;
    top: -35px; }

/* FLOTCHARTS */
.flotChartsWrapper {
  min-height: 200px;
  min-width: 200px;
  height: 95%;
  width: 95%;
  margin: 0 auto !important;
  padding: 2%;
  background-color: #fff !important; }

#placeholder,
#placeholder1,
#placeholder2,
#placeholder3,
#placeholder4,
#placeholder5,
#placeholder6,
#placeholder7,
#placeholder8,
#placeholder9,
#placeholder10,
#placeholder11,
#placeholder12,
#placeholder13 {
  min-height: 200px;
  min-width: 200px;
  height: 100% !important;
  width: 100% !important; }

.flot-tooltip {
  color: #fff;
  background-color: #333;
  border-radius: 5px;
  width: 100px;
  height: auto;
  padding: 5px;
  text-align: center;
  position: absolute;
  display: none;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  z-index: 99; }

/* MORIS CHARTS */
.morisChartsWrapper {
  min-height: 200px;
  min-width: 200px;
  height: 95%;
  width: 95%;
  margin: 0 auto !important;
  padding: 2%;
  background-color: #fff !important; }

#chart,
#chart1,
#chart2,
#chart3,
#chart4,
#chart5,
#chart6,
#chart7,
#chart8,
#chart9,
#chart10 {
  min-height: 200px;
  min-width: 200px;
  height: 100% !important;
  width: 100% !important; }

/* CHART JS*/
.chartjsWrapper {
  min-height: 200px;
  min-width: 200px;
  height: 90% !important;
  width: 98%;
  margin: 0 auto !important;
  padding: 2%;
  background-color: #fff !important; }

#canvas,
#canvas1,
#canvas2,
#canvas3,
#canvas4,
#canvas5,
#canvas6,
#canvas7,
#canvas8,
#canvas9,
#canvas10 {
  min-height: 200px;
  min-width: 200px;
  height: 100% !important;
  width: 98% !important; }

/*  SPARKLINE CHART */
.sparklineChartWrapper {
  height: 90% !important;
  width: 98%;
  margin: 0 auto !important;
  padding: 2%;
  background-color: #fff !important; }

.sparkline,
.sparkline1,
.sparkline2,
.sparkline3,
.sparkline4,
.sparkline5,
.sparkline6,
.sparkline7,
.sparkline8,
.sparkline9,
.sparkline10 {
  height: 100% !important;
  width: 98% !important; }

@media (max-width: 1480px) {
  #sparkline20,
  #sparkline21,
  #sparkline22 {
    overflow: hidden; } }

/* TO DO  */
.checked-todo label {
  text-decoration: line-through; }

.todoWrapper {
  padding: 0 20px !important;
  border-color: transparent !important; }
  @media (max-width: 480px) {
    .todoWrapper {
      padding: 0 5px !important; } }
  .todoWrapper .panel-body {
    padding: 0px; }
  .todoWrapper .form-control {
    height: 50px;
    border: 1px solid #0e8ca9;
    background-image: none;
    z-index: 0 !important; }
    .todoWrapper .form-control:hover, .todoWrapper .form-control:active, .todoWrapper .form-control:focus {
      border: 1px solid #0e8ca9;
      background-image: none; }
  .todoWrapper .input-group {
    width: 100%; }
    .todoWrapper .input-group input {
      padding-left: 25px; }
  .todoWrapper .input-group-addon {
    width: 50px;
    border: 1px solid #0e8ca9;
    z-index: 0 !important; }
    .todoWrapper .input-group-addon i {
      font-size: 24px; }
  .todoWrapper .sort-todo a {
    margin-right: 15px;
    text-transform: uppercase;
    text-decoration: none;
    color: #0e8ca9; }
    .todoWrapper .sort-todo a:hover {
      color: #00a2b4; }
  .todoWrapper .checkbox label,
  .todoWrapper .radio label {
    padding-left: 5px; }
  .todoWrapper .icheckbox_square-pink,
  .todoWrapper .iradio_square-pink {
    margin-right: 15px !important;
    margin-left: 5px !important; }

.todo .radio,
.todo .checkbox {
  display: inline-block;
  margin: 0px;
  overflow: hidden; }
  .todo .radio label,
  .todo .checkbox label {
    padding-left: 0; }
    @media (max-width: 480px) {
      .todo .radio label,
      .todo .checkbox label {
        width: 150px; } }

.todo input[type=checkbox]:checked + label {
  text-decoration: line-through !important; }

.todo .list-group-item {
  border-radius: 0;
  padding-left: 5px !important; }

.todo .list-group-item:hover,
.todo .list-group-item:focus {
  text-decoration: none; }

.todo .list-group {
  margin-bottom: 0px; }

.todo .action-btns {
  width: 75px;
  position: absolute;
  right: 10px;
  top: 10px; }

.todo .action-btns a {
  margin-left: 20px;
  font-size: 16px; }

.todo .action-btns a span {
  font-size: 16px;
  color: #0e8ca9; }

/*     CALENDAR    */
.panelCalendar {
  background-color: transparent !important;
  -webkit-box-shadow: none;
  box-shadow: none; }

#calendar {
  width: 100% !important;
  z-index: 0 !important;
  background-color: #fff; }

#external-events {
  background-color: #fff;
  margin-bottom: 20px; }
  #external-events h6 {
    line-height: 40px; }
  #external-events .calendarHeader h6 {
    margin-top: -1px;
    width: 100%;
    height: 75px;
    background-color: #db008c;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 75px;
    text-align: center; }
  #external-events .calendarWrapper {
    padding: 20px 40px; }
  #external-events .form-group {
    width: 100%; }
  #external-events .form-control {
    height: 30px;
    width: 100%;
    border: 1px solid #d4d8d9;
    background-image: none; }
    #external-events .form-control:hover, #external-events .form-control:active, #external-events .form-control:focus {
      border: 1px solid #d4d8d9;
      background-image: none; }
  #external-events .input-group {
    width: 100% !important;
    height: 30px !important;
    z-index: 0 !important; }
    #external-events .input-group i {
      color: #fff; }
    #external-events .input-group input {
      padding-left: 25px;
      margin-right: 25px; }
  #external-events .input-group-addon {
    background-color: #db008c;
    padding: 0;
    width: 30px; }
    #external-events .input-group-addon button {
      padding: 0 10px !important;
      height: 100% !important;
      border: none !important;
      background-color: #db008c;
      color: #fff; }

.fc-event {
  width: auto !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 20px 0 !important;
  padding: 10px !important; }
  .fc-event .fa-close {
    float: right; }

.event-tag span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  cursor: pointer; }

.event-tag span.selected:before {
  width: 10px;
  height: 10px;
  margin-left: 5px;
  line-height: 30px;
  color: #fff;
  font-family: FontAwesome;
  font-size: 22px;
  position: absolute;
  content: "\f00c"; }

/*    TYPOGRAPHY   */
.typography {
  padding: 20px;
  margin: 10px 5px !important;
  background-color: #fff;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-bottom: 1px solid #ECF0F1; }
  @media (max-width: 765px) {
    .typography {
      padding: 10px;
      margin: 30px 10px; } }

.typographyHeader {
  font-size: 18px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px; }

.regularStyle {
  font-size: 30px;
  font-family: 'robotoregular', sans-serif;
  text-transform: uppercase; }

.thinStyle {
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'robotolight', sans-serif; }

.bolditalicStyle {
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'robotobold_italic', sans-serif;
  font-style: italic; }

.boldStyle {
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'robotobold', sans-serif; }

.condesendStyle {
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'roboto_condensedregular', sans-serif; }

.lightitalicStyle {
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'robotolight_italic', sans-serif; }

.mediumitalicStyle {
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'robotomedium_italic', sans-serif; }

.blackStyle {
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'robotoblack', sans-serif; }

.mediumStyle {
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'robotomedium', sans-serif; }

.lightStyle {
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'robotolight', sans-serif; }

.blackitalicStyle {
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'robotobold_italic', sans-serif; }

.bolditalicStyle {
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'robotoblack_italic', sans-serif; }

.description {
  font-family: 'robotoregular', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 30px;
  line-height: 50px;
  font-weight: normal;
  font-style: normal; }
  @media (max-width: 640px) {
    .description {
      display: none; } }

h1 {
  font-size: 48px;
  font-weight: normal; }

h2 {
  font-size: 40px;
  font-weight: normal; }

h3 {
  font-size: 36px;
  font-weight: normal; }

h4 {
  font-size: 30px;
  font-weight: normal; }

h5 {
  font-size: 24px;
  font-weight: normal; }

h6 {
  font-size: 18px;
  font-weight: normal; }

blockquote {
  border-left: none; }

blockquote p {
  font-size: 18px; }

blockquote:after {
  content: "\f10d";
  font-family: 'Fontawesome';
  width: 15px;
  font-size: 15px;
  line-height: 15px;
  font-style: normal;
  text-align: center;
  color: #0e8ca9;
  position: absolute;
  top: 70px;
  left: 40px; }

blockquote footer {
  font-size: 18px;
  float: right; }

.flowTextAction {
  font-size: 18px;
  line-height: 24px; }

.flow-text-off {
  font-size: 18px; }

.flow-text {
  font-size: 16px; }
  @media screen and (max-width: 1280px) {
    .flow-text {
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .flow-text {
      font-size: 12px; } }
  @media screen and (max-width: 480px) {
    .flow-text {
      font-size: 10px; } }

.flowTextButton {
  background-color: #db008c;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  padding: 10px 15px !important;
  width: 160px;
  outline: none !important; }

.switch {
  border: 1px solid #fff;
  background-color: #b9b8b8;
  border-radius: 48px;
  display: inline-block;
  width: 50px;
  position: relative;
  height: 15px;
  cursor: pointer;
  transition: all .2s ease-in-out; }

.switch .handle {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background: #f1f1f1;
  position: absolute;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  transition: all .2s ease-in-out;
  top: -7px; }
  .switch .handle:hover {
    background: #b9b8b8; }

.switch.on {
  background: rgba(0, 226, 240, 0.5);
  border-color: #fff; }

.switch:active .handle {
  width: 40px;
  border-radius: 24px; }

.switch.on .handle {
  right: 0;
  background: rgba(0, 226, 240, 0.8); }

.switsherWrapper {
  height: 40px; }
  .switsherWrapper .position1 {
    float: left;
    display: block;
    width: 80px; }
  .switsherWrapper .position2 {
    float: left;
    display: block;
    width: 40px; }
  .switsherWrapper .position3 {
    float: left;
    display: block;
    width: 60px; }
  .switsherWrapper .position4 {
    float: left;
    display: block;
    width: 40px; }

.rangeSelectorMaster {
  background-color: #0e8ca9; }

.rangeSelectorWrapper {
  margin-bottom: 70px; }

.formelementsAssistant {
  bottom: -80px; }

/*     MAILBOX     */
.mailboxGroupName {
  background-color: #FAFBFB;
  color: #9C27B0;
  text-align: center;
  padding: 2px; }

.mailBoxMenuItem {
  width: 100%;
  height: 60px;
  border-left: 1px solid #F5F9FA;
  border-right: 1px solid #F5F9FA;
  background-color: #fff;
  position: relative; }

.mailBoxMenuItemIcon {
  height: 60px;
  width: 100px;
  padding: 9px 14px;
  float: left; }

.mailIconHolder {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  text-align: center; }

.mailIconHolder i {
  font-size: 20px;
  color: #fff;
  line-height: 31px; }

.mailBoxMenuItemName {
  padding: 22px 20px 10px 20px; }

.mailBoxMenuItemName span {
  font-size: 14px;
  font-weight: bold; }

.newMail {
  display: block;
  padding: 5px 10px;
  position: absolute;
  right: 10px;
  top: 50% !important;
  margin-top: -15px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px; }
  .newMail a {
    color: #fff; }

.mailBoxHeader {
  background-color: #9c27b0;
  color: #fff;
  line-height: 70px;
  margin-bottom: 15px; }
  .mailBoxHeader i {
    color: #fff; }

.mailBoxName {
  font-size: 18px;
  text-transform: uppercase; }
  @media screen and (max-width: 768px) {
    .mailBoxName {
      display: block;
      text-align: center; } }

.mailBoxHeader ul {
  float: right;
  padding: 0;
  margin: 10px 0 0 0; }
  .mailBoxHeader ul li {
    display: inline-block;
    margin-left: 5px; }

.mailBoxContent {
  padding: 20px;
  margin: 10px 5px !important;
  background-color: #fff;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-bottom: 1px solid #ECF0F1;
  padding: 0;
  margin-bottom: 100px !important; }
  @media (max-width: 765px) {
    .mailBoxContent {
      padding: 10px;
      margin: 30px 10px; } }

.mailBoxButtonPlaceholder {
  position: absolute;
  right: 15px; }

.sotialColor {
  background-color: #9c27b0; }

.promotionsColor {
  background-color: #db008c; }

.updatesColor {
  background-color: #0e8ca9; }

.faceboockColor {
  background-color: #4255c6; }

.twitterColor {
  background-color: #03a9f4; }

.googleColor {
  background-color: #f44336; }

.mainMailColor {
  color: #9c27b0; }
  .mainMailColor i {
    color: #9c27b0; }

.mailBoxContentAnt {
  width: 100%;
  border-left: 3px solid transparent;
  position: relative;
  border-left: 3px solid #FFFFFF;
  padding: 0 10px 0px 0; }
  @media screen and (max-width: 768px) {
    .mailBoxContentAnt {
      margin-bottom: 15px;
      border-bottom: 1px solid #ECF0F1; } }
  .mailBoxContentAnt:hover {
    background-color: #f5f9fa;
    border-left: 3px solid #9c27b0; }
  .mailBoxContentAnt:hover .mainMailColor {
    color: #333; }
  .mailBoxContentAnt:hover .mainMailColor i {
    color: #333; }
  .mailBoxContentAnt .mailBoxContenChek {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    right: 25px; }
  .mailBoxContentAnt .checkbox {
    margin: 0; }
  .mailBoxContentAnt:nth-child(even) {
    background-color: #eee; }

.mailBoxContentAntIcon {
  height: 100px;
  width: 100px;
  padding: 25px;
  float: left; }

.mailIconHolder {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  text-align: center; }
  .mailIconHolder i {
    font-size: 20px;
    color: #fff;
    line-height: 50px; }

.mailIconHolderMenu {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center; }
  .mailIconHolderMenu i {
    font-size: 16px;
    color: #fff;
    line-height: 40px; }

.mailBoxContentAntContent {
  text-decoration: none;
  padding: 15px; }
  .mailBoxContentAntContent span {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none; }
  .mailBoxContentAntContent p {
    margin-bottom: 0; }

.mailTime {
  font-size: 14px;
  font-weight: 300 !important;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; }
  .mailTime a {
    color: #fff; }
    .mailTime a:hover {
      text-decoration: none; }

.activeMail {
  background-color: #ffeb3b !important;
  border-left: 3px solid #0e8ca9 !important; }
  .activeMail:hover {
    background-color: #ffeb3b !important;
    border-left: 3px solid #0e8ca9 !important; }

.newMailIncome {
  background-color: #DEFDFF;
  border-left: 3px solid #0e8ca9; }
  .newMailIncome:hover {
    background-color: #DEFDFF;
    border-left: 3px solid #0e8ca9; }

.mailboxWatch {
  display: block;
  margin-top: 0;
  text-decoration: none;
  color: #333; }
  .mailboxWatch:hover {
    text-decoration: none; }
    .mailboxWatch:hover .mailBoxContentAntContent span, .mailboxWatch:hover .mailBoxContentAntContent p {
      text-decoration: none; }

/* SINGLE MAIL */
.incomMailWrapper {
  padding: 20px;
  margin: 10px 5px !important;
  background-color: #fff;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-bottom: 1px solid #ECF0F1;
  padding: 0; }
  @media (max-width: 765px) {
    .incomMailWrapper {
      padding: 10px;
      margin: 30px 10px; } }

.incomMailHeader {
  padding: 20px;
  font-size: 16px;
  text-transform: uppercase;
  color: #9c27b0;
  border-bottom: 1px solid #ECF0F1; }
  @media screen and (max-width: 768px) {
    .incomMailHeader {
      line-height: 25px; } }

.incomMailHeader a {
  background-color: #ecf0f1;
  padding: 5px 10px;
  color: #333;
  text-decoration: none;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; }
  .incomMailHeader a:hover {
    color: #9c27b0; }

.mailContentUserInfo {
  position: relative; }

.incomMailHeaderIcon {
  width: 25px;
  height: 25px;
  background-color: #db008c;
  float: right;
  border-radius: 50%;
  text-align: center; }
  .incomMailHeaderIcon i {
    color: #fff;
    line-height: 25px; }

.contentUserInfoIconHolder {
  height: 100px;
  width: 100px;
  float: left; }
  @media screen and (max-width: 480px) {
    .contentUserInfoIconHolder {
      float: none;
      margin: 0 auto;
      height: 60px; } }

.contentUserInfoIcon {
  width: 50px;
  height: 50px;
  margin: 25px; }

.contentUserInfoPersonal {
  height: 60px;
  width: 200px;
  padding: 20px 0;
  float: left;
  font-size: 12px;
  color: #7f7f7f;
  line-height: 20px; }
  @media screen and (max-width: 480px) {
    .contentUserInfoPersonal {
      float: none;
      margin: 0 auto;
      text-align: center;
      padding: 0px 0; } }

.userInfoPersonalUserName {
  display: block;
  font-size: 14px;
  color: #333;
  font-weight: 600; }

.mailContentUserInfoIcon {
  display: block;
  position: absolute;
  top: 15px;
  right: 30px; }
  .mailContentUserInfoIcon i {
    color: #333;
    font-size: 20px; }
    .mailContentUserInfoIcon i:hover {
      color: #9c27b0; }

.mailContentUserContent {
  padding: 20px; }
  .mailContentUserContent p {
    line-height: 20px;
    margin-bottom: 20px; }

.summernoteWrapper {
  margin: 0 10px 30px 10px !important; }
  .summernoteWrapper .panel-heading {
    background-color: #f6f8f8 !important; }

.note-editor {
  border-color: #f6f8f8 !important; }

/*   SETTINGS     */
.settingsBoxContentAnt {
  width: 100%;
  min-height: 50px;
  border-left: 3px solid transparent;
  position: relative;
  border-left: 3px solid #FFFFFF;
  padding: 0 10px 0px 0; }
  @media screen and (max-width: 768px) {
    .settingsBoxContentAnt {
      margin-bottom: 15px;
      border-bottom: 1px solid #ECF0F1; } }
  .settingsBoxContentAnt:hover {
    background-color: #f5f9fa;
    border-left: 3px solid #9c27b0; }
  .settingsBoxContentAnt:hover .mainsettingsColor {
    color: #333; }
  .settingsBoxContentAnt:hover .mainsettingsColor i {
    color: #333; }
  .settingsBoxContentAnt .settingsBoxContenChek {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    right: 25px; }
  .settingsBoxContentAnt .checkbox {
    margin: 0; }
  .settingsBoxContentAnt .settingsboxWatch {
    display: block;
    text-decoration: none;
    height: 50px; }

.settingsBoxContentAntIcon {
  height: 50px;
  width: 70px;
  padding: 10px 20px;
  float: left; }

.settingsIconHolder {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  text-align: center;
  background-color: #0e8ca9; }
  .settingsIconHolder i {
    font-size: 17px;
    color: #fff;
    line-height: 32px; }

.settingsIconHolderMenu {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center; }
  .settingsIconHolderMenu i {
    font-size: 16px;
    color: #fff;
    line-height: 40px; }

.settingsBoxContentAntContent {
  padding: 15px; }
  .settingsBoxContentAntContent span {
    font-size: 14px;
    font-weight: bold; }

/*   REGISTRATION  */
.registrationWrapper {
  background-color: #0e8ca9;
  width: 100%;
  height: 100%;
  position: relative;
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; }

.registrationContent {
  width: 400px;
  padding: 20px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -275px;
  margin-left: -200px;
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; }
  @media screen and (max-width: 480px) {
    .registrationContent {
      width: 300px;
      margin-left: -150px;
      height: 400px; } }
  .registrationContent h1,
  .registrationContent p {
    text-align: center; }
    .registrationContent h1 span,
    .registrationContent p span {
      margin: 0 10px; }
  .registrationContent a {
    color: #0e8ca9; }
  @media screen and (max-width: 480px) {
    .registrationContent br {
      display: none; } }

.registrationButtonPlaseholder {
  text-align: center; }
  @media screen and (max-width: 480px) {
    .registrationButtonPlaseholder {
      margin: 15px auto; } }

/* MODAL */
.modalWrapper {
  padding: 20px;
  margin: 10px 5px !important;
  background-color: #fff;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-bottom: 1px solid #ECF0F1; }
  @media (max-width: 765px) {
    .modalWrapper {
      padding: 10px;
      margin: 30px 10px; } }

.modalButtons {
  width: 150px;
  height: 45px;
  color: #fff;
  background-color: transparent;
  text-align: center; }
  .modalButtons:hover {
    color: #fff; }
  .modalButtons:focus {
    color: #fff !important;
    outline: none !important; }

.customModal .modal-content {
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  padding: 0px;
  color: #fff; }

.customModal .modal-body {
  padding: 35px 45px; }

.customModal .modal-footer {
  border: none;
  background-color: rgba(0, 0, 0, 0.2); }

.customModal .modal-header {
  border: none;
  display: none; }

.customModalSmall .modal-content {
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  padding: 0px;
  color: #fff; }

.customModalSmall .modal-body {
  padding: 20px; }

.customModalSmall .modal-footer {
  border: none;
  background-color: rgba(0, 0, 0, 0.2); }

.customModalSmall .modal-header {
  border: none;
  display: none; }

.modalButtonsSmall {
  width: 120px;
  height: 45px;
  color: #fff;
  background-color: transparent;
  text-align: center; }
  .modalButtonsSmall:hover {
    color: #fff; }
  .modalButtonsSmall:focus {
    color: #fff !important;
    outline: none !important; }

.modalContentPink {
  background-color: #db008c; }

.modalContentTheme {
  background-color: #0e8ca9; }

.modalContentPurpule {
  background-color: #9c27b0; }

.modalContentWhite {
  background-color: #fff;
  color: #333 !important; }

.modalContentCyan {
  background-color: #00a2b4; }

.modalContentYellow {
  background-color: #ffeb3b;
  color: #b98b2a !important; }

/* TABLES */
.tableWrapper {
  padding: 20px;
  margin: 10px 5px !important;
  background-color: #fff;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-bottom: 1px solid #ECF0F1;
  width: 100% !important; }
  @media (max-width: 765px) {
    .tableWrapper {
      padding: 10px;
      margin: 30px 10px; } }

.tablePink thead {
  background-color: #db008c;
  color: #fff; }
  .tablePink thead tr > th {
    border-bottom: none; }

.tablePink tbody > tr > th {
  color: #db008c !important; }

.table-striped-pink > tbody > tr:nth-of-type(odd) {
  background-color: #FFE7F6; }

.table-hover-pink > tbody > tr:hover {
  background-color: #FFE7F6; }

.tableTheme thead {
  background-color: #0e8ca9;
  color: #fff; }
  .tableTheme thead tr > th {
    border-bottom: none; }

.tableTheme tbody > tr > th {
  color: #0e8ca9 !important; }

.table-striped-theme > tbody > tr:nth-of-type(odd) {
  background-color: #C4F6F9; }

.table-hover-theme > tbody > tr:hover {
  background-color: #C4F6F9; }

.tablePurpule thead {
  background-color: #9c27b0;
  color: #fff; }
  .tablePurpule thead tr > th {
    border-bottom: none; }

.tablePurpule tbody > tr > th {
  color: #9c27b0 !important; }

.table-striped-purpule > tbody > tr:nth-of-type(odd) {
  background-color: #F1DCF5; }

.table-hover-purpule > tbody > tr:hover {
  background-color: #F1DCF5; }

.tableCyan thead {
  background-color: #00a2b4;
  color: #fff; }
  .tableCyan thead tr > th {
    border-bottom: none; }

.tableCyan tbody > tr > th {
  color: #00a2b4 !important; }

.table-striped-cyan > tbody > tr:nth-of-type(odd) {
  background-color: #C7E5E8; }

.table-hover-cyan > tbody > tr:hover {
  background-color: #C7E5E8; }

.tableYellow thead {
  background-color: #ffeb3b;
  color: #fff; }
  .tableYellow thead tr > th {
    border-bottom: none; }

.tableYellow tbody > tr > th {
  color: #ffeb3b !important; }

.table-striped-yellow > tbody > tr:nth-of-type(odd) {
  background-color: #F9F6DE; }

.table-hover-yellow > tbody > tr:hover {
  background-color: #F9F6DE; }

/*  GRID  */
.gridWrapper {
  background-color: #fff;
  color: #333;
  padding: 2%; }

.show-grid {
  margin-bottom: 15px; }

.show-grid [class^=col-] {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #eee;
  background-color: rgba(196, 246, 246, 0.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86, 61, 124, 0.2); }
  @media (max-width: 760px) {
    .show-grid [class^=col-] {
      margin: 10px 20px; } }

.topSellingHeader .navbar-default {
  background-color: transparent;
  border-color: transparent; }

.topSellingHeader .navbar-default .navbar-nav > .active > a {
  background-color: #0e8ca9;
  color: #fff; }

.topSellingHeader a {
  font-weight: 600; }

.table > tbody > tr > td {
  vertical-align: middle; }

.prodName,
.prise {
  width: 35%;
  padding-left: 30px !important; }

.sold {
  width: 20%;
  padding-left: 30px !important; }

.marker {
  width: 10%;
  padding-left: 30px !important; }
  .marker button {
    height: 35px;
    width: 100px; }

/*  ORDERS */
.ordersHeader {
  padding: 20px; }

.ordersButtonsBlock button {
  margin: 5px; }

.selectedWrapper {
  padding: 0 10px; }
  @media (max-width: 1199px) {
    .selectedWrapper {
      width: 270px;
      margin: 10px 0;
      text-align: center; } }

.selectPageHeader,
.selectPageFooter {
  float: left;
  font-weight: 600;
  height: 40px;
  line-height: 40px; }

.selectPageContent {
  float: left; }
  @media (max-width: 1199px) {
    .selectPageContent {
      position: absolute;
      right: 5px; } }
  .selectPageContent .input-group {
    width: 200px; }
  .selectPageContent .input-group-btn:first-child > .btn,
  .selectPageContent .input-group-btn:last-child > .btn {
    height: 40px;
    width: 40px;
    margin: 0 10px;
    border-radius: 0; }
  .selectPageContent .form-control {
    border: 1px solid #ECF0F1;
    height: 40px;
    text-align: center;
    background-image: linear-gradient(#00e2f0, #00e2f0), linear-gradient(#d2d2d2, #d2d2d2);
    background-size: 0 1px, 100% 0px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    background-color: transparent;
    transition: background 0s ease-out; }

.viewHeader,
.viewFotter {
  float: left;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  line-height: 40px; }

.viewContent {
  float: left;
  width: 100px;
  margin: 0 15px; }
  @media (max-width: 1199px) {
    .viewContent {
      position: absolute;
      right: 10px; } }
  .viewContent button {
    width: 100px;
    height: 40px;
    margin: 0; }

.recordsSelectedHeader,
.recordsSelectedFotter {
  float: left;
  font-weight: 600;
  height: 40px;
  line-height: 40px; }
  .recordsSelectedHeader button,
  .recordsSelectedFotter button {
    width: 45px;
    height: 36px;
    margin: 0; }
    @media (max-width: 1199px) {
      .recordsSelectedHeader button,
      .recordsSelectedFotter button {
        position: absolute;
        right: 23px; } }
    .recordsSelectedHeader button i,
    .recordsSelectedFotter button i {
      font-size: 15px;
      padding: 0; }

.recordsSelectedContent {
  float: left;
  width: 100px;
  margin: 0 15px; }
  @media (max-width: 1199px) {
    .recordsSelectedContent {
      position: absolute;
      right: 70px; } }
  .recordsSelectedContent button {
    width: 100px;
    height: 40px;
    margin: 0; }

.selectedTable {
  text-align: center; }
  .selectedTable .selectedTableHeader {
    font-weight: 600;
    text-align: left; }
  .selectedTable .selectedTableInput > td {
    vertical-align: top !important; }
  .selectedTable i {
    margin-top: 3px;
    color: #333; }
  .selectedTable .input-group {
    width: 100%; }
    .selectedTable .input-group .btnCalendar {
      height: 30px;
      width: 30px;
      top: 3px;
      position: absolute;
      left: 3px;
      z-index: 10;
      border: none; }
      .selectedTable .input-group .btnCalendar:hover, .selectedTable .input-group .btnCalendar:active, .selectedTable .input-group .btnCalendar:focus {
        background-color: transparent !important;
        box-shadow: none !important; }
  .selectedTable .form-control {
    border: 1px solid #ECF0F1;
    height: 40px;
    margin-bottom: 10px;
    padding-left: 15px;
    background-image: linear-gradient(#00e2f0, #00e2f0), linear-gradient(#d2d2d2, #d2d2d2);
    background-size: 0 1px, 100% 0px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    background-color: transparent;
    transition: background 0s ease-out; }
  .selectedTable .btn-group > .btn {
    margin: 0;
    height: 40px; }
  .selectedTable .btn {
    margin: 0 0 10px 0;
    height: 35px;
    width: 100px;
    font-size: 12px; }

.selectedTable .selectedTableInputBox {
  width: 5%; }

.selectedTable .selectedTableOrders {
  width: 10%; }

.selectedTable .selectedTablePurcahsed {
  width: 10%; }

.selectedTable .selectedTableCustomer {
  width: 15%; }

.selectedTable .selectedTableShipTo {
  width: 10%; }

.selectedTable .selectedTableBasePrice {
  width: 15%; }

.selectedTable .selectedTablePurchasedPrice {
  width: 15%; }

.selectedTable .selectedTableStatus {
  width: 10%; }

.selectedTable .selectedTableActions {
  width: 10%; }

/* ORDER VIEW */
.orderVievHeader {
  padding: 20px;
  position: relative;
  margin-bottom: 20px; }
  .orderVievHeader .btn {
    position: absolute;
    top: 5px;
    right: 5px; }

.orderVievTable tbody > tr > td {
  padding: 10px 25px; }

.orderVievTable .orderVievTableFirstCol {
  width: 50%;
  font-weight: 600; }

.orderVievTable button {
  width: auto;
  height: 35px; }

.orderVievWrapper {
  padding: 20px; }

address {
  line-height: 30px !important; }

.chopingCartWrapper tbody > tr > td {
  padding: 10px 25px; }

.chopingCartWrapper button {
  width: auto;
  height: 35px; }

.chopingCartWrapper .chopingCartProduct {
  width: 15%;
  font-weight: 600; }

.chopingCartWrapper .chopingCartPurcahsedOn {
  width: 10%;
  font-weight: 600; }

.chopingCartWrapper .chopingCartOriginalPrice {
  width: 10%;
  font-weight: 600; }

.chopingCartWrapper .chopingCartPrice {
  width: 10%;
  font-weight: 600; }

.chopingCartWrapper .chopingCartQuantity {
  width: 10%;
  font-weight: 600; }

.chopingCartWrapper .chopingCartTaxAmound {
  width: 10%;
  font-weight: 600; }

.chopingCartWrapper .chopingCartTaxPercent {
  width: 10%;
  font-weight: 600; }

.chopingCartWrapper .chopingCartDiscountAmound {
  width: 15%;
  font-weight: 600; }

.chopingCartWrapper .chopingCartTotal {
  width: 10%;
  font-weight: 600; }

.subTotalWrapper {
  width: 250px;
  margin-right: 25px;
  margin-bottom: 40px;
  float: right; }
  @media (max-width: 480px) {
    .subTotalWrapper {
      font-size: 12px;
      float: none;
      margin: 0 auto;
      width: 200px; } }
  .subTotalWrapper .subTotalAnt {
    margin: 20px 25px 20px 0; }
  .subTotalWrapper .subTotalAntHeader {
    font-weight: 600; }

/*CHART JS*/
.chartjsWrapper {
  width: 100%; }

#sparkline25 {
  height: 50px;
  width: 50px; }

/* GENERAL SETTINGS */
html,
body {
  width: 100%;
  height: 100%;
  background-color: #ecf0f1;
  font-family: 'robotoregular', sans-serif;
  color: #333; }

.row {
  padding: 10px;
  /* @media (max-width: 765px) {
		padding: 0 10px !important;
		margin: 0 -30px !important;
	} */ }

@media (max-width: 768px) {
  .panel-body {
    padding: 5px; } }

#headerMain {
  width: 100%;
  margin: 0px auto;
  z-index: 0; }

/* ANTBOX */
.antBox {
  padding: 20px;
  margin: 10px 5px !important;
  background-color: #fff;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-bottom: 1px solid #ECF0F1; }
  @media (max-width: 765px) {
    .antBox {
      padding: 10px;
      margin: 30px 10px; } }
  .antBoxIndigo {
    padding: 20px;
    margin: 10px 5px !important;
    background-color: #fff;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border-bottom: 1px solid #ECF0F1;
    padding: 0; }
    @media (max-width: 765px) {
      .antBoxIndigo {
        padding: 10px;
        margin: 30px 10px; } }
  .antBoxHeader {
    width: 100%; }
    .antBoxHeaderText {
      width: 70%;
      float: left;
      height: 50px; }
    .antBoxHeaderIcon {
      width: 30%;
      float: left;
      padding: 7px 10px; }

/* DASHBOARD*/
.lactWeek {
  background-color: #0e8ca9; }

.taskKomplitedAnt {
  height: 50px;
  width: 50px;
  margin: 5px auto;
  color: #fff;
  line-height: 45px; }

.saleRateContent {
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f8f8+100 */
  background: white;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, white 0%, #f6f8f8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f6f8f8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #f6f8f8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, #f6f8f8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, #f6f8f8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 0%, #f6f8f8 100%);
  /* W3C */ }

.saleRateFooter {
  position: relative;
  background-color: #fff;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px; }
  .saleRateFooter ul {
    margin: 0;
    padding: 0 20px; }
    .saleRateFooter ul li {
      display: inline-block;
      padding: 20px 40px 20px 0; }
      @media (max-width: 765px) {
        .saleRateFooter ul li {
          text-align: center;
          padding: 20px 40px;
          width: 200px;
          display: block;
          margin: 0 auto;
          padding: 20px 30px; } }
      .saleRateFooter ul li .sale1 {
        font-size: 24px;
        color: #0e8ca9; }
      .saleRateFooter ul li .saleIndigo {
        color: #db008c; }

.saleRateButtonPlaseholder {
  position: absolute;
  right: 25px;
  top: -35px; }

.monthWrapper {
  padding: 20px;
  margin: 10px 5px !important;
  background-color: #fff;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-bottom: 1px solid #ECF0F1;
  background-color: #fff; }
  @media (max-width: 765px) {
    .monthWrapper {
      padding: 10px;
      margin: 30px 10px; } }

.monthHeader {
  font-size: 18px;
  text-transform: uppercase;
  padding: 0px 0px;
  color: #333; }
  @media (max-width: 765px) {
    .monthHeader {
      font-size: 14px;
      font-weight: 500; } }
  .monthHeader i {
    color: #333;
    float: right; }

#month {
  height: 400px; }

.todayFooter {
  margin-top: 25px;
  color: #fff;
  font-size: 14px; }
  .todayFooter ul {
    padding: 0 !important;
    margin: 0 -15px; }
    @media screen and (max-width: 770px) and (min-width: 750px) {
      .todayFooter ul {
        margin: 0 -5px 20px -5px; } }
    .todayFooter ul li {
      display: inline-block;
      width: 33.3%;
      float: left;
      text-align: center;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDAwNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, #bd006b 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(125, 185, 232, 0)), color-stop(100%, #bd006b));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, #bd006b 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(125, 185, 232, 0) 0%, #bd006b 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(125, 185, 232, 0) 0%, #bd006b 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, #bd006b 100%);
      /* W3C */ }
      .todayFooter ul li:hover {
        background: #bd006b; }
      @media (max-width: 470px) {
        .todayFooter ul li {
          display: block;
          float: none;
          height: 65px;
          width: 100%;
          margin: 5px 0; } }
      .todayFooter ul li a {
        color: #fff;
        line-height: 65px;
        padding: 20px 10%;
        text-decoration: none; }
        @media (max-width: 1200px) and (min-width: 900px) {
          .todayFooter ul li a {
            padding: 10px 15px;
            text-align: center;
            font-size: 12px; } }

.todayFooter2 {
  margin-top: 25px;
  color: #fff;
  font-size: 14px; }
  .todayFooter2 ul {
    padding: 0 !important;
    margin: 0 -15px 20px -15px; }
    @media screen and (max-width: 770px) and (min-width: 750px) {
      .todayFooter2 ul {
        margin: 0 -5px 20px -5px; } }
    .todayFooter2 ul li {
      display: inline-block;
      width: 33.3%;
      float: left;
      text-align: center;
      background: #00e2f0;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZTJmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEyYjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #00e2f0 0%, #00a2b4 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00e2f0), color-stop(100%, #00a2b4));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #00e2f0 0%, #00a2b4 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #00e2f0 0%, #00a2b4 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #00e2f0 0%, #00a2b4 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #00e2f0 0%, #00a2b4 100%);
      /* W3C */ }
      .todayFooter2 ul li:hover {
        background: #00a2b4; }
      @media (max-width: 470px) {
        .todayFooter2 ul li {
          display: block;
          float: none;
          height: 65px;
          width: 100%;
          margin: 5px 0; } }
      .todayFooter2 ul li a {
        color: #fff;
        line-height: 65px;
        padding: 20px 10%;
        text-decoration: none; }
        @media (max-width: 1200px) and (min-width: 900px) {
          .todayFooter2 ul li a {
            padding: 10px 15px;
            text-align: center;
            font-size: 12px; } }

.todayBage {
  background-color: #fff;
  color: #333;
  margin: 0 0 20px 5px; }
  @media (max-width: 1200px) and (min-width: 900px) {
    .todayBage {
      display: none; } }

.lastHeader {
  font-size: 18px;
  text-transform: uppercase;
  padding: 0px 0px;
  color: #333; }
  @media (max-width: 765px) {
    .lastHeader {
      font-size: 14px;
      font-weight: 500; } }
  .lastHeader i {
    color: #b0b7c1;
    float: right; }

.lastContent {
  height: 280px;
  padding-top: 50px; }
  @media (max-width: 470px) {
    .lastContent {
      height: 300px;
      margin-top: 80px;
      padding-top: 0px; } }

.lastFooter {
  height: 150px; }
  .lastFooter ul {
    padding: 0; }
    .lastFooter ul li {
      display: block;
      width: 100%;
      height: 40px;
      margin-top: 20px; }
      .lastFooter ul li .number1,
      .lastFooter ul li .number2,
      .lastFooter ul li .number3 {
        float: left;
        display: block;
        width: 22px;
        height: 25px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        margin-right: 10px;
        text-align: center;
        line-height: 25px;
        color: #fff; }
      .lastFooter ul li .description {
        display: block;
        float: left;
        line-height: 25px; }
      .lastFooter ul li .index {
        float: right;
        line-height: 25px; }

.number1 {
  background-color: #db008c; }

.number2 {
  background-color: #9c27b0; }

.number3 {
  background-color: #00a2b4; }

.weekHeader {
  font-size: 18px;
  text-transform: uppercase;
  padding: 0px 0px;
  color: #fff; }
  @media (max-width: 765px) {
    .weekHeader {
      font-size: 14px;
      font-weight: 500; } }
  .weekHeader i {
    color: #fff;
    float: right; }

.weekIndex {
  color: #fff;
  height: 150px; }
  @media screen and (max-width: 480px) {
    .weekIndex {
      display: none; } }
  .weekIndex .weekIndexDescription {
    margin-right: 10px; }
  .weekIndex .index {
    font-size: 26px;
    line-height: 50px; }

.weekContent {
  height: 260px; }

/* USER */
.userNameWrapper {
  padding: 20px;
  margin: 10px 5px !important;
  background-color: #fff;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-bottom: 1px solid #ECF0F1;
  padding: 0 !important;
  background-color: #fff; }
  @media (max-width: 765px) {
    .userNameWrapper {
      padding: 10px;
      margin: 30px 10px; } }

.userNameWrapperHeader {
  padding: 0;
  max-height: 670px;
  overflow: hidden; }
  .userNameWrapperHeader img {
    display: block;
    margin: 0 auto; }

.userLargeButtonsWrapper {
  padding: 20px;
  margin: 10px 5px !important;
  background-color: #fff;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-bottom: 1px solid #ECF0F1;
  padding: 0;
  border: none; }
  @media (max-width: 765px) {
    .userLargeButtonsWrapper {
      padding: 10px;
      margin: 30px 10px; } }

.watsNew {
  background-color: #fff;
  padding: 0; }

.headerPost {
  padding: 20px; }
  .headerPost .headerPostIcon {
    float: left;
    margin-right: 15px; }
    @media screen and (max-width: 470px) {
      .headerPost .headerPostIcon {
        float: none;
        width: 100%;
        text-align: center; } }
  .headerPost .headerPostUserName {
    font-size: 14px;
    line-height: 40px; }
    @media screen and (max-width: 470px) {
      .headerPost .headerPostUserName {
        display: block;
        float: none;
        width: 100%;
        text-align: center; } }

.userContent {
  padding: 20px;
  margin: 10px 5px !important;
  background-color: #fff;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-bottom: 1px solid #ECF0F1;
  padding: 0; }
  @media (max-width: 765px) {
    .userContent {
      padding: 10px;
      margin: 30px 10px; } }

.postMainComent {
  padding: 20px; }

.postMainImg img {
  display: block;
  margin: 0 auto; }

.postText .col-md-12 {
  margin: 0 45px 0 20px; }
  .postText .col-md-12 .form-control {
    margin-right: 20px; }

.postMainComentContent {
  float: left;
  width: 80%; }
  @media screen and (max-width: 1200px) {
    .postMainComentContent {
      width: 60%; } }
  @media screen and (max-width: 750px) {
    .postMainComentContent {
      width: 100%;
      float: none;
      text-align: center; } }

.postMainComentContentButtons {
  float: left;
  width: 20%;
  padding-top: 40px;
  text-align: right; }
  @media screen and (max-width: 1200px) {
    .postMainComentContentButtons {
      width: 40%; } }
  @media screen and (max-width: 1200px) and (max-width: 750px) {
    .postMainComentContentButtons {
      width: 100%;
      padding-top: 0px;
      float: none;
      text-align: center; } }
  .postMainComentContentButtons a {
    display: inline-block;
    text-transform: uppercase;
    width: 50px;
    margin: 0 0 0 10%;
    text-align: center;
    color: #db008c;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none; }
    @media screen and (max-width: 750px) {
      .postMainComentContentButtons a {
        margin: 0 10%; } }

.aboutMe p {
  line-height: 24px; }

.aboutMe ul {
  padding-left: 5px; }
  .aboutMe ul li {
    list-style-type: none;
    line-height: 30px;
    text-align: left; }
  .aboutMe ul i {
    text-align: right;
    font-size: 20px;
    width: 30px;
    margin-right: 5px;
    color: #0e8ca9;
    margin-right: 20px; }

/*    INDICATORS */
.indicatorsWrapper {
  background-color: #fff; }

.indicators {
  padding: 10px;
  margin-top: 10px;
  text-align: center; }
  .indicators span {
    font-size: 36px; }
  .indicators i {
    font-size: 14px;
    color: #fff;
    position: absolute;
    right: 25px;
    bottom: 5px; }

.indicatorsCharts {
  padding: 20px 10px 0 0; }

/* USER PROFIL LARGE */
@media screen and (max-width: 1280px) {
  .userNameWrapperFotterUserInfo {
    float: none;
    width: 100%;
    margin: 0 auto; } }

.userNameWrapperFotterUserInfoUser {
  float: left;
  margin: 20px 40px 10px 40px; }
  @media screen and (max-width: 470px) {
    .userNameWrapperFotterUserInfoUser {
      float: none;
      width: 100%;
      margin: 0 auto; } }
  @media screen and (max-width: 470px) {
    .userNameWrapperFotterUserInfoUser img {
      width: 200px;
      margin: 25px auto; } }

.userNameWrapperFotterUserContent {
  padding-top: 50px; }
  @media screen and (max-width: 470px) {
    .userNameWrapperFotterUserContent {
      float: none;
      width: 100%;
      text-align: center; } }
  .userNameWrapperFotterUserContent .userName {
    color: #333;
    font-size: 24px;
    line-height: 48px; }
  .userNameWrapperFotterUserContent .userlocation {
    color: #333;
    font-size: 14px;
    line-height: 48px; }

.userNameWrapperFotterUserIcons {
  padding: 40px 0; }
  @media screen and (max-width: 1280px) {
    .userNameWrapperFotterUserIcons {
      float: none;
      width: 100%;
      margin: 20px auto; } }
  .userNameWrapperFotterUserIcons ul {
    padding: 20px; }
  .userNameWrapperFotterUserIcons li {
    float: left;
    display: block;
    text-align: center;
    width: 10%;
    margin: 0 10%; }
    .userNameWrapperFotterUserIcons li a {
      text-decoration: none; }
    .userNameWrapperFotterUserIcons li i {
      color: #0e8ca9 !important;
      font-size: 50px;
      padding-bottom: 20px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .userNameWrapperFotterUserIcons li i {
          font-size: 30px;
          text-align: center; } }
    .userNameWrapperFotterUserIcons li span {
      color: #333;
      font-size: 20px; }
      @media screen and (max-width: 450px) {
        .userNameWrapperFotterUserIcons li span {
          font-size: 14px; } }

/* SMART BOX */
.maxi .smartTextLarge {
  font-size: 32px !important; }

.maxi .smartText {
  font-size: 28px !important; }

.maxi .smartBox {
  height: 100px;
  width: 100px;
  margin: 10px auto;
  background-color: #00a2b4;
  line-height: 100px;
  color: #fff;
  font-size: 24px !important; }

.maxi .chartWrapper {
  min-height: 600px;
  border-color: #db008c;
  margin: 25px 0; }

.maxi .panelFooter,
.maxi .panelHead {
  height: 300px; }

.middle .smartTextLarge {
  font-size: 26px !important; }

.middle .smartText {
  font-size: 22px !important; }

.middle .smartBox {
  height: 80px;
  width: 80px;
  margin: 10px auto;
  background-color: #00a2b4;
  line-height: 80px;
  color: #fff;
  font-size: 18px !important; }

.middle .chartWrapper {
  min-height: 400px;
  border-color: #db008c;
  margin: 25px 0; }

.middle .panelFooter,
.middle .panelHead {
  height: 200px; }

.small .smartTextLarge {
  font-size: 20px !important; }

.small .smartText {
  font-size: 16px !important; }

.small .smartBox {
  height: 50px;
  width: 50px;
  margin: 10px auto;
  background-color: #00a2b4;
  line-height: 50px;
  color: #fff;
  font-size: 14px !important; }

.small .chartWrapper {
  min-height: 200px;
  border-color: #db008c;
  margin: 25px 0; }

.small .panelFooter,
.small .panelHead {
  height: 150px; }

.extrasmall .smartTextLarge {
  font-size: 16px !important; }

.extrasmall .smartText {
  font-size: 12px !important; }

.extrasmall .smartBox {
  height: 25px;
  width: 25px;
  margin: 10px auto;
  background-color: #00a2b4;
  line-height: 25px;
  color: #fff;
  font-size: 10px !important; }

.extrasmall .chartWrapper {
  min-height: 100px;
  border-color: #db008c;
  margin: 25px 0; }

.extrasmall .panelFooter,
.extrasmall .panelHead {
  height: 125px; }

/* FOTTER BUTTON */
.fotterButtonWrapper {
  height: 100px; }

.timeline .comment {
  padding: 10px; }
  .timeline .comment:nth-child(even) {
    background-color: #eee; }
  .timeline .comment .author,
  .timeline .comment .date {
    display: inline;
    border-bottom: 1px solid #ccc; }
  .timeline .comment .date {
    float: right;
    text-align: right; }
  .timeline .comment .content {
    padding-left: 10px;
    margin-top: 5px; }
    .timeline .comment .content p {
      margin: 0; }

.timeline .file {
  padding: 5px 10px;
  font-size: 0; }
  .timeline .file:nth-child(even) {
    background-color: #d3e8f2; }
  .timeline .file .Left, .timeline .file .Right {
    font-size: 14px;
    display: inline-block;
    vertical-align: top; }
  .timeline .file .Left {
    width: 100px;
    padding: 5px; }
    .timeline .file .Left .image {
      display: block;
      text-align: center;
      padding-right: 10px; }
    .timeline .file .Left .info {
      display: block;
      text-align: center;
      padding-right: 10px; }
  .timeline .file .Right {
    width: calc(100% - 100px); }
    .timeline .file .Right .info .author,
    .timeline .file .Right .info .date {
      display: inline;
      border-bottom: 1px solid #ccc; }
    .timeline .file .Right .info .date {
      float: right;
      text-align: right; }
    .timeline .file .Right .content {
      display: inline-block; }

.timeline .invoice .PayStatus {
  padding: 10px; }
  .timeline .invoice .PayStatus.Paid {
    border: 2px solid #006c00; }
  .timeline .invoice .PayStatus.Unpaid {
    border: 2px solid #B33A3A; }

.timeline .invoice .date {
  float: right;
  text-align: right; }

.timeline .invoice .content .type {
  font-weight: bold;
  display: inline-block;
  margin-right: 10px; }

.timeline .invoice .content .status {
  border-radius: 5px;
  display: inline-block;
  padding: 0 5px; }
  .timeline .invoice .content .status.Paid {
    color: #006c00;
    border: 1px solid #006c00; }
  .timeline .invoice .content .status.Unpaid {
    color: #B33A3A;
    border: 1px solid #B33A3A; }

.timeline .invoice .content .info {
  font-weight: bold; }
  .timeline .invoice .content .info .due,
  .timeline .invoice .content .info .duedate {
    padding: 0 10px;
    font-weight: normal; }

.timeline .invoice .content .actions {
  float: right;
  text-align: right;
  font-weight: normal; }

/*SIMPLE WEATHER*/
#weather,
#weather1,
#weather2 {
  position: relative; }
  #weather i,
  #weather1 i,
  #weather2 i {
    position: absolute;
    width: 60px;
    top: 10px;
    left: 50%;
    margin-left: -30px;
    display: block;
    color: #fff;
    font-family: weather;
    font-size: 100px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.0; }

#weather h2 {
  color: #9c27b0; }

#weather1 h2 {
  color: #00e2f0; }

#weather2 h2 {
  color: #00a2b4; }

#weather h2,
#weather1 h2,
#weather2 h2 {
  display: block;
  margin-top: 130px;
  font-size: 46px;
  line-height: 80px;
  font-weight: 300;
  text-align: center; }

@media (max-width: 1440px) {
  #weather h2,
  #weather1 h2,
  #weather2 h2 {
    font-size: 30px;
    line-height: 40px; } }

#weather ul,
#weather1 ul,
#weather2 ul {
  display: block;
  width: 270px;
  position: absolute;
  top: 250px;
  left: 50%;
  padding: 0;
  margin-left: -135px; }

#weather li,
#weather1 li,
#weather2 li {
  width: 90px;
  padding: 0;
  margin: 0;
  text-align: center;
  display: inline-block; }

@media (max-width: 1440px) {
  #weather li,
  #weather1 li,
  #weather2 li {
    padding: 0px; } }

/* COUNTDOWN */
.countdownWrapper .countdownData {
  display: inline-block;
  padding: 10px 20px;
  float: left;
  width: 30%;
  float: left;
  text-align: center; }

.countdownWrapper .countdownDescription {
  color: #333;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500; }

.countdownWrapper .countdownContent {
  margin: 70px auto 30px auto;
  text-align: center;
  height: 120px;
  max-width: 350px;
  font-size: 60px; }
  @media (max-width: 1480px) {
    .countdownWrapper .countdownContent {
      font-size: 40px;
      display: block; } }
  @media (max-width: 480px) {
    .countdownWrapper .countdownContent {
      margin: 100px 10%;
      font-size: 35px;
      display: block; } }

.countdownWrapper .panel-footer {
  padding: 25px 0;
  font-size: 16px !important;
  line-height: 24px !important; }

/* USER PROFIL */
.userProfil {
  background-color: #fff;
  text-align: center;
  padding: 50px 0px; }
  .userProfil img {
    margin: 0 auto; }
  .userProfil span {
    font-size: 24px;
    line-height: 40px; }
  .userProfil p {
    font-size: 14px;
    color: #333;
    line-height: 30px;
    margin: 0; }

.userFooter {
  height: 100px !important;
  color: #fff !important;
  font-size: 14px;
  line-height: 20px !important; }
  .userFooter i {
    padding: 5px 0;
    color: #fff !important;
    font-size: 18px; }

/* DOWNLOAD FOTO */
.downloadFoto {
  height: 360px;
  width: 100%;
  padding: 20px;
  background-size: cover;
  background-position: center; }

.downloadFotoFooter .row {
  margin-top: -10px; }

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

@media (max-width: 780px) {
  .downloadFotoFooter {
    padding-left: 25px; } }

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

@media (max-width: 780px) {
  .downloadFotoFooter {
    padding-right: 25px; } }

.downloadFotoFooter i {
  font-size: 16px;
  margin: 0 5px; }

/* MEETING  */
.meetingWrapper {
  height: 100%;
  text-align: center;
  padding: 100px 20px;
  border-radius: 5px 5px 5px 5px;
  font-size: 24px; }
  .meetingWrapper i {
    display: block;
    margin: 30px;
    font-size: 100px; }

/*SNAZZYMAPS*/
.mapWrapper {
  padding: 0 !important; }

.mapContainer {
  height: 380px; }

#map,
#map2 {
  height: 380px; }

.mapContainerFooter {
  padding: 20px 0px 10px 20px; }

.marker i {
  color: #0e8ca9;
  font-size: 36px;
  display: block;
  float: left;
  padding: 15px 20px; }
  @media (max-width: 1200px) {
    .marker i {
      padding: 0;
      float: none; } }

.address {
  padding: 15px 0;
  display: block;
  float: left; }

.mapButtons {
  width: 380px;
  float: right;
  z-index: 2; }
  @media (max-width: 1200px) {
    .mapButtons {
      float: none;
      margin: 0 auto !important;
      width: 100px; } }
  .mapButtons .btn {
    margin-left: 5px; }
    @media (max-width: 1200px) {
      .mapButtons .btn {
        margin: 10px -20px 10px 0;
        width: 100px; } }

/* PANEL MULTI USE  */
.panel-body-widget {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: transparent; }
  .panel-body-widget .panelMenu {
    position: relative;
    margin-bottom: 200px; }
    .panel-body-widget .panelMenu ul {
      margin: 0 5px;
      padding: 0;
      text-align: right; }
      .panel-body-widget .panelMenu ul .activePanelMenu {
        border-bottom: 2px solid #0e8ca9; }
      .panel-body-widget .panelMenu ul li {
        display: inline-block; }
        .panel-body-widget .panelMenu ul li a {
          display: block;
          padding: 12px 25px 10px 25px;
          text-transform: uppercase;
          color: black;
          text-decoration: none;
          font-weight: 500;
          border-bottom: 2px solid transparent; }
          .panel-body-widget .panelMenu ul li a:hover {
            border-bottom: 2px solid #0e8ca9; }
    .panel-body-widget .panelMenu button {
      position: absolute;
      right: 50px;
      bottom: -30px; }
  .panel-body-widget .panelBodyContent {
    min-height: 100px; }
    .panel-body-widget .panelBodyContent .panelBodyContentHeader {
      margin-top: 15px;
      padding: 10px 0px 10px 35px;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 300; }
    .panel-body-widget .panelBodyContent .panelBodyContentMain {
      position: relative;
      min-height: 150px; }
      .panel-body-widget .panelBodyContent .panelBodyContentMain .panelBodyContentMainText {
        display: block;
        position: absolute;
        bottom: 10px;
        left: 10px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 300;
        text-transform: uppercase; }
        .panel-body-widget .panelBodyContent .panelBodyContentMain .panelBodyContentMainText span {
          font-size: 30px;
          line-height: 32px;
          font-weight: 300; }
      .panel-body-widget .panelBodyContent .panelBodyContentMain .panelBodyContentMainContent {
        position: absolute;
        top: 20px;
        right: 10px;
        min-width: 50%;
        min-height: 100px;
        padding: 0 20px; }
  .panel-body-widget .panelBodyContentChart {
    opacity: 0;
    min-height: 100px;
    padding: 0;
    position: absolute;
    width: 100%;
    top: 50px; }
    .panel-body-widget .panelBodyContentChart .panelBodyContentHeader {
      margin-top: 15px;
      padding: 10px 0px 10px 35px;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 300; }
  .panel-body-widget .panelBodyContentActive {
    opacity: 1;
    z-index: 5; }

/* PANEL  ONCE USE  */
.todayWrapper {
  position: relative;
  height: 260px;
  width: 100%; }
  @media (max-width: 1270px) and (min-width: 1200px) {
    .todayWrapper {
      height: 150px !important; } }
  @media (max-width: 450px) {
    .todayWrapper {
      height: 150px !important; } }
  .todayWrapper .visitors,
  .todayWrapper .pageviews,
  .todayWrapper .logs {
    height: 260px;
    width: 100%;
    position: absolute;
    top: 0; }
  @media (max-width: 450px) {
    .todayWrapper {
      height: 150px !important; } }
  .todayWrapper .todayShow {
    opacity: 1;
    z-index: 5 !important; }
  .todayWrapper .todayHide {
    opacity: 0;
    z-index: -1 !important; }

/* PANEL SWITCH CONTENT */
.serviseWrapper {
  height: 250px;
  position: relative; }
  .serviseWrapper .serviseContent {
    width: 100%;
    height: 250px;
    position: absolute;
    top: 0; }
  .serviseWrapper .servisehide {
    opacity: 0;
    z-index: -1 !important; }

/*   MAIN PANEL */
.panel-default {
  border-color: #E6E9EA;
  margin: 10px 5px !important;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-bottom: 1px solid #E6E9EA; }
  @media (max-width: 765px) {
    .panel-default {
      padding: 10px;
      margin: 30px 10px; } }
  .panel-default .panel-heading,
  .panel-default .panel-body {
    background-color: transparent;
    border: none;
    padding-top: 0;
    padding: 5px 10px; }
  .panel-default .panel-body {
    margin-bottom: 10px; }
  .panel-default .panel-heading {
    padding: 5px 10px; }
    @media (max-width: 480px) {
      .panel-default .panel-heading {
        padding: 10px 5px; } }
  .panel-default .panel-heading-title,
  .panel-default .panel-heading-buttons {
    width: 50%; }
    .panel-default .panel-heading-title h6,
    .panel-default .panel-heading-buttons h6 {
      text-transform: uppercase; }
  .panel-default .panel-heading-buttons .btn {
    position: relative;
    float: right;
    margin-top: 6px;
    height: 25px;
    width: 25px;
    padding: 0;
    background-color: transparent; }
    .panel-default .panel-heading-buttons .btn:hover, .panel-default .panel-heading-buttons .btn:active {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .panel-default .panel-heading-buttons .btn .dropdown-menu {
      position: absolute;
      left: -100px !important; }
    .panel-default .panel-heading-buttons .btn .fa-code {
      font-size: 14px !important; }
    .panel-default .panel-heading-buttons .btn i {
      font-size: 14px;
      color: #b0b7c1; }
  .panel-default .well {
    padding: 5px 5px;
    margin: 15px;
    border: 0;
    webkit-box-shadow: none;
    box-shadow: none; }
  .panel-default .well .btn {
    float: right;
    margin-top: 10px;
    height: 25px;
    width: 25px;
    padding: 0;
    margin: 5px 10px;
    background-color: transparent; }
    .panel-default .well .btn i {
      font-size: 12px;
      color: #b0b7c1; }
  .panel-default .panel-footer .btn {
    float: right;
    height: 30px;
    width: 30px;
    padding: 0;
    background-color: transparent; }
    .panel-default .panel-footer .btn i {
      font-size: 16px;
      color: #b0b7c1; }

.panelFull {
  position: fixed;
  width: 98%;
  height: 85%;
  top: 10px;
  left: 10px;
  z-index: 9999; }

.attention h6 i {
  color: #db008c; }

/* PANEL WIDGETS */
.panel-widgets {
  position: relative;
  border-color: #E6E9EA;
  margin: 10px 5px !important;
  padding: 0;
  height: 400px;
  background-color: #fff;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-bottom: 1px solid #E6E9EA; }
  @media (max-width: 765px) {
    .panel-widgets {
      margin: 10px 5px !important; } }
  .panel-widgets .panel-heading {
    height: 100px;
    width: 100%; }
  .panel-widgets .panel-footer {
    text-align: center;
    font-size: 20px;
    line-height: 80px;
    color: #fff;
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: 0; }

.buttonWrapper {
  margin: 10px;
  float: left; }

/*     BUTTONS    */
.md-close {
  border-radius: 0.2em; }

.btn-default {
  background-color: #f6f8f8 !important;
  color: #333 !important;
  border: none !important; }
  .btn-default i {
    font-size: 20px;
    margin: 0 10px; }
  .btn-default:hover, .btn-default:active, .btn-default:focus {
    border: none !important;
    webkit-box-shadow: none;
    box-shadow: none; }
  .btn-default i {
    color: #333 !important; }
  .btn-default:hover {
    color: #333;
    background-color: #f6f8f8 !important; }
  .btn-default:focus {
    outline: none !important;
    color: #333; }
  .btn-default .fa-inverse {
    color: #333; }

.btn-default-fix {
  background-color: #f6f8f8 !important;
  color: #333 !important;
  border-left: 1px solid #333;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333; }
  .btn-default-fix i {
    font-size: 20px;
    margin: 0 10px; }
  .btn-default-fix i {
    color: #333 !important; }
  .btn-default-fix:hover {
    color: #333;
    background-color: #f6f8f8 !important; }
  .btn-default-fix:focus {
    outline: none !important;
    color: #333; }
  .btn-default-fix .fa-inverse {
    color: #333; }

.btn-primary {
  background-color: #0e8ca9 !important;
  color: #fff !important;
  border: none !important; }
  .btn-primary i {
    font-size: 20px;
    margin: 0 10px; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    border: none !important;
    webkit-box-shadow: none;
    box-shadow: none; }
  .btn-primary:hover {
    color: #fff;
    background-color: #0e8ca9 !important; }
  .btn-primary:focus {
    outline: none !important;
    color: #fff; }

.btn-success {
  background-color: #00a2b4 !important;
  color: #fff !important;
  border: none !important; }
  .btn-success i {
    font-size: 20px;
    margin: 0 10px; }
  .btn-success:hover, .btn-success:active, .btn-success:focus {
    border: none !important;
    webkit-box-shadow: none;
    box-shadow: none; }
  .btn-success:hover {
    color: #fff;
    background-color: #00a2b4 !important; }
  .btn-success:focus {
    outline: none !important;
    color: #fff; }

.btn-info {
  background-color: #9c27b0 !important;
  color: #fff !important;
  border: none !important; }
  .btn-info i {
    font-size: 20px;
    margin: 0 10px; }
  .btn-info:hover, .btn-info:active, .btn-info:focus {
    border: none !important;
    webkit-box-shadow: none;
    box-shadow: none; }
  .btn-info:hover {
    color: #fff;
    background-color: #9c27b0 !important; }
  .btn-info:focus {
    outline: none !important;
    color: #fff; }

.btn-warning {
  background-color: #ffeb3b !important;
  color: #a87326 !important;
  border: none !important; }
  .btn-warning i {
    font-size: 20px;
    margin: 0 10px; }
  .btn-warning:hover, .btn-warning:active, .btn-warning:focus {
    border: none !important;
    webkit-box-shadow: none;
    box-shadow: none; }
  .btn-warning i {
    color: #a87326; }
  .btn-warning:hover {
    color: #a87326;
    background-color: #ffeb3b !important; }
  .btn-warning:focus {
    outline: none !important;
    color: #a87326; }
  .btn-warning .fa-inverse {
    color: #a87326; }

.btn-danger {
  background-color: #d9534f !important;
  color: #fff !important;
  border: none !important; }
  .btn-danger i {
    font-size: 20px;
    margin: 0 10px; }
  .btn-danger:hover, .btn-danger:active, .btn-danger:focus {
    border: none !important;
    webkit-box-shadow: none;
    box-shadow: none; }
  .btn-danger:hover {
    color: #fff;
    background-color: #d9534f !important; }
  .btn-danger:focus {
    outline: none !important;
    color: #fff; }

/*  BUTTONS  SIZES  */
.btn-lg {
  padding: 13px 40px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

.btn-df {
  padding: 10px 30px;
  min-width: 150px; }

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

/*  BUTTONS  SHAPES  */
.buttonsRectangular {
  width: 50px;
  height: 50px; }
  .buttonsRectangular i {
    font-size: 20px;
    margin: 0; }

.buttonsRounded {
  width: 50px;
  height: 50px;
  border-radius: 50% !important; }
  .buttonsRounded i {
    font-size: 20px;
    margin: 0; }
  .buttonsRounded .glyphicon {
    font-size: 20px; }

.buttonsRoundedLarge {
  width: 70px;
  height: 70px;
  border-radius: 50% !important; }
  .buttonsRoundedLarge i {
    font-size: 25px;
    margin: 0; }

/* SPINNING BUTTONS */
.fab {
  cursor: pointer;
  margin: 5px; }

.fab-primary,
.fab-secondary {
  transition: all 0.5s ease-in-out; }

.fab.active .fab-primary {
  opacity: 0;
  transform: rotate(225deg); }

.fab-secondary {
  opacity: 0;
  transform: rotate(-225deg);
  font-size: 30; }

.fab.active .fab-secondary {
  opacity: 1;
  transform: rotate(0); }

.buttonsGroupMainSize {
  width: 150px;
  height: 45px; }
  .buttonsGroupMainSize i {
    font-size: 20px;
    margin: 0 10px; }

/* SELECT */
.select-default .nice-select {
  padding: 0px 30px;
  min-width: 150px;
  background-color: #f6f8f8 !important;
  border: none !important; }
  .select-default .nice-select .current {
    color: #333 !important; }
  .select-default .nice-select:after {
    border-bottom: 2px solid #333 !important;
    border-right: 2px solid #333 !important; }

.select-primary .nice-select {
  padding: 0px 30px;
  min-width: 150px;
  background-color: #0e8ca9 !important;
  border: none !important; }
  .select-primary .nice-select .current {
    color: #fff; }
  .select-primary .nice-select:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff; }

.select-success .nice-select {
  padding: 0px 30px;
  min-width: 150px;
  background-color: #00a2b4 !important;
  border: none !important; }
  .select-success .nice-select .current {
    color: #fff; }
  .select-success .nice-select:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff; }

.select-info .nice-select {
  padding: 0px 30px;
  min-width: 150px;
  background-color: #9c27b0 !important;
  border: none !important; }
  .select-info .nice-select .current {
    color: #fff; }
  .select-info .nice-select:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff; }

.select-warning .nice-select {
  padding: 0px 30px;
  min-width: 150px;
  background-color: #ffeb3b !important;
  border: none !important; }
  .select-warning .nice-select .current {
    color: #a87326; }
  .select-warning .nice-select:after {
    border-bottom: 2px solid #a87326;
    border-right: 2px solid #a87326; }

.select-danger .nice-select {
  padding: 0px 30px;
  min-width: 150px;
  background-color: #db008c !important;
  border: none !important; }
  .select-danger .nice-select .current {
    color: #fff; }
  .select-danger .nice-select:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff; }

/*  FORM ELEMENTS */
.formAnt {
  padding: 20px;
  margin: 10px 5px !important;
  background-color: #fff;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-bottom: 1px solid #ECF0F1; }
  @media (max-width: 765px) {
    .formAnt {
      padding: 10px;
      margin: 30px 10px; } }

.inputWrapper {
  margin: 1px; }

.inputWrapper input,
.inputWrapper textarea,
.inputWrapper select {
  border-top: none;
  border-left: none;
  border-right: none;
  box-shadow: none;
  border-radius: 0px; }

.inputWrapper label {
  font-size: 14px;
  font-weight: normal;
  margin-left: 5px; }
  @media (max-width: 768px) {
    .inputWrapper label {
      margin-left: 25px; } }

.inputWrapper .form-control {
  padding-left: 0 !important; }
  .inputWrapper .form-control:focus {
    border-color: #0e8ca9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }

.inputWrapper input.error {
  border-bottom: red; }

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

.inputWrapper input::-webkit-input-placeholder {
  font-style: italic;
  color: #333 !important; }

.inputWrapper input::-moz-placeholder {
  font-style: italic;
  color: #333 !important; }

.inputWrapper input:-moz-placeholder {
  font-style: italic;
  color: #333 !important; }

.inputWrapper input:-ms-input-placeholder {
  font-style: italic;
  color: #333 !important; }

.inputWrapper textarea::-webkit-input-placeholder {
  font-style: italic;
  color: #333 !important; }

.inputWrapper textarea::-moz-placeholder {
  font-style: italic;
  color: #333 !important; }

.inputWrapper textarea:-moz-placeholder {
  font-style: italic;
  color: #333 !important; }

.inputWrapper textarea:-ms-input-placeholder {
  font-style: italic;
  color: #333 !important; }

.inputWrapper .bold input::-webkit-input-placeholder {
  font-style: normal;
  font-weight: bold !important;
  color: #333 !important; }

.inputWrapper .bold input::-moz-placeholder {
  font-style: normal;
  font-weight: bold !important;
  color: #333 !important; }

.inputWrapper .bold input:-moz-placeholder {
  font-style: normal;
  font-weight: bold !important;
  color: #333 !important; }

.inputWrapper .bold input:-ms-input-placeholder {
  font-style: normal;
  font-weight: bold !important;
  color: #333 !important; }

.left-inner-addon {
  position: relative; }

.inputWrapper .left-inner-addon input, .inputWrapper .left-inner-addon textarea, .inputWrapper .left-inner-addon select {
  padding-left: 30px !important;
  max-width: 100%; }

.left-inner-addon i {
  font-size: 20px;
  position: absolute;
  padding: 5px;
  pointer-events: none;
  color: #333; }

.inputWrapper .selectForm select:hover {
  display: block;
  color: #0e8ca9; }

.inputWrapper .selectForm option {
  border: none;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; }

.input-default .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #333 !important;
  border-radius: 0; }

.input-default .input-group-addon {
  background-color: transparent; }
  .input-default .input-group-addon i {
    color: #333 !important; }

.input-default .border-left {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  border-left: 1px solid #333; }

.input-default .border-right {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333; }

.input-default label {
  font-weight: 300;
  color: #333; }

.input-primary .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #0e8ca9 !important;
  border-radius: 0; }

.input-primary .input-group-addon {
  background-color: transparent; }
  .input-primary .input-group-addon i {
    color: #0e8ca9 !important; }

.input-primary .border-left {
  border-top: 1px solid #0e8ca9;
  border-bottom: 1px solid #0e8ca9;
  border-left: 1px solid #0e8ca9; }

.input-primary .border-right {
  border-top: 1px solid #0e8ca9;
  border-bottom: 1px solid #0e8ca9;
  border-right: 1px solid #0e8ca9; }

.input-primary label {
  font-weight: 300;
  color: #0e8ca9; }

.input-success .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #00a2b4 !important;
  border-radius: 0; }

.input-success .input-group-addon {
  background-color: transparent; }
  .input-success .input-group-addon i {
    color: #00a2b4 !important; }

.input-success .border-left {
  border-top: 1px solid #00a2b4;
  border-bottom: 1px solid #00a2b4;
  border-left: 1px solid #00a2b4; }

.input-success .border-right {
  border-top: 1px solid #00a2b4;
  border-bottom: 1px solid #00a2b4;
  border-right: 1px solid #00a2b4; }

.input-success label {
  font-weight: 300;
  color: #00a2b4; }

.input-info .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #9c27b0 !important;
  border-radius: 0; }

.input-info .input-group-addon {
  background-color: transparent; }
  .input-info .input-group-addon i {
    color: #9c27b0 !important; }

.input-info .border-left {
  border-top: 1px solid #9c27b0;
  border-bottom: 1px solid #9c27b0;
  border-left: 1px solid #9c27b0; }

.input-info .border-right {
  border-top: 1px solid #9c27b0;
  border-bottom: 1px solid #9c27b0;
  border-right: 1px solid #9c27b0; }

.input-info label {
  font-weight: 300;
  color: #9c27b0; }

.input-warning .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #ffeb3b !important;
  border-radius: 0; }

.input-warning .input-group-addon {
  background-color: transparent; }
  .input-warning .input-group-addon i {
    color: #a87326 !important; }

.input-warning .border-left {
  border-top: 1px solid #ffeb3b;
  border-bottom: 1px solid #ffeb3b;
  border-left: 1px solid #ffeb3b; }

.input-warning .border-right {
  border-top: 1px solid #ffeb3b;
  border-bottom: 1px solid #ffeb3b;
  border-right: 1px solid #ffeb3b; }

.input-warning label {
  font-weight: 300;
  color: #ffeb3b; }

.input-danger .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #db008c !important;
  border-radius: 0; }

.input-danger .input-group-addon {
  background-color: transparent; }
  .input-danger .input-group-addon i {
    color: #db008c !important; }

.input-danger .border-left {
  border-top: 1px solid #db008c;
  border-bottom: 1px solid #db008c;
  border-left: 1px solid #db008c; }

.input-danger .border-right {
  border-top: 1px solid #db008c;
  border-bottom: 1px solid #db008c;
  border-right: 1px solid #db008c; }

.input-danger label {
  font-weight: 300;
  color: #db008c; }

.input-default-light .form-control,
.input-default-light .input-group-addon {
  border-left: none;
  border-right: none;
  border-top: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #333 !important;
  border-radius: 0;
  background-color: transparent; }

.input-default-light i {
  color: #333 !important; }

.input-primary-light .form-control,
.input-primary-light .input-group-addon {
  border-left: none;
  border-right: none;
  border-top: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #0e8ca9 !important;
  border-radius: 0;
  background-color: transparent; }

.input-primary-light i {
  color: #0e8ca9 !important; }

.input-success-light .form-control,
.input-success-light .input-group-addon {
  border-left: none;
  border-right: none;
  border-top: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #00a2b4 !important;
  border-radius: 0;
  background-color: transparent; }

.input-success-light i {
  color: #00a2b4 !important; }

.input-info-light .form-control,
.input-info-light .input-group-addon {
  border-left: none;
  border-right: none;
  border-top: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #9c27b0 !important;
  border-radius: 0;
  background-color: transparent; }

.input-info-light i {
  color: #9c27b0 !important; }

.input-warning-light .form-control,
.input-warning-light .input-group-addon {
  border-left: none;
  border-right: none;
  border-top: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #ffeb3b !important;
  border-radius: 0;
  background-color: transparent; }

.input-warning-light i {
  color: #a87326 !important; }

.input-danger-light .form-control,
.input-danger-light .input-group-addon {
  border-left: none;
  border-right: none;
  border-top: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #db008c !important;
  border-radius: 0;
  background-color: transparent; }

.input-danger-light i {
  color: #db008c !important; }

/* BARS */
.progress-default .progress-bar {
  color: #333;
  background-color: #f6f8f8; }
  .progress-default .progress-bar p {
    color: #333; }

.progress-default-thin {
  height: 12px !important; }
  .progress-default-thin .progress-bar {
    color: #333;
    background-color: #f6f8f8; }
    .progress-default-thin .progress-bar p {
      color: #333; }

.progress-primary .progress-bar {
  color: #fff;
  background-color: #0e8ca9; }

.progress-primary-thin {
  height: 12px !important; }
  .progress-primary-thin .progress-bar {
    color: #fff;
    background-color: #0e8ca9; }

.progress-success .progress-bar {
  color: #fff;
  background-color: #00a2b4; }

.progress-success-thin {
  height: 12px !important; }
  .progress-success-thin .progress-bar {
    color: #fff;
    background-color: #00a2b4; }

.progress-info .progress-bar {
  color: #fff;
  background-color: #9c27b0; }

.progress-info-thin {
  height: 12px !important; }
  .progress-info-thin .progress-bar {
    color: #fff;
    background-color: #9c27b0; }

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

.progress-warning-thin {
  height: 12px !important; }
  .progress-warning-thin .progress-bar {
    color: #a87326;
    background-color: #ffeb3b; }

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

.progress-danger-thin {
  height: 12px !important; }
  .progress-danger-thin .progress-bar {
    color: #fff;
    background-color: #db008c; }

.progress-bar-stripedDark {
  background-image: -webkit-linear-gradient(45deg, rgba(51, 51, 51, 0.05) 25%, transparent 25%, transparent 50%, rgba(51, 51, 51, 0.05) 50%, rgba(51, 51, 51, 0.05) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(51, 51, 51, 0.05) 25%, transparent 25%, transparent 50%, rgba(51, 51, 51, 0.05) 50%, rgba(51, 51, 51, 0.05) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(51, 51, 51, 0.05) 25%, transparent 25%, transparent 50%, rgba(51, 51, 51, 0.05) 50%, rgba(51, 51, 51, 0.05) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px; }

.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px; }

/* CHECKBOXES AND RADIO BUTTONS */
.checAndRadioDemo {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .checAndRadioDemo li label {
    margin: 5px 0 5px 5px; }

/* MODALS */
.modelsWrapper {
  display: block;
  margin-bottom: 20px; }
  .modelsWrapper p {
    display: block;
    margin-bottom: 20px; }
  .modelsWrapper button {
    display: block;
    margin: 0 auto; }

.modal-default .modal-header {
  text-align: center; }

.modal-primary .modal-content {
  background-color: #0e8ca9;
  border: none; }

.modal-primary .modal-header {
  text-align: center; }
  .modal-primary .modal-header .close {
    color: #fff;
    opacity: 1; }
  .modal-primary .modal-header h4 {
    color: #fff; }

.modal-primary .modal-body {
  color: #fff; }

.modal-success .modal-content {
  background-color: #00a2b4;
  border: none; }

.modal-success .modal-header {
  text-align: center; }
  .modal-success .modal-header .close {
    color: #fff;
    opacity: 1; }
  .modal-success .modal-header h4 {
    color: #fff; }

.modal-success .modal-body {
  color: #fff; }

.modal-info .modal-content {
  background-color: #9c27b0;
  border: none; }

.modal-info .modal-header {
  text-align: center; }
  .modal-info .modal-header .close {
    color: #fff;
    opacity: 1; }
  .modal-info .modal-header h4 {
    color: #fff; }

.modal-info .modal-body {
  color: #fff; }

.modal-warning .modal-content {
  background-color: #ffeb3b;
  border: none; }

.modal-warning .modal-header {
  text-align: center;
  border-bottom: 1px solid #a87326; }
  .modal-warning .modal-header .close {
    color: #a87326;
    opacity: 1; }
  .modal-warning .modal-header h4 {
    color: #a87326; }

.modal-warning .modal-body {
  color: #a87326; }

.modal-warning .modal-footer {
  border-top: 1px solid #a87326; }

.modal-danger .modal-content {
  background-color: #db008c;
  border: none; }

.modal-danger .modal-header {
  text-align: center; }
  .modal-danger .modal-header .close {
    color: #fff;
    opacity: 1; }
  .modal-danger .modal-header h4 {
    color: #fff; }

.modal-danger .modal-body {
  color: #fff; }

/*   TABS */
.table-responsive {
  border: none; }

.right-tabs .nav {
  float: right; }

.right-tabs .nav li {
  float: left; }

.right-tabs .tab-content {
  float: left;
  border-top: 1px solid #ddd;
  margin-top: -1px; }

.tabs-primary .nav-tabs {
  border-bottom-color: #0e8ca9 !important; }
  .tabs-primary .nav-tabs li a {
    background-color: #0e8ca9;
    color: #fff; }
  .tabs-primary .nav-tabs .active a {
    color: #0e8ca9 !important;
    background-color: #fff !important;
    border: 1px solid #0e8ca9 !important;
    border-bottom-color: transparent !important; }

.tabs-primary-left .nav-tabs {
  border-bottom-color: #0e8ca9 !important; }
  .tabs-primary-left .nav-tabs li a {
    background-color: #0e8ca9;
    color: #fff; }
  .tabs-primary-left .nav-tabs .active a {
    color: #0e8ca9 !important;
    background-color: #fff !important;
    border: 1px solid #0e8ca9 !important;
    border-right-color: transparent !important; }

.tabs-primary-right .nav-tabs {
  border-bottom-color: #0e8ca9 !important; }
  .tabs-primary-right .nav-tabs li a {
    background-color: #0e8ca9;
    color: #fff; }
  .tabs-primary-right .nav-tabs .active a {
    color: #0e8ca9 !important;
    background-color: #fff !important;
    border: 1px solid #0e8ca9 !important;
    border-left-color: transparent !important; }

.tabs-primary .right-tabs .tab-content {
  float: left;
  border-top: 1px solid #0e8ca9 !important; }

.tabs-success .nav-tabs {
  border-bottom-color: #00a2b4 !important; }
  .tabs-success .nav-tabs li a {
    background-color: #00a2b4;
    color: #fff; }
  .tabs-success .nav-tabs .active a {
    color: #00a2b4 !important;
    background-color: #fff !important;
    border: 1px solid #00a2b4 !important;
    border-bottom-color: transparent !important; }

.tabs-success-left .nav-tabs {
  border-bottom-color: #00a2b4 !important; }
  .tabs-success-left .nav-tabs li a {
    background-color: #00a2b4;
    color: #fff; }
  .tabs-success-left .nav-tabs .active a {
    color: #00a2b4 !important;
    background-color: #fff !important;
    border: 1px solid #00a2b4 !important;
    border-right-color: transparent !important; }

.tabs-success-right .nav-tabs {
  border-bottom-color: #00a2b4 !important; }
  .tabs-success-right .nav-tabs li a {
    background-color: #00a2b4;
    color: #fff; }
  .tabs-success-right .nav-tabs .active a {
    color: #00a2b4 !important;
    background-color: #fff !important;
    border: 1px solid #00a2b4 !important;
    border-left-color: transparent !important; }

.tabs-success.right-tabs .tab-content {
  float: left;
  border-top: 1px solid #00a2b4 !important; }

.tabs-info .nav-tabs {
  border-bottom-color: #9c27b0 !important; }
  .tabs-info .nav-tabs li a {
    background-color: #9c27b0;
    color: #fff; }
  .tabs-info .nav-tabs .active a {
    color: #9c27b0 !important;
    background-color: #fff !important;
    border: 1px solid #9c27b0 !important;
    border-bottom-color: transparent !important; }

.tabs-info-left .nav-tabs {
  border-bottom-color: #9c27b0 !important; }
  .tabs-info-left .nav-tabs li a {
    background-color: #9c27b0;
    color: #fff; }
  .tabs-info-left .nav-tabs .active a {
    color: #9c27b0 !important;
    background-color: #fff !important;
    border: 1px solid #9c27b0 !important;
    border-right-color: transparent !important; }

.tabs-info-right .nav-tabs {
  border-bottom-color: #9c27b0 !important; }
  .tabs-info-right .nav-tabs li a {
    background-color: #9c27b0;
    color: #fff; }
  .tabs-info-right .nav-tabs .active a {
    color: #9c27b0 !important;
    background-color: #fff !important;
    border: 1px solid #9c27b0 !important;
    border-left-color: transparent !important; }

.tabs-info .right-tabs .tab-content {
  float: left;
  border-top: 1px solid #9c27b0 !important; }

.tabs-warning .nav-tabs {
  border-bottom-color: #ffeb3b !important; }
  .tabs-warning .nav-tabs li a {
    background-color: #ffeb3b;
    color: #a87326; }
  .tabs-warning .nav-tabs .active a {
    color: #a87326 !important;
    background-color: #fff !important;
    border: 1px solid #ffeb3b !important;
    border-bottom-color: transparent !important; }

.tabs-warning-left .nav-tabs {
  border-bottom-color: #ffeb3b !important; }
  .tabs-warning-left .nav-tabs li a {
    background-color: #ffeb3b;
    color: #a87326; }
  .tabs-warning-left .nav-tabs .active a {
    color: #a87326 !important;
    background-color: #fff !important;
    border: 1px solid #ffeb3b !important;
    border-right-color: transparent !important; }

.tabs-warning-right .nav-tabs {
  border-bottom-color: #ffeb3b !important; }
  .tabs-warning-right .nav-tabs li a {
    background-color: #ffeb3b;
    color: #a87326; }
  .tabs-warning-right .nav-tabs .active a {
    color: #a87326 !important;
    background-color: #fff !important;
    border: 1px solid #ffeb3b !important;
    border-left-color: transparent !important; }

.tabs-warning .right-tabs .tab-content {
  float: left;
  border-top: 1px solid #ffeb3b !important; }

.tabs-danger .nav-tabs {
  border-bottom-color: #db008c !important; }
  .tabs-danger .nav-tabs li a {
    background-color: #db008c;
    color: #fff; }
  .tabs-danger .nav-tabs .active a {
    color: #db008c !important;
    background-color: #fff !important;
    border: 1px solid #db008c !important;
    border-bottom-color: transparent !important; }

.tabs-danger-left .nav-tabs {
  border-bottom-color: #db008c !important; }
  .tabs-danger-left .nav-tabs li a {
    background-color: #db008c;
    color: #fff; }
  .tabs-danger-left .nav-tabs .active a {
    color: #db008c !important;
    background-color: #fff !important;
    border: 1px solid #db008c !important;
    border-right-color: transparent !important; }

.tabs-danger-right .nav-tabs {
  border-bottom-color: #db008c !important; }
  .tabs-danger-right .nav-tabs li a {
    background-color: #db008c;
    color: #fff; }
  .tabs-danger-right .nav-tabs .active a {
    color: #db008c !important;
    background-color: #fff !important;
    border: 1px solid #db008c !important;
    border-left-color: transparent !important; }

.tabs-danger .right-tabs .tab-content {
  float: left;
  border-top: 1px solid #db008c !important; }

@media (max-width: 768px) {
  .wertical-tabs-wrapper-r .tabs-right li {
    margin-left: -40px; } }

@media (max-width: 768px) {
  .wertical-tabs-wrapper-r {
    padding: 0 50px 0 15px; } }

@media (max-width: 768px) {
  .wertical-tabs-wrapper-r .col-xs-3 {
    padding: 0;
    width: 10px; } }

@media (max-width: 768px) {
  .wertical-tabs-wrapper-l .tabs-left li {
    margin-right: 50px; } }

@media (max-width: 768px) {
  .wertical-tabs-wrapper-l {
    padding: 0 15px 0 50px; } }

@media (max-width: 768px) {
  .wertical-tabs-wrapper-l .col-xs-3 {
    padding: 0;
    width: 10px; } }

/* ALERTS */
.alertWrapper {
  margin-bottom: 20px; }
  .alertWrapper p {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px; }
  .alertWrapper button {
    display: block;
    margin: 0 auto; }

.alert-default {
  background-color: #f6f8f8;
  position: relative;
  padding-left: 35px;
  text-align: center; }
  .alert-default .close {
    color: #333;
    opacity: 0.8; }
  .alert-default i {
    position: absolute;
    font-size: 30px;
    top: 10px;
    left: 30px;
    color: #333;
    opacity: 0.8; }

.alert-primary {
  background-color: #0e8ca9;
  color: #fff;
  position: relative;
  padding-left: 35px;
  text-align: center; }
  .alert-primary .close {
    color: #fff;
    opacity: 1; }
  .alert-primary i {
    position: absolute;
    font-size: 30px;
    top: 10px;
    left: 30px;
    color: #fff; }

.alert-success {
  background-color: #00a2b4;
  color: #fff;
  position: relative;
  padding-left: 35px;
  text-align: center; }
  .alert-success .close {
    color: #fff;
    opacity: 1; }
  .alert-success i {
    position: absolute;
    font-size: 30px;
    top: 10px;
    left: 30px;
    color: #fff; }

.alert-info {
  background-color: #9c27b0;
  color: #fff;
  position: relative;
  padding-left: 35px;
  text-align: center; }
  .alert-info .close {
    color: #fff;
    opacity: 1; }
  .alert-info i {
    position: absolute;
    font-size: 30px;
    top: 10px;
    left: 30px;
    color: #fff; }

.alert-warning {
  background-color: #ffeb3b;
  color: #a87326;
  position: relative;
  padding-left: 35px;
  text-align: center; }
  .alert-warning .close {
    color: #a87326;
    opacity: 1; }
  .alert-warning i {
    position: absolute;
    font-size: 30px;
    top: 10px;
    left: 30px;
    color: #a87326; }

.alert-danger {
  background-color: #db008c;
  color: #fff;
  position: relative;
  padding-left: 35px;
  text-align: center; }
  .alert-danger .close {
    color: #fff;
    opacity: 1; }
  .alert-danger i {
    position: absolute;
    font-size: 30px;
    top: 10px;
    left: 30px;
    color: #fff; }

/* TABLES */
@media (min-width: 768px) {
  .dataTables_scrollBody {
    overflow-x: hidden !important; } }

table.dataTable.no-footer {
  border-bottom: 1px solid transparent !important; }

table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 1px solid transparent !important; }

.dataTables_length label {
  margin-left: 30px;
  font-size: 14px !important;
  font-weight: 200; }

.dataTables_filter label {
  background-color: #0e8ca9;
  color: #fff;
  padding: 2px 2px 2px 5px;
  margin-right: 15px;
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase; }

.dataTables_filter input {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #0e8ca9 !important;
  border-radius: 0;
  color: #000; }

.tableWrapper thead {
  color: #fff;
  background-color: #0e8ca9; }
  .tableWrapper thead th {
    border-bottom: none !important; }

.tableWrapper .odd {
  background-color: rgba(0, 226, 240, 0.1) !important; }

.tableWrapper .sorting_1 {
  background-color: rgba(0, 226, 240, 0.1) !important; }

.dataTables_paginate .paginate_button {
  background-color: #0e8ca9 !important;
  color: floralwhite !important; }
  .dataTables_paginate .paginate_button:hover, .dataTables_paginate .paginate_button:active {
    background-color: #db008c !important;
    border-color: #db008c !important; }

.dataTables_paginate .current {
  background-color: transparent !important;
  border-color: #0e8ca9 !important;
  color: #0e8ca9 !important; }

.opas1 {
  opacity: 1; }

.opas0 {
  opacity: 0; }

.p20 {
  padding: 20px; }

.ml8 {
  margin-left: 8px; }

.mr8 {
  margin-right: 8px; }

.p-b20 {
  padding-bottom: 20px; }

.p10 {
  padding: 10px; }

.p5 {
  padding: 5px; }

.m20 {
  margin: 20px; }

.m10 {
  margin: 10px; }

.h350 {
  height: 350px; }
  @media (max-width: 768px) {
    .h350 {
      height: auto; } }

.h400 {
  height: 400px; }

.h500 {
  height: 500px; }

.h550 {
  height: 550px; }

@media (max-width: 1270px) {
  .h350,
  .h400,
  .h500,
  .h550 {
    height: auto; } }

.noP {
  padding: 0 !important; }
  @media (max-width: 780px) {
    .noP {
      padding: 15px !important; } }

.noM {
  margin: 0; }

.m-5-0 {
  margin: 5px 0; }

.project-invoices .title {
  font-weight: bold;
  border-bottom: 1px solid #eee; }

.project-invoices .content {
  padding-bottom: 15px; }

.add-invoices .items-container {
  max-height: 500px;
  overflow-y: auto;
  margin-bottom: 10px; }
  .add-invoices .items-container .item {
    padding: 10px 0; }
    .add-invoices .items-container .item .row {
      padding: 0; }
    .add-invoices .items-container .item:nth-child(even) {
      background-color: #eee; }
    .add-invoices .items-container .item .actions span {
      padding: 5px;
      margin: 1px;
      margin-bottom: 5px;
      display: block; }
      .add-invoices .items-container .item .actions span i.fa {
        margin: 0; }

#paymentDetails .paymentType {
  display: none; }

.row.inputWrapper label.special {
  margin: 0;
  margin-top: 5px;
  font-size: 18px; }

.textRight {
  text-align: right; }

.textBold {
  font-weight: bold !important; }

.dataTableWrapper {
  margin: 10px 0; }

.btn {
  border-radius: 0; }

.sidebar-nav a.title {
  padding: 0 15px;
  padding-bottom: 5px; }
  .sidebar-nav a.title:hover {
    background: none; }

.timeline {
  max-height: 70vh;
  overflow-y: auto; }

table tr td a:hover, table tr td a:focus {
  text-decoration: none; }

.disabled {
  pointer-events: none;
  color: #111;
  opacity: .9; }

textarea.form-control {
  min-width: 100%;
  max-width: 100%;
  min-height: 50px; }

body .panel-heading-buttons .clearfix {
  margin: 0; }

body .panel-heading-title {
  border-bottom: 1px solid #ccc; }
  body .panel-heading-title h6 {
    margin: 5px 0; }

body .panel-body {
  padding-top: 0; }
  body .panel-body .row {
    padding-bottom: 0;
    margin: 0;
    padding: 0 5px; }
    body .panel-body .row:last-child {
      padding-bottom: 0; }
  body .panel-body table {
    margin-bottom: 0; }
  body .panel-body ul {
    padding: 0;
    margin: 0;
    list-style: none;
    padding-left: 5px; }
    body .panel-body ul .nav-tabs {
      margin-bottom: 10px; }

body .editor-toolbar:before, body .editor-toolbar:after {
  margin: 0; }

body .mainContainer .mainContainerContent form .row {
  padding-bottom: 10px; }

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th {
  border-top: none; }

.toast-center-bottom .toast, .toast-center-top .toast {
  margin: auto !important; }

.toast-right-bottom, .toast-right-top {
  right: 20px; }
  .toast-right-bottom .toast, .toast-right-top .toast {
    margin-left: auto !important; }

.toast-left-bottom, .toast-left-top {
  left: 20px; }
  .toast-left-bottom .toast, .toast-left-top .toast {
    margin-right: auto !important; }

.toast-center-bottom, .toast-left-bottom, .toast-right-bottom {
  bottom: 20px;
  width: 100%; }

.toast-center-top, .toast-left-top, .toast-right-top {
  top: 20px;
  width: 100%; }

body.PDF {
  background-color: #fff;
  overflow: auto;
  height: auto; }

.Invoice {
  margin-top: 20px; }

tr[data-overdue="true"] td {
  border-top: 1px solid #b50000 !important;
  border-bottom: 1px solid #b50000 !important; }
  tr[data-overdue="true"] td:first-of-type {
    border-left: 20px solid #b50000 !important; }
  tr[data-overdue="true"] td:last-of-type {
    border-right: 1px solid #b50000 !important; }

td.overDue {
  color: #b50000;
  font-weight: bold; }

nav span.fa.fa-external-link.pull-right {
  padding-top: 2px; }

.mainContainer table.dataTable,
.mainContainer table.dataTable th,
.mainContainer table.dataTable td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

p.noneToShow {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 14px; }

/*# sourceMappingURL=style.css.map */