/* -----------------------------------------------------------------------
 *  Main CSS file for the app
 *
 * 
 *	Table of Contents
 *	
 *  1. Utilities
 *  2. Reset
 *  3. Layout
 *  4. Navigation
 *  5. Panels
 *  6. Tabs
 *  7. Accordion
 *  8. Forms
 *  9. Pricing
 *  10. Tooltip
 *  11. Popover
 *  12. Masonry
 *  13. Sortable
 *  14. Sliders
 *  15. Timeline
 *  16. Rating
 *  17. Tables
 *  18. Modals
 *  19. Widgets
 *  20. Notifications
 *  21. Login & Register
 *  22. Mail
 *  23. Todo
 *  24. Calendar
 *  25. Profile
 *  26. JSON Table CSS
 *  27. Toggle Switch
 *  30. Table-For Grids
@import url('https://fonts.googleapis.com/css?family=Karla');

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
 * ----------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
/* ----------------------------------------------------
 *  1. Utilities
 *  
 *  Contains all the utility classes that we are
 *  using for this framework
 * ---------------------------------------------------- */
/* ====== Font Family ===== 
------------------------------------------------------------ */
.ff-oss {
  font-family: "Open Sans", "Helvetica Neue", sans-serif !important;
}

.ff-mnt {
  /*font-family: "Montserrat", sans-serif !important;*/
}

/* ====== Font Weight ===== 
------------------------------------------------------------ */
.fw-lgt {
  font-weight: 300;
}

.fw-nml {
  font-weight: 400;
}

.fw-thk {
  font-weight: 700;
}

.fw-thkr {
  font-weight: 800;
}

/* ====== Font Alignment ===== 
------------------------------------------------------------ */
.text-right {
  text-align: right;
}

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

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

/* ====== Font Color ===== 
------------------------------------------------------------ */
.text-default {
  color: #6a6c6f;
}

a.text-default {
  color: #6a6c6f;
  text-decoration: none;
}

a.text-default:hover, a.text-default:focus, a.text-default:active {
  color: #6a6c6f;
  opacity: 0.8;
  text-decoration: none;
}

.text-primary {
  color: #323c50;
}

a.text-primary {
  color: #323c50;
  text-decoration: none;
}

a.text-primary:hover, a.text-primary:focus, a.text-primary:active {
  color: #323c50;
  opacity: 0.8;
  text-decoration: none;
}

.text-success {
  color: #27c24c;
}

a.text-success {
  color: #27c24c;
  text-decoration: none;
}

a.text-success:hover, a.text-success:focus, a.text-success:active {
  color: #27c24c;
  opacity: 0.8;
  text-decoration: none;
}

.text-info {
  color: #00abe8;
}

a.text-info {
  color: #00abe8;
  text-decoration: none;
}

a.text-info:hover, a.text-info:focus, a.text-info:active {
  color: #00abe8;
  opacity: 0.8;
  text-decoration: none;
}

.text-warning {
  color: #ff9c00;
}

a.text-warning {
  color: #ff9c00;
  text-decoration: none;
}

a.text-warning:hover, a.text-warning:focus, a.text-warning:active {
  color: #ff9c00;
  opacity: 0.8;
  text-decoration: none;
}

.text-danger {
  color: #f93926;
}

a.text-danger {
  color: #f93926;
  text-decoration: none;
}

a.text-danger:hover, a.text-danger:focus, a.text-danger:active {
  color: #f93926;
  opacity: 0.8;
  text-decoration: none;
}

.text-white {
  color: #ffffff;
}

a.text-white {
  color: #ffffff;
  text-decoration: none;
}

a.text-white:hover, a.text-white:focus, a.text-white:active {
  color: #ffffff;
  opacity: 0.8;
  text-decoration: none;
}

.text-grey {
  color: #adadad;
}

a.text-grey {
  color: #adadad;
  text-decoration: none;
}

a.text-grey:hover, a.text-grey:focus, a.text-grey:active {
  color: #adadad;
  opacity: 0.8;
  text-decoration: none;
}

.text-black {
  color: #0b1115;
}

a.text-black {
  color: #0b1115;
  text-decoration: none;
}

a.text-black:hover, a.text-black:focus, a.text-black:active {
  color: #0b1115;
  opacity: 0.8;
  text-decoration: none;
}

/* ====== Font Size ===== 
------------------------------------------------------------ */
.fs-xs {
  font-size: 9px;
}

.fs-sm {
  font-size: 10.2px;
}

.fs-md {
  font-size: 12px;
}

.fs-lg {
  font-size: 15px;
}

.fs-xl {
  font-size: 21px;
}

.fs-36 {
  font-size: 36px;
}

.fs-48 {
  font-size: 48px;
}

.fs-56 {
  font-size: 56px;
}

.fs-72 {
  font-size: 72px;
}

.fs-96 {
  font-size: 96px;
}

.fs-128 {
  font-size: 128px;
}

/* ====== Padding ===== 
------------------------------------------------------------ */
.p-n {
  padding: 0 !important;
}

.p-n-t {
  padding-top: 0 !important;
}

.p-n-r {
  padding-right: 0 !important;
}

.p-n-b {
  padding-bottom: 0 !important;
}

.p-n-l {
  padding-left: 0 !important;
}

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

.p-xs-t {
  padding-top: 5px !important;
}

.p-xs-r {
  padding-right: 5px !important;
}

.p-xs-b {
  padding-bottom: 5px !important;
}

.p-xs-l {
  padding-left: 5px !important;
}

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

.p-sm-t {
  padding-top: 10px !important;
}

.p-sm-r {
  padding-right: 10px !important;
}

.p-sm-b {
  padding-bottom: 10px !important;
}

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

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

.p-md-t {
  padding-top: 15px !important;
}

.p-md-r {
  padding-right: 15px !important;
}

.p-md-b {
  padding-bottom: 15px !important;
}

.p-md-l {
  padding-left: 15px !important;
}

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

.p-lg-t {
  padding-top: 20px !important;
}

.p-lg-r {
  padding-right: 20px !important;
}

.p-lg-b {
  padding-bottom: 20px !important;
}

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

.p-xl {
  padding: 40px !important;
}

.p-xl-t {
  padding-top: 40px !important;
}

.p-xl-r {
  padding-right: 40px !important;
}

.p-xl-b {
  padding-bottom: 40px !important;
}

.p-xl-l {
  padding-left: 40px !important;
}

/* ====== Margin ===== 
------------------------------------------------------------ */
.m-n {
  margin: 0 !important;
}

.m-n-t {
  margin-top: 0 !important;
}

.m-n-r {
  margin-right: 0 !important;
}

.m-n-b {
  margin-bottom: 0 !important;
}

.m-n-l {
  margin-left: 0 !important;
}

.m-xs {
  margin: 5px !important;
}

.m-xs-t {
  margin-top: 5px !important;
}

.m-xs-r {
  margin-right: 5px !important;
}

.m-xs-b {
  margin-bottom: 5px !important;
}

.m-xs-l {
  margin-left: 5px !important;
}

.m-sm {
  margin: 10px !important;
}

.m-sm-t {
  margin-top: 10px !important;
}

.m-sm-r {
  margin-right: 10px !important;
}

.m-sm-b {
  margin-bottom: 10px !important;
}

.m-sm-l {
  margin-left: 10px !important;
}

.m-md {
  margin: 15px !important;
}

.m-md-t {
  margin-top: 15px !important;
}

.m-md-r {
  margin-right: 15px !important;
}

.m-md-b {
  margin-bottom: 15px !important;
}

.m-md-l {
  margin-left: 15px !important;
}

.m-lg {
  margin: 20px !important;
}

.m-lg-t {
  margin-top: 20px !important;
}

.m-lg-r {
  margin-right: 20px !important;
}

.m-lg-b {
  margin-bottom: 20px !important;
}

.m-lg-l {
  margin-left: 20px !important;
}

.m-xl {
  margin: 40px !important;
}

.m-xl-t {
  margin-top: 40px !important;
}

.m-xl-r {
  margin-right: 40px !important;
}

.m-xl-b 
{
    /* modified  margin-bottom: 40px !important; */
  margin-bottom: 30px !important;
}

.m-xl-l {
  margin-left: 40px !important;
}

.m-a {
  margin: auto !important;
}

.m-a-t {
  margin-top: auto !important;
}

.m-a-r {
  margin-right: auto !important;
}

.m-a-b {
  margin-bottom: auto !important;
}

.m-a-l {
  margin-left: auto !important;
}

/* ====== Letter Spacing ===== 
------------------------------------------------------------ */
.ls-xs {
  letter-spacing: 1px;
}

.ls-sm {
  letter-spacing: 2px;
}

.ls-md {
  letter-spacing: 3px;
}

.ls-lg {
  letter-spacing: 4px;
}

.ls-xl {
  letter-spacing: 5px;
}

/* ====== Border ===== 
------------------------------------------------------------ */
.b-n {
  border: none;
}

.b-1px {
  border: solid 1px #ddd;
}

.b-l-1px {
  border-left: solid 1px #ddd;
}

.b-r-1px {
  border-right: solid 1px #ddd;
}

.b-b-1px {
  border-bottom: solid 1px #ddd;
}

.b-t-1px {
  border-bottom: solid 1px #ddd;
}

.b-2px {
  border-width: 2px;
}

.b-3px {
  border-width: 3px;
}

.b-4px {
  border-width: 4px;
}

.b-5px {
  border-width: 5px;
}

/* ====== Background ===== 
------------------------------------------------------------ */
.bg-primary {
  background-color: #323c50 !important;
}

.bg-primary-light {
  background-color: #897fc5 !important;
}

.bg-primary-lighter {
  background-color: #9990cd !important;
}

.bg-primary-dark {
  background-color: #5c4eae !important;
}

.bg-primary-darker {
  background-color: #53469c !important;
}

.bg-success {
  background-color: #27c24c !important;
}

.bg-success-light {
  background-color: #36d75c !important;
}

.bg-success-lighter {
  background-color: #4bdb6e !important;
}

.bg-success-dark {
  background-color: #21a440 !important;
}

.bg-success-darker {
  background-color: #1d8f38 !important;
}

.bg-info {
  background-color: #00abe8 !important;
}

.bg-info-light {
  background-color: #0dbfff !important;
}

.bg-info-lighter {
  background-color: #26c6ff !important;
}

.bg-info-dark {
  background-color: #0091c4 !important;
}

.bg-info-darker {
  background-color: #007eab !important;
}

.bg-warning {
  background-color: #ff9c00 !important;
}

.bg-warning-light {
  background-color: #ffaa24 !important;
}

.bg-warning-lighter {
  background-color: #ffb43d !important;
}

.bg-warning-dark {
  background-color: #db8600 !important;
}

.bg-warning-darker {
  background-color: #c27700 !important;
}

.bg-danger {
  background-color: #f93926 !important;
}

.bg-danger-light {
  background-color: #fa5949 !important;
}

.bg-danger-lighter {
  background-color: #fb6f62 !important;
}

.bg-danger-dark {
  background-color: #f51c07 !important;
}

.bg-danger-darker {
  background-color: #dc1906 !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-white-light {
  background-color: white !important;
}

.bg-white-lighter {
  background-color: white !important;
}

.bg-white-dark {
  background-color: #ededed !important;
}

.bg-white-darker {
  background-color: #e0e0e0 !important;
}

.bg-black {
  background-color: #0b1115 !important;
}

.bg-black-light {
  background-color: #17242c !important;
}

.bg-black-lighter {
  background-color: #20323d !important;
}

.bg-black-dark {
  background-color: black !important;
}

.bg-black-darker {
  background-color: black !important;
}

.bg-grey {
  background-color: #adadad !important;
}

.bg-grey-light {
  background-color: #bfbfbf !important;
}

.bg-grey-lighter {
  background-color: #cccccc !important;
}

.bg-grey-dark {
  background-color: #9b9b9b !important;
}

.bg-grey-darker {
  background-color: #8e8e8e !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-transparent-light {
  background-color: rgba(18, 18, 18, 0) !important;
}

.bg-transparent-lighter {
  background-color: rgba(31, 31, 31, 0) !important;
}

.bg-transparent-dark {
  background-color: transparent !important;
}

.bg-transparent-darker {
  background-color: transparent !important;
}

/* ====== Row ===== 
------------------------------------------------------------ */
.row.row-xs {
  margin: 0 -5px;
}

.row.row-xs > div {
  padding: 0 5px;
}

.row.row-sm {
  margin: 0 -10px;
}

.row.row-sm > div {
  padding: 0 10px;
}

.row.row-md {
  margin: 0 -15px;
}

.row.row-md > div {
  padding: 0 15px;
}

.row.row-lg {
  margin: 0 -20px;
}

.row.row-lg > div {
  padding: 0 20px;
}

.row.row-xl {
  margin: 0 -25px;
}

.row.row-xl > div {
  padding: 0 25px;
}

/* ====== Overflow ===== 
------------------------------------------------------------ */
.of-v {
  overflow: visible !important;
}

.of-h {
  overflow: hidden !important;
}

.of-s {
  overflow: scroll !important;
}

.of-a {
  overflow: auto !important;
}

.of-in {
  overflow: initial !important;
}

.of-ih {
  overflow: inherit !important;
}

/* ====== Height ===== 
------------------------------------------------------------ */
.h-10 {
  height: 10px !important;
}

.h-20 {
  height: 20px !important;
}

.h-30 {
  height: 30px !important;
}

.h-40 {
  height: 40px !important;
}

.h-50 {
  height: 50px !important;
}

.h-75 {
  height: 75px !important;
}

.h-100 {
  height: 100px !important;
}

.h-125 {
  height: 125px !important;
}

.h-150 {
  height: 150px !important;
}

.h-175 {
  height: 175px !important;
}

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

.h-225 {
  height: 225px !important;
}

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

.h-275 {
  height: 275px !important;
}

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

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

.h-400 {
  height: 400px !important;
}

.h-450 {
  height: 450px !important;
}

.h-500 {
  height: 500px !important;
}

.h-full {
  height: 100% !important;
}

/* ====== Width ===== 
------------------------------------------------------------ */
.w-10 {
  width: 10px;
}

.w-20 {
  width: 20px;
}

.w-30 {
  width: 30px;
}

.w-40 {
  width: 40px;
}

.w-50 {
  width: 50px;
}

.w-75 {
  width: 75px;
}

.w-100 {
  width: 100px;
}

.w-125 {
  width: 125px;
}

.w-150 {
  width: 150px;
}

.w-175 {
  width: 175px;
}

.w-200 {
  width: 200px;
}

.w-225 {
  width: 225px;
}

.w-250 {
  width: 250px;
}

.w-275 {
  width: 275px;
}

.w-300 {
  width: 300px;
}

.w-400 {
  width: 400px;
}

.w-500 {
  width: 500px;
}

.w-100p {
  width: 100%;
}

/* ====== Line Height ===== 
------------------------------------------------------------ */
.lh-10 {
  line-height: 10px;
}

.lh-20 {
  line-height: 20px;
}

.lh-30 {
  line-height: 30px;
}

.lh-40 {
  line-height: 40px;
}

.lh-50 {
  line-height: 50px;
}

.lh-75 {
  line-height: 75px;
}

.lh-100 {
  line-height: 100px;
}

.lh-125 {
  line-height: 125px;
}

.lh-150 {
  line-height: 150px;
}

.lh-175 {
  line-height: 175px;
}

.lh-200 {
  line-height: 200px;
}

.lh-225 {
  line-height: 225px;
}

.lh-250 {
  line-height: 250px;
}

.lh-275 {
  line-height: 275px;
}

.lh-300 {
  line-height: 300px;
}

.lh-350 {
  line-height: 350px;
}

.lh-400 {
  line-height: 400px;
}

.lh-450 {
  line-height: 450px;
}

.lh-500 {
  line-height: 500px;
}

/* ====== Box Shadow ===== 
------------------------------------------------------------ */
.bs-none {
  box-shadow: none;
}

.bs-default {
  box-shadow: 0 1px 2px #ddd;
}

/* ====== Display ===== 
------------------------------------------------------------ */
.d-b {
  display: block;
}

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

/* ====== Flexbox ===== 
------------------------------------------------------------ */
.fb-r-c {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.fb-c-c {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* ====== Font Awesome ===== 
------------------------------------------------------------ */
.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

/* ====== Cursor ===== 
------------------------------------------------------------ */
.c-alias {
  cursor: alias;
}

.c-all-scroll {
  cursor: alias;
}

.c-auto {
  cursor: auto;
}

.c-cell {
  cursor: cell;
}

.c-content-menu {
  cursor: context-menu;
}

.c-col-resize {
  cursor: col-resize;
}

.c-copy {
  cursor: copy;
}

.c-crosshair {
  cursor: crosshair;
}

.c-default {
  cursor: default;
}

.c-e-resize {
  cursor: e-resize;
}

.c-ew-resize {
  cursor: ew-resize;
}

.c-grab {
  cursor: grab;
}

.c-grabbing {
  cursor: grabbing;
}

.c-help {
  cursor: help;
}

.c-move {
  cursor: move;
}

.c-n-resize {
  cursor: n-resize;
}

.c-ne-resize {
  cursor: ne-resize;
}

.c-nesw-resize {
  cursor: nesw-resize;
}

.c-ns-resize {
  cursor: ns-resize;
}

.c-nw-resize {
  cursor: nw-resize;
}

.c-nwse-resize {
  cursor: nwse-resize;
}

.c-no-drop {
  cursor: no-drop;
}

.c-none {
  cursor: none;
}

.c-not-allowed {
  cursor: not-allowed;
}

.c-pointer {
  cursor: pointer;
}

.c-progress {
  cursor: progres;
}

.c-row-resize {
  cursor: row-resize;
}

.c-s-resize {
  cursor: s-resize;
}

.c-se-resize {
  cursor: se-resize;
}

.c-sw-resize {
  cursor: sw-resize;
}

.c-text {
  cursor: text;
}

.c-vertical-text {
  cursor: vertical-text;
}

.c-w-resize {
  cursor: w-resize;
}

.c-wait {
  cursor: wait;
}

.c-zoom-in {
  cursor: zoom-in;
}

.c-zoom-out {
  cursor: zoom-out;
}

.c-initial {
  cursor: initial;
}

/* ====== Empty Badges ===== 
------------------------------------------------------------ */
.b-default {
  position: relative;
}

.b-default:before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
  height: 10px;
  width: 10px;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.b-primary {
  position: relative;
}

.b-primary:before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
  height: 10px;
  width: 10px;
  background: #323c50;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.b-success {
  position: relative;
}

.b-success:before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
  height: 10px;
  width: 10px;
  background: #27c24c;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.b-info {
  position: relative;
}

.b-info:before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
  height: 10px;
  width: 10px;
  background: #00abe8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.b-warning {
  position: relative;
}

.b-warning:before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
  height: 10px;
  width: 10px;
  background: #ff9c00;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.b-danger {
  position: relative;
}

.b-danger:before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
  height: 10px;
  width: 10px;
  background: #f93926;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.b-grey {
  position: relative;
}

.b-grey:before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
  height: 10px;
  width: 10px;
  background: #adadad;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* ====== Border Radius ===== 
------------------------------------------------------------ */
.br-n {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.br-4 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.br-5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.br-10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.br-50 {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.br-t-4 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.br-b-4 {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* ====== Unordered List ===== 
------------------------------------------------------------ */
.ul-clear {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* ----------------------------------------------------
 *  2. Reset
 *
 *  This part contains overridden CSS.
 *  
 *  Description: For all the plugins like Bootstrap,
 *                  lightGallery, jQuery Steps. This
 *                  file has the CSS overridden.
 * ---------------------------------------------------- */
/* ====== Scaffolding ===== 
------------------------------------------------------------ */
* {
  outline: 0 !important;
}

html,
body {
  height: 100%;
  width: 100%;
}

body {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 12px;
  color: #6a6c6f;
  overflow-x: hidden;
  background: transparent;
  -webkit-font-smoothing: antialised;
}

/* ====== Typography ===== 
------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
  color: #232323;
  -webkit-font-smoothing: antialised;
}

p {
  font-size: 13px;
  display: block;
  font-weight: normal;
  letter-spacing: 0.01em;
  white-space: normal;
  line-height: 20px;
}

p.header {
  /*font-family: "Montserrat", sans-serif;*/
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.03em;
  color: #0b1115;
}

/* ====== Breadcrumb ===== 
------------------------------------------------------------ */
.page-title {
  padding: 0 15px;
}

.breadcrumb {
  padding: 0;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  background-color: transparent;
}

.breadcrumb > li {
  cursor: pointer;
}

.breadcrumb > li + li:before {
  display: inline-block;
  cursor: default;
  padding: 0;
  font-family: "FontAwesome";
  color: rgba(0, 0, 0, 0.7);
  content: "\f105";
  width: 20px;
  text-align: center;
}

/* ====== Morris Tooltip ===== 
------------------------------------------------------------ */
.morris-hover.morris-default-style {
  border: none;
  box-shadow: none;
  background: #0b1115;
  color: #ffffff;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  border-radius: 4px;
  text-align: left;
}

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: normal;
}

.morris-hover.morris-default-style .morris-hover-point {
  color: #f3f3f3 !important;
  font-weight: 300;
}

/* ====== Buttons ===== 
------------------------------------------------------------ */
button:focus {
  outline: none !important;
}

/* ============================
    Override Default Styles
============================ */
.btn {
  font-weight: 300;
  border: 1px solid #f0f0f0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 3px;
  background-image: none !important;
  background-color: #ffffff;
  color: #6a6c6f;
  text-shadow: none;
  box-shadow: none;
  -webkit-transition: color 0.2s linear 0s;
  -moz-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
  -webkit-transition: background-color 0.2s linear 0s;
  -moz-transition: background-color 0.2s linear 0s;
  transition: background-color 0.2s linear 0s;
}

.btn:hover {
  background-color: #fafafa;
  border: 1px solid rgba(98, 98, 98, 0.27);
}

.btn.active {
  border-color: #e6e6e6;
  background: #fff;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: none !important;
  outline-style: none;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
  box-shadow: none;
}

/* ============================
    Buttons - Graph
============================ */

 .btn-graph {
    margin-right: 5px !important;
    margin-top: 1px !important;
 }


/* ============================
    Buttons - Default
============================ */
.btn-default,
.btn-default:focus {
  color: #5e5e5e;
  background-color: #ffffff;
  border-color: #f0f0f0;
}

.btn-default.active,
.btn-default:active,
.btn-default.active:focus,
.btn-default:active:focus,
.btn-default:active:hover {
    background-color: #dcdcdc;
    border-color: #afafaf;
    color: #2c2c2c;
}

.btn-default.hover,
.btn-default:hover {
  background-color: #fafafa;
  border-color: rgba(98, 98, 98, 0.27);
  color: #1a1a1a;
}

.btn-default.active:hover {
  background: #f0f0f0;
}

/* ============================
    Rounded Buttons
============================ */
.btn-rounded {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

/* ============================
    Circle Buttons
============================ */
.btn-circle {
  height: 50px;
  width: 50px;
  line-height: 50px;
  padding: 0;
  font-size: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* ============================
    Buttons Variant
============================ */
.btn-primary,
.btn-primary:focus 
{
    /* modified background-color: #323c50;
 border-color: #323c50;*/
  background-color: #323c50;
  border-color: #323c50;
  color: #ffffff;
}

.btn-primary.active, .btn-primary:active, .btn-primary.active:focus, .btn-primary:active:focus, .btn-primary:active:hover,
.btn-primary:focus.active,
.btn-primary:focus:active,
.btn-primary:focus.active:focus,
.btn-primary:focus:active:focus,
.btn-primary:focus:active:hover {
  background-color: #53469c;
  border-color: #53469c;
  color: #ffffff;
}

.btn-primary:hover, .btn-primary.hover,
.btn-primary:focus:hover,
.btn-primary:focus.hover {
  background-color: #9990cd;
  border-color: #9990cd;
  color: #ffffff;
}

.btn-primary.active:hover,
.btn-primary:focus.active:hover {
  background-color: #493f8b;
  border-color: #493f8b;
}

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

.btn-success,
.btn-success:focus {
  background-color: #27c24c;
  border-color: #27c24c;
  color: #ffffff;
}

.btn-success.active, .btn-success:active, .btn-success.active:focus, .btn-success:active:focus, .btn-success:active:hover,
.btn-success:focus.active,
.btn-success:focus:active,
.btn-success:focus.active:focus,
.btn-success:focus:active:focus,
.btn-success:focus:active:hover {
  background-color: #1d8f38;
  border-color: #1d8f38;
  color: #ffffff;
}

.btn-success:hover, .btn-success.hover,
.btn-success:focus:hover,
.btn-success:focus.hover {
  background-color: #4bdb6e;
  border-color: #4bdb6e;
  color: #ffffff;
}

.btn-success.active:hover,
.btn-success:focus.active:hover {
  background-color: #187a30;
  border-color: #187a30;
}

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

.btn-info,
.btn-info:focus {
  background-color: #00abe8;
  border-color: #00abe8;
  color: #ffffff;
}


.btn-info.active, .btn-info:active, .btn-info.active:focus, .btn-info:active:focus, .btn-info:active:hover,
.btn-info:focus.active,
.btn-info:focus:active,
.btn-info:focus.active:focus,
.btn-info:focus:active:focus,
.btn-info:focus:active:hover {
  background-color: #007eab;
  border-color: #007eab;
  color: #ffffff;
}

.btn-info:hover, .btn-info.hover,
.btn-info:focus:hover,
.btn-info:focus.hover {
  background-color: #26c6ff;
  border-color: #26c6ff;
  color: #ffffff;
}

.btn-info.active:hover,
.btn-info:focus.active:hover {
  background-color: #006b91;
  border-color: #006b91;
}

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

.btn-warning,
.btn-warning:focus {
  background-color: #ff9c00;
  border-color: #ff9c00;
  color: #ffffff;
}

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

.btn-warning:hover, .btn-warning.hover,
.btn-warning:focus:hover,
.btn-warning:focus.hover {
  background-color: #ffb43d;
  border-color: #ffb43d;
  color: #ffffff;
}

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

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

.btn-danger,
.btn-danger:focus {
  background-color: #f93926;
  border-color: #f93926;
  color: #ffffff;
}

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

.btn-danger:hover, .btn-danger.hover,
.btn-danger:focus:hover,
.btn-danger:focus.hover {
  background-color: #fb6f62;
  border-color: #fb6f62;
  color: #ffffff;
}

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

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

.btn-facebook,
.btn-facebook:focus {
  background-color: #3b5998;
  border-color: #3b5998;
  color: #ffffff;
}

.btn-facebook.active, .btn-facebook:active, .btn-facebook.active:focus, .btn-facebook:active:focus, .btn-facebook:active:hover,
.btn-facebook:focus.active,
.btn-facebook:focus:active,
.btn-facebook:focus.active:focus,
.btn-facebook:focus:active:focus,
.btn-facebook:focus:active:hover {
  background-color: #2a3f6c;
  border-color: #2a3f6c;
  color: #ffffff;
}

.btn-facebook:hover, .btn-facebook.hover,
.btn-facebook:focus:hover,
.btn-facebook:focus.hover {
  background-color: #5476bd;
  border-color: #5476bd;
  color: #ffffff;
}

.btn-facebook.active:hover,
.btn-facebook:focus.active:hover {
  background-color: #23345a;
  border-color: #23345a;
}

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

.btn-google-plus,
.btn-google-plus:focus {
  background-color: #dd4b39;
  border-color: #dd4b39;
  color: #ffffff;
}

.btn-google-plus.active, .btn-google-plus:active, .btn-google-plus.active:focus, .btn-google-plus:active:focus, .btn-google-plus:active:hover,
.btn-google-plus:focus.active,
.btn-google-plus:focus:active,
.btn-google-plus:focus.active:focus,
.btn-google-plus:focus:active:focus,
.btn-google-plus:focus:active:hover {
  background-color: #b93120;
  border-color: #b93120;
  color: #ffffff;
}

.btn-google-plus:hover, .btn-google-plus.hover,
.btn-google-plus:focus:hover,
.btn-google-plus:focus.hover {
  background-color: #e67a6d;
  border-color: #e67a6d;
  color: #ffffff;
}

.btn-google-plus.active:hover,
.btn-google-plus:focus.active:hover {
  background-color: #a32b1c;
  border-color: #a32b1c;
}

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

.btn-twitter,
.btn-twitter:focus {
  background-color: #00aced;
  border-color: #00aced;
  color: #ffffff;
}

.btn-twitter.active, .btn-twitter:active, .btn-twitter.active:focus, .btn-twitter:active:focus, .btn-twitter:active:hover,
.btn-twitter:focus.active,
.btn-twitter:focus:active,
.btn-twitter:focus.active:focus,
.btn-twitter:focus:active:focus,
.btn-twitter:focus:active:hover {
  background-color: #0080b0;
  border-color: #0080b0;
  color: #ffffff;
}

.btn-twitter:hover, .btn-twitter.hover,
.btn-twitter:focus:hover,
.btn-twitter:focus.hover {
  background-color: #2bc5ff;
  border-color: #2bc5ff;
  color: #ffffff;
}

.btn-twitter.active:hover,
.btn-twitter:focus.active:hover {
  background-color: #006d96;
  border-color: #006d96;
}

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

/* ============================
    Transparent Buttons Variant
============================ */
.btn-transparent.btn-primary, .btn-transparent.btn-primary:focus {
  background-color: transparent;
  border-color: #323c50;
  color: #323c50;
}

.btn-transparent.btn-primary.active, .btn-transparent.btn-primary:active, .btn-transparent.btn-primary.active:focus, .btn-transparent.btn-primary:active:focus, .btn-transparent.btn-primary:active:hover, .btn-transparent.btn-primary:focus.active, .btn-transparent.btn-primary:focus:active, .btn-transparent.btn-primary:focus.active:focus, .btn-transparent.btn-primary:focus:active:focus, .btn-transparent.btn-primary:focus:active:hover {
  background-color: #53469c;
  border-color: #53469c;
  color: #ffffff;
}

.btn-transparent.btn-primary:hover, .btn-transparent.btn-primary.hover, .btn-transparent.btn-primary:focus:hover, .btn-transparent.btn-primary:focus.hover {
  background-color: #323c50;
  border-color: #323c50;
  color: #ffffff;
}

.btn-transparent.btn-primary.active:hover, .btn-transparent.btn-primary:focus.active:hover {
  background-color: #493f8b;
  border-color: #493f8b;
}

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

.btn-transparent.btn-success, .btn-transparent.btn-success:focus {
  background-color: transparent;
  border-color: #27c24c;
  color: #27c24c;
}

.btn-transparent.btn-success.active, .btn-transparent.btn-success:active, .btn-transparent.btn-success.active:focus, .btn-transparent.btn-success:active:focus, .btn-transparent.btn-success:active:hover, .btn-transparent.btn-success:focus.active, .btn-transparent.btn-success:focus:active, .btn-transparent.btn-success:focus.active:focus, .btn-transparent.btn-success:focus:active:focus, .btn-transparent.btn-success:focus:active:hover {
  background-color: #1d8f38;
  border-color: #1d8f38;
  color: #ffffff;
}

.btn-transparent.btn-success:hover, .btn-transparent.btn-success.hover, .btn-transparent.btn-success:focus:hover, .btn-transparent.btn-success:focus.hover {
  background-color: #27c24c;
  border-color: #27c24c;
  color: #ffffff;
}

.btn-transparent.btn-success.active:hover, .btn-transparent.btn-success:focus.active:hover {
  background-color: #187a30;
  border-color: #187a30;
}

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

.btn-transparent.btn-info, .btn-transparent.btn-info:focus {
  background-color: transparent;
  border-color: #00abe8;
  color: #00abe8;
}

.btn-transparent.btn-info.active, .btn-transparent.btn-info:active, .btn-transparent.btn-info.active:focus, .btn-transparent.btn-info:active:focus, .btn-transparent.btn-info:active:hover, .btn-transparent.btn-info:focus.active, .btn-transparent.btn-info:focus:active, .btn-transparent.btn-info:focus.active:focus, .btn-transparent.btn-info:focus:active:focus, .btn-transparent.btn-info:focus:active:hover {
  background-color: #007eab;
  border-color: #007eab;
  color: #ffffff;
}

.btn-transparent.btn-info:hover, .btn-transparent.btn-info.hover, .btn-transparent.btn-info:focus:hover, .btn-transparent.btn-info:focus.hover {
  background-color: #00abe8;
  border-color: #00abe8;
  color: #ffffff;
}

.btn-transparent.btn-info.active:hover, .btn-transparent.btn-info:focus.active:hover {
  background-color: #006b91;
  border-color: #006b91;
}

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

.btn-transparent.btn-warning, .btn-transparent.btn-warning:focus {
  background-color: transparent;
  border-color: #ff9c00;
  color: #ff9c00;
}

.btn-transparent.btn-warning.active, .btn-transparent.btn-warning:active, .btn-transparent.btn-warning.active:focus, .btn-transparent.btn-warning:active:focus, .btn-transparent.btn-warning:active:hover, .btn-transparent.btn-warning:focus.active, .btn-transparent.btn-warning:focus:active, .btn-transparent.btn-warning:focus.active:focus, .btn-transparent.btn-warning:focus:active:focus, .btn-transparent.btn-warning:focus:active:hover {
  background-color: #c27700;
  border-color: #c27700;
  color: #ffffff;
}

.btn-transparent.btn-warning:hover, .btn-transparent.btn-warning.hover, .btn-transparent.btn-warning:focus:hover, .btn-transparent.btn-warning:focus.hover {
  background-color: #ff9c00;
  border-color: #ff9c00;
  color: #ffffff;
}

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

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

.btn-transparent.btn-danger, .btn-transparent.btn-danger:focus {
  background-color: transparent;
  border-color: #f93926;
  color: #f93926;
}

.btn-transparent.btn-danger.active, .btn-transparent.btn-danger:active, .btn-transparent.btn-danger.active:focus, .btn-transparent.btn-danger:active:focus, .btn-transparent.btn-danger:active:hover, .btn-transparent.btn-danger:focus.active, .btn-transparent.btn-danger:focus:active, .btn-transparent.btn-danger:focus.active:focus, .btn-transparent.btn-danger:focus:active:focus, .btn-transparent.btn-danger:focus:active:hover {
  background-color: #dc1906;
  border-color: #dc1906;
  color: #ffffff;
}

.btn-transparent.btn-danger:hover, .btn-transparent.btn-danger.hover, .btn-transparent.btn-danger:focus:hover, .btn-transparent.btn-danger:focus.hover {
  background-color: #f93926;
  border-color: #f93926;
  color: #ffffff;
}

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

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

.btn-transparent.btn-white, .btn-transparent.btn-white:focus {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

.btn-transparent.btn-white.active, .btn-transparent.btn-white:active, .btn-transparent.btn-white.active:focus, .btn-transparent.btn-white:active:focus, .btn-transparent.btn-white:active:hover, .btn-transparent.btn-white:focus.active, .btn-transparent.btn-white:focus:active, .btn-transparent.btn-white:focus.active:focus, .btn-transparent.btn-white:focus:active:focus, .btn-transparent.btn-white:focus:active:hover {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  color: #ffffff;
}

.btn-transparent.btn-white:hover, .btn-transparent.btn-white.hover, .btn-transparent.btn-white:focus:hover, .btn-transparent.btn-white:focus.hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #ffffff;
}

.btn-transparent.btn-white.active:hover, .btn-transparent.btn-white:focus.active:hover {
  background-color: #d4d4d4;
  border-color: #d4d4d4;
}

.btn-transparent.btn-white.disabled, .btn-transparent.btn-white.disabled:hover, .btn-transparent.btn-white.disabled:focus, .btn-transparent.btn-white.disabled.focus, .btn-transparent.btn-white.disabled:active, .btn-transparent.btn-white.disabled.active, .btn-transparent.btn-white[disabled], .btn-transparent.btn-white[disabled]:hover, .btn-transparent.btn-white[disabled]:focus, .btn-transparent.btn-white[disabled].focus, .btn-transparent.btn-white[disabled]:active, .btn-transparent.btn-white[disabled].active,
fieldset[disabled] .btn-transparent.btn-white,
fieldset[disabled] .btn-transparent.btn-white:hover,
fieldset[disabled] .btn-transparent.btn-white:focus,
fieldset[disabled] .btn-transparent.btn-white.focus,
fieldset[disabled] .btn-transparent.btn-white:active,
fieldset[disabled] .btn-transparent.btn-white.active, .btn-transparent.btn-white:focus.disabled, .btn-transparent.btn-white:focus.disabled:hover, .btn-transparent.btn-white:focus.disabled:focus, .btn-transparent.btn-white:focus.disabled.focus, .btn-transparent.btn-white:focus.disabled:active, .btn-transparent.btn-white:focus.disabled.active, .btn-transparent.btn-white:focus[disabled], .btn-transparent.btn-white:focus[disabled]:hover, .btn-transparent.btn-white:focus[disabled]:focus, .btn-transparent.btn-white:focus[disabled].focus, .btn-transparent.btn-white:focus[disabled]:active, .btn-transparent.btn-white:focus[disabled].active,
fieldset[disabled] .btn-transparent.btn-white:focus,
fieldset[disabled] .btn-transparent.btn-white:focus:hover,
fieldset[disabled] .btn-transparent.btn-white:focus:focus,
fieldset[disabled] .btn-transparent.btn-white:focus.focus,
fieldset[disabled] .btn-transparent.btn-white:focus:active,
fieldset[disabled] .btn-transparent.btn-white:focus.active {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.btn-transparent.btn-black, .btn-transparent.btn-black:focus {
  background-color: transparent;
  border-color: #0b1115;
  color: #0b1115;
}

.btn-transparent.btn-black.active, .btn-transparent.btn-black:active, .btn-transparent.btn-black.active:focus, .btn-transparent.btn-black:active:focus, .btn-transparent.btn-black:active:hover, .btn-transparent.btn-black:focus.active, .btn-transparent.btn-black:focus:active, .btn-transparent.btn-black:focus.active:focus, .btn-transparent.btn-black:focus:active:focus, .btn-transparent.btn-black:focus:active:hover {
  background-color: black;
  border-color: black;
  color: #ffffff;
}

.btn-transparent.btn-black:hover, .btn-transparent.btn-black.hover, .btn-transparent.btn-black:focus:hover, .btn-transparent.btn-black:focus.hover {
  background-color: #0b1115;
  border-color: #0b1115;
  color: #ffffff;
}

.btn-transparent.btn-black.active:hover, .btn-transparent.btn-black:focus.active:hover {
  background-color: black;
  border-color: black;
}

.btn-transparent.btn-black.disabled, .btn-transparent.btn-black.disabled:hover, .btn-transparent.btn-black.disabled:focus, .btn-transparent.btn-black.disabled.focus, .btn-transparent.btn-black.disabled:active, .btn-transparent.btn-black.disabled.active, .btn-transparent.btn-black[disabled], .btn-transparent.btn-black[disabled]:hover, .btn-transparent.btn-black[disabled]:focus, .btn-transparent.btn-black[disabled].focus, .btn-transparent.btn-black[disabled]:active, .btn-transparent.btn-black[disabled].active,
fieldset[disabled] .btn-transparent.btn-black,
fieldset[disabled] .btn-transparent.btn-black:hover,
fieldset[disabled] .btn-transparent.btn-black:focus,
fieldset[disabled] .btn-transparent.btn-black.focus,
fieldset[disabled] .btn-transparent.btn-black:active,
fieldset[disabled] .btn-transparent.btn-black.active, .btn-transparent.btn-black:focus.disabled, .btn-transparent.btn-black:focus.disabled:hover, .btn-transparent.btn-black:focus.disabled:focus, .btn-transparent.btn-black:focus.disabled.focus, .btn-transparent.btn-black:focus.disabled:active, .btn-transparent.btn-black:focus.disabled.active, .btn-transparent.btn-black:focus[disabled], .btn-transparent.btn-black:focus[disabled]:hover, .btn-transparent.btn-black:focus[disabled]:focus, .btn-transparent.btn-black:focus[disabled].focus, .btn-transparent.btn-black:focus[disabled]:active, .btn-transparent.btn-black:focus[disabled].active,
fieldset[disabled] .btn-transparent.btn-black:focus,
fieldset[disabled] .btn-transparent.btn-black:focus:hover,
fieldset[disabled] .btn-transparent.btn-black:focus:focus,
fieldset[disabled] .btn-transparent.btn-black:focus.focus,
fieldset[disabled] .btn-transparent.btn-black:focus:active,
fieldset[disabled] .btn-transparent.btn-black:focus.active {
  background-color: black;
  border-color: black;
}

.btn-transparent.btn-grey, .btn-transparent.btn-grey:focus {
  background-color: transparent;
  border-color: #adadad;
  color: #adadad;
}

.btn-transparent.btn-grey.active, .btn-transparent.btn-grey:active, .btn-transparent.btn-grey.active:focus, .btn-transparent.btn-grey:active:focus, .btn-transparent.btn-grey:active:hover, .btn-transparent.btn-grey:focus.active, .btn-transparent.btn-grey:focus:active, .btn-transparent.btn-grey:focus.active:focus, .btn-transparent.btn-grey:focus:active:focus, .btn-transparent.btn-grey:focus:active:hover {
  background-color: #8e8e8e;
  border-color: #8e8e8e;
  color: #ffffff;
}

.btn-transparent.btn-grey:hover, .btn-transparent.btn-grey.hover, .btn-transparent.btn-grey:focus:hover, .btn-transparent.btn-grey:focus.hover {
  background-color: #adadad;
  border-color: #adadad;
  color: #ffffff;
}

.btn-transparent.btn-grey.active:hover, .btn-transparent.btn-grey:focus.active:hover {
  background-color: #828282;
  border-color: #828282;
}

.btn-transparent.btn-grey.disabled, .btn-transparent.btn-grey.disabled:hover, .btn-transparent.btn-grey.disabled:focus, .btn-transparent.btn-grey.disabled.focus, .btn-transparent.btn-grey.disabled:active, .btn-transparent.btn-grey.disabled.active, .btn-transparent.btn-grey[disabled], .btn-transparent.btn-grey[disabled]:hover, .btn-transparent.btn-grey[disabled]:focus, .btn-transparent.btn-grey[disabled].focus, .btn-transparent.btn-grey[disabled]:active, .btn-transparent.btn-grey[disabled].active,
fieldset[disabled] .btn-transparent.btn-grey,
fieldset[disabled] .btn-transparent.btn-grey:hover,
fieldset[disabled] .btn-transparent.btn-grey:focus,
fieldset[disabled] .btn-transparent.btn-grey.focus,
fieldset[disabled] .btn-transparent.btn-grey:active,
fieldset[disabled] .btn-transparent.btn-grey.active, .btn-transparent.btn-grey:focus.disabled, .btn-transparent.btn-grey:focus.disabled:hover, .btn-transparent.btn-grey:focus.disabled:focus, .btn-transparent.btn-grey:focus.disabled.focus, .btn-transparent.btn-grey:focus.disabled:active, .btn-transparent.btn-grey:focus.disabled.active, .btn-transparent.btn-grey:focus[disabled], .btn-transparent.btn-grey:focus[disabled]:hover, .btn-transparent.btn-grey:focus[disabled]:focus, .btn-transparent.btn-grey:focus[disabled].focus, .btn-transparent.btn-grey:focus[disabled]:active, .btn-transparent.btn-grey:focus[disabled].active,
fieldset[disabled] .btn-transparent.btn-grey:focus,
fieldset[disabled] .btn-transparent.btn-grey:focus:hover,
fieldset[disabled] .btn-transparent.btn-grey:focus:focus,
fieldset[disabled] .btn-transparent.btn-grey:focus.focus,
fieldset[disabled] .btn-transparent.btn-grey:focus:active,
fieldset[disabled] .btn-transparent.btn-grey:focus.active {
  background-color: #949494;
  border-color: #949494;
}

/* ====== Dropdown ===== 
------------------------------------------------------------ */
.btn-group {
  /* ============================
        Adding Transition to Dropdown
    ============================ */
  /* ============================
        Override Default Styles
    ============================ */
}

.btn-group > .dropdown-menu {
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: block;
}

.btn-group.dropup > .dropdown-menu {
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  transform-origin: bottom;
}

.btn-group.open {
  /* ============================
            Dropdown - Default
        ============================ */
  /* ============================
            Dropdown - Primary
        ============================ */
  /* ============================
            Dropdown - Success
        ============================ */
  /* ============================
            Dropdown - Info
        ============================ */
  /* ============================
            Dropdown - Warning
        ============================ */
  /* ============================
            Dropdown - Danger
        ============================ */
}

.btn-group.open > .dropdown-toggle {
  box-shadow: none;
}

.btn-group.open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.btn-group.open .btn-default,
.btn-group.open .btn-default:focus {
  color: #5e5e5e;
  background-color: #f0f0f0;
  border-color: rgba(98, 98, 98, 0.27);
}

.btn-group.open .btn-primary,
.btn-group.open .btn-primary:focus {
  color: #ffffff;
  background-color: #53469c;
  border-color: #53469c;
}

.btn-group.open .btn-success,
.btn-group.open .btn-success:focus {
  color: #ffffff;
  background-color: #1d8f38;
  border-color: #1d8f38;
}

.btn-group.open .btn-info,
.btn-group.open .btn-info:focus {
  color: #ffffff;
  background-color: #007eab;
  border-color: #007eab;
}

.btn-group.open .btn-warning,
.btn-group.open .btn-warning:focus {
  color: #ffffff;
  background-color: #c27700;
  border-color: #c27700;
}

.btn-group.open .btn-danger,
.btn-group.open .btn-danger:focus {
  color: #ffffff;
  background-color: #dc1906;
  border-color: #dc1906;
}

.btn-group .dropdown-menu {
  padding: 0;
  margin: 0;
  border-color: rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 0px #ddd;
  background-clip: initial;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.btn-group .dropdown-menu > li > a {
  padding: 10px 10px;
  color: #757474;
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}

.btn-group .dropdown-menu > li > a:hover {
  color: #6a6c6f;
  background: transparent;
}

.dropdown .dropdown-menu {
  padding: 0;
  margin: 0;
  border-color: rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 0px #ddd;
  background-clip: initial;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.dropdown .dropdown-menu > li > a {
  padding: 10px 10px;
  color: #757474;
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}

.dropdown .dropdown-menu > li > a:hover {
  color: #6a6c6f;
  background: transparent;
}

/* ====== Form Group ===== 
------------------------------------------------------------ */
.form-group label {
  color: #626262;
  /*font-family: "Montserrat", sans-serif;*/
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.03em;
}

.form-group .input-group .input-group-addon {
  border-width: 2px;
  border-color: #e5e5e5;
  background: #e5e5e5;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.form-control {
  box-shadow: none;
  border: 1px solid #e5e5e5;
  padding: 10px 15px;
  height: 45px;
  line-height: 25px;
  color: #6a6c6f;
  background: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.form-control-datepicker {
  box-shadow: none;
  border: 1px solid #e5e5e5;
  padding: 10px 15px;
  height: 45px;
  line-height: 25px;
  color: #6a6c6f;
  background: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 5px;
}


.form-control.input-lg {
  height: 55px;
  line-height: 35px;
}

.form-control.input-sm {
  height: 35px;
  padding: 5px 10px;
  line-height: 25px;
}

.form-control:focus {
  box-shadow: none;
  border-color: #ababab;
}

.form-control::-webkit-input-placeholder {
  color: #aaa;
}

.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #aaa;
}

.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #aaa;
}

.form-control:-ms-input-placeholder {
  color: #aaa;
}

select.input-sm {
  line-height: 20px !important;
}

.form-inline .checkbox-default > span {
  margin-left: 25px;
}

.form-inline .form-group {
  margin-right: 15px;
}

.form-inline .form-group label {
  margin-right: 5px;
}

/* ====== Owl Carousel ===== 
------------------------------------------------------------ */
.owl-theme .owl-nav [class*='owl-'] {
  background: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10.2px;
  color: #6a6c6f;
}

.owl-theme .owl-nav [class*='owl-']:hover {
  background: #ffffff;
  color: #aaacae;
}

.owl-theme .owl-nav .owl-prev:before {
  font-family: 'FontAwesome';
  content: "\f104";
  font-size: 14px;
  margin-right: 5px;
}

.owl-theme .owl-nav .owl-next:after {
  font-family: 'FontAwesome';
  content: "\f105";
  font-size: 14px;
  margin-left: 5px;
}

.owl-theme .owl-dots .owl-dot.active span {
  background: #6a6c6f;
}

/* ====== Bootstrap Editable ===== 
------------------------------------------------------------ */
.datepicker.datepicker-inline {
  width: auto !important;
}

/* ====== Modals ===== 
------------------------------------------------------------ */
.modal .modal-dialog .modal-content {
  box-shadow: none;
  border-radius: 5px;
  border: none;
  padding: 0;
}

.modal .modal-dialog .modal-content .modal-header {
  border: none;
  padding: 30px 30px 0 30px;
}

.modal .modal-dialog .modal-content .modal-body {
  padding: 0 30px 30px 30px;
}

.modal-backdrop {
  background: rgba(55, 58, 71, 0.9);
  opacity: 0;
}

.modal-backdrop.in {
  opacity: 1;
}

/* ====== NVD3 CSS Reset ===== 
------------------------------------------------------------ */
.nvd3 text,
.nvd3 .title,
.nvd3.nv-bullet,
.nvtooltip {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
}

/* ====== Date Picker ===== 
------------------------------------------------------------ */
.input-daterange input {
  text-align: left;
}

.datepicker {
  padding: 15px 20px;
  margin: 0;
  border-color: #f9f9f9;
}

.datepicker:before {
  border-bottom-color: #f9f9f9;
}

.datepicker .datepicker-days table thead .datepicker-switch {
  font-weight: bold;
  font-size: 12px;
}

.datepicker .datepicker-days table thead .dow {
  /*font-family: "Montserrat", sans-serif;*/
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  color: #323c50;
}

.datepicker .datepicker-days table tbody tr {
  font-size: 12px;
}

.datepicker .datepicker-days table tbody tr td {
  padding: 7px 10px;
}

.datepicker .datepicker-days table tbody .day.old, .datepicker .datepicker-days table tbody .day.new {
  color: #c7c7c7;
}

.datepicker .datepicker-days table tbody .day.active {
  background: #323c50;
  border-radius: 50%;
}

.datepicker .datepicker-days table tbody .day.range-start.selected, .datepicker .datepicker-days table tbody .day.range-end.selected {
  background: #adadad;
}

.datepicker .datepicker-days table tbody .day.range-start.active, .datepicker .datepicker-days table tbody .day.range-end.active {
  background: #323c50;
}

.datepicker .datepicker-days table tbody .day.range-start.active {
  border-radius: 50% 0 0 50%;
}

.datepicker .datepicker-days table tbody .day.range-start.selected {
  border-radius: 50% 0 0 50%;
}

.datepicker .datepicker-days table tbody .day.range-end.active {
  border-radius: 0 50% 50% 0;
}

.datepicker .datepicker-days table tbody .day.range-end.selected {
  border-radius: 0 50% 50% 0;
}

.datepicker .datepicker-months table thead {
  font-weight: bold;
  font-size: 12px;
}

.datepicker .datepicker-months table tbody .month {
  line-height: 40px;
  height: 40px;
  /*font-family: "Montserrat", sans-serif;*/
  font-size: 12px;
}

.datepicker .datepicker-months table tbody .month.active {
  background: #323c50;
}

.datepicker .datepicker-months table tbody .month.active:hover {
  background: #564aa3 !important;
}

.datepicker .datepicker-years table thead {
  font-weight: bold;
  font-size: 12px;
}

.datepicker .datepicker-years table tbody .year {
  line-height: 40px;
  height: 40px;
  /*font-family: "Montserrat", sans-serif;*/
  font-size: 12px;
}

.datepicker .datepicker-years table tbody .year.active {
  background: #323c50;
}

.datepicker .datepicker-years table tbody .year.active:hover {
  background: #564aa3 !important;
}

.datepicker .datepicker-decades table thead {
  font-weight: bold;
  font-size: 12px;
}

.datepicker .datepicker-decades table tbody .decade {
  line-height: 40px;
  height: 40px;
  /*font-family: "Montserrat", sans-serif;*/
  font-size: 12px;
}

.datepicker .datepicker-decades table tbody .decade.active {
  background: #323c50;
}

.datepicker .datepicker-decades table tbody .decade.active:hover {
  background: #564aa3 !important;
}

.datepicker .datepicker-centuries table thead {
  font-weight: bold;
  font-size: 12px;
}

.datepicker .datepicker-centuries table tbody .century {
  line-height: 40px;
  height: 40px;
  /*font-family: "Montserrat", sans-serif;*/
  font-size: 12px;
}

.datepicker .datepicker-centuries table tbody .century.active {
  background: #323c50;
}

.datepicker .datepicker-centuries table tbody .century.active:hover {
  background: #564aa3 !important;
}

/* ====== Date Range Picker ===== 
------------------------------------------------------------ */
.daterangepicker {
  padding: 20px 20px;
  border-color: #f9f9f9;
}

.daterangepicker:before {
  border-bottom-color: #f9f9f9;
}

.daterangepicker .calendar {
  margin: 0 0 10px 0;
}

.daterangepicker .calendar .daterangepicker_input input {
  border-radius: 0 !important;
  padding: 5px 15px 5px 40px;
  height: 40px;
  line-height: 30px;
  border-color: #ddd;
}

.daterangepicker .calendar .daterangepicker_input input.active {
  border-color: #ddd;
}

.daterangepicker .calendar .daterangepicker_input i {
  left: 12px;
  top: 12px;
}

.daterangepicker .calendar .calendar-table table thead tr th {
  font-size: 12px;
  font-weight: 600;
}

.daterangepicker .calendar .calendar-table table thead tr:nth-child(2) th {
  /*font-family: "Montserrat", sans-serif;*/
  text-transform: uppercase;
  font-size: 11px;
  color: #323c50;
}

.daterangepicker .calendar .calendar-table table tbody tr td {
  font-size: 12px;
  padding: 7px 10px;
  color: #838589;
}

.daterangepicker .calendar .calendar-table table tbody tr td.active.start-date.end-date {
  border-radius: 50%;
}

.daterangepicker .calendar .calendar-table table tbody tr td.active.start-date, .daterangepicker .calendar .calendar-table table tbody tr td.active.end-date {
  background: #323c50 !important;
  color: #ffffff;
}

.daterangepicker .calendar .calendar-table table tbody tr td.active.start-date {
  border-radius: 50% 0 0 50%;
}

.daterangepicker .calendar .calendar-table table tbody tr td.active.end-date {
  border-radius: 0 50% 50% 0;
}

.daterangepicker .calendar .calendar-table table tbody tr td.in-range {
  color: #0b1115;
}

.daterangepicker .calendar .calendar-table table tbody tr td.in-range.available {
  background: #eeeeee;
}

.daterangepicker .ranges {
  margin: 0 15px;
}

.daterangepicker .ranges ul {
  width: 100%;
  margin-bottom: 20px;
}

.daterangepicker .ranges ul li {
  padding: 10px 15px;
  background: #f9f9f9;
  color: #6a6c6f;
  border-color: #f9f9f9;
  /*font-family: "Montserrat", sans-serif;*/
  text-transform: uppercase;
  font-size: 11px;
}

.daterangepicker .ranges ul li.active {
  background: #323c50;
  color: #ffffff;
  border-color: #323c50;
}

.daterangepicker .ranges ul li:hover {
  background: #323c50;
  color: #ffffff;
}

.daterangepicker .ranges .range_inputs button {
  width: 100px;
  margin-right: 10px;
}

.daterangepicker .ranges .range_inputs button.applyBtn {
  background: #323c50;
  border-color: #323c50;
}

/* ====== jQuery Steps ===== 
------------------------------------------------------------ */
.wizard .steps > ul > li > a {
  margin: 0;
  border-radius: 0;
  color: #6a6c6f;
  background: transparent !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.wizard .steps > ul > li > a:hover {
  margin: 0 !important;
  color: #0b1115;
  border-radius: none;
}

.wizard .steps > ul > li.current {
  border-bottom: solid 3px #323c50;
}

.wizard .steps > ul > li.current a {
  color: #0b1115;
}

.wizard .steps > ul > li.current a:hover {
  color: #0b1115;
}

.wizard .steps > ul > li.done {
  border-bottom: solid 3px #323c50;
}

.wizard .steps > ul > li.done a {
  color: #0b1115;
}

.wizard .steps > ul > li.done a:hover {
  color: #0b1115;
}

.wizard .content {
  margin: 0;
  background: #ffffff;
}

.wizard .content .body label.error {
  margin-left: 0;
  color: #f93926;
}

.wizard .content .body input.error {
  color: #f93926;
  background: #ffffff;
  border-color: #f93926;
}

.wizard .actions {
  background: #ffffff;
  padding: 25px;
}

.wizard .actions > ul li {
  margin-bottom: 15px;
}

.wizard .actions > ul li a {
  background: #323c50;
  padding: 10px 15px;
  width: 150px;
  text-align: center;
}

.wizard .actions > ul li a:hover {
  background: #323c50;
  padding: 10px 15px;
  width: 150px;
}

/* ====== Light Gallery ===== 
------------------------------------------------------------ */
#select-trans {
  margin-left: 80px;
  margin-bottom: 20px;
}

.lightgallery-img li {
  overflow: hidden;
  cursor: pointer;
  position: relative;
  padding: 0;
  margin-bottom: 10px;
  margin-right: 10px;
}

.lightgallery-img li:before {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  z-index: 999;
}

.lightgallery-img li:after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: "FontAwesome";
  content: "\f002";
  line-height: 100px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 28px;
  background: transparent;
  text-align: center;
  z-index: 1000;
  opacity: 0;
  -webkit-transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  -webkit-transition: opacity 0.35s;
  -moz-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-transition: transform 0.35s;
  -moz-transition: transform 0.35s;
  transition: transform 0.35s;
}

.lightgallery-img li:hover:before {
  display: block;
}

.lightgallery-img li:hover:after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lightgallery-img li img {
  transform: scale(1);
  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  transition: transform 0.4s;
}

/* ============================
    Progress Bar
============================ */
.progress {
  height: 10px;
  border-radius: 50px;
  box-shadow: none;
  background: #e1e1e1;
}

.progress .progress-bar {
  border-radius: 50px;
  background: #323c50;
  font-size: 8px;
  line-height: 10px;
}

.progress .progress-bar.progress-bar-primary {
  background: #323c50;
}

.progress .progress-bar.progress-bar-success {
  background: #27c24c;
}

.progress .progress-bar.progress-bar-info {
  background: #00abe8;
}

.progress .progress-bar.progress-bar-warning {
  background: #ff9c00;
}

.progress .progress-bar.progress-bar-danger {
  background: #f93926;
}

/* ----------------------------------------------------
 *  3. Layout
 *
 *  Base part for the layout of the application
 *  
 *  Description: Contains all the basic and responsive
 *  				layout for the app.
 *
 *  Reference Class or Main Elements
 *  	.content-wrapper
 *  		#page-sidebar
 *  		#page-header
 *  		#page-content
 *  		#page-footer
 *  		.navbar-collapsed
 *  		@media
 * ---------------------------------------------------- */
.content-wrapper {
  position: relative;
  height: auto;
  min-height: 100%;
}

.content-wrapper.mail-wrapper {
  height: 100% !important;
}

.content-wrapper:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f1f1f1;
  z-index: -1;
}

.content-wrapper #page-sidebar {
  position: fixed;
  width: 250px;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  padding-top: 50px;
  overflow: hidden;
}

.content-wrapper #page-sidebar div.sidebar-header {
  background: #151515;
  position: fixed;
  top: 0;
  width: 250px;
  left: 0;
  z-index: 999;
}

.content-wrapper #page-header {
  height: 50px;
  /* modified background: #fff;*/
  background: #323c50;
  box-shadow: 0 2px 0 -1px rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  right: 0;
  left: 250px;
  z-index: 990;
}

.content-wrapper #page-header #header-notifications-list > a:before {
  content: '';
  display: block;
  position: absolute;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #f93926;
  top: 14px;
  right: 8px;
}

.content-wrapper #page-header .profile-dropdown {
  top: 101%;
  padding: 0;
  border: none;
  background: #ffffff;
  overflow: hidden;
  border-radius: 0 4px;
}

.content-wrapper #page-header .profile-dropdown .profile-menu-container {
  width: 300px;
}

.content-wrapper #page-header .profile-dropdown .profile-menu-container .media {
  padding: 25px 0;
}

.content-wrapper #page-header .profile-dropdown .profile-menu-container .media .profile-image {
  border-radius: 50%;
  padding: 0 10px;
}

.content-wrapper #page-header .profile-dropdown .profile-menu-container .media .media-body {
  padding: 0px 15px;
}

.content-wrapper #page-header .profile-dropdown .profile-menu-container .profile-options {
  overflow: hidden;
}

.content-wrapper #page-header .profile-dropdown .profile-menu-container .profile-options > div {
  width: 100px;
  float: left;
  background: #292E31;
}

.content-wrapper #page-header .profile-dropdown .profile-menu-container .profile-options > div a {
  color: #ffffff;
  padding: 15px 0;
  font-size: 16px;
  display: block;
  text-decoration: none;
}

.content-wrapper #page-header .profile-dropdown .profile-menu-container .profile-options > div a:hover {
  color: #ffffff;
  text-decoration: none;
}

.content-wrapper #page-header .nav > li > a:focus,
.content-wrapper #page-header .nav > li > a:hover {
  background: transparent;
  color: #6a6c6f;
}

.content-wrapper #page-content {
  margin-left: 250px;
   /* modified padding: 75px 25px 80px 25px; */
  padding: 50px 25px 80px 25px;
}

.content-wrapper #page-footer {
  height: 70px;
  line-height: 70px;
  padding: 0 40px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 250px;
}

.content-wrapper #page-footer > p {
  line-height: 70px;
}

.content-wrapper > .error #page-footer {
  left: 0;
}

.navbar-collapsed #page-header {
  left: 75px;
}

.navbar-collapsed #page-sidebar {
  width: 75px;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.navbar-collapsed #page-sidebar:hover {
  width: 250px;
}

.navbar-collapsed #page-sidebar:hover .sidebar-header {
  width: 250px !important;
}

.navbar-collapsed #page-sidebar:hover .sidebar-header a span {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.2s ease;
  -moz-transition: opacity 0.3s 0.2s ease;
  transition: opacity 0.3s 0.2s ease;
}

.navbar-collapsed #page-sidebar:hover .sidebar-avatar {
  padding: 0 15px !important;
}

.navbar-collapsed #page-sidebar:hover .sidebar-avatar .media .media-left img {
  height: 64px;
  width: 64px;
}

.navbar-collapsed #page-sidebar:hover .sidebar-avatar .media .media-body {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.2s ease;
  -moz-transition: opacity 0.3s 0.2s ease;
  transition: opacity 0.3s 0.2s ease;
}

.navbar-collapsed #page-sidebar:hover .sidebar-navigation li.menu-header {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.2s ease;
  -moz-transition: opacity 0.3s 0.2s ease;
  transition: opacity 0.3s 0.2s ease;
}

.navbar-collapsed #page-sidebar:hover .sidebar-navigation li a span {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.2s ease;
  -moz-transition: opacity 0.3s 0.2s ease;
  transition: opacity 0.3s 0.2s ease;
}

.navbar-collapsed #page-sidebar:hover .sidebar-navigation li a i {
  right: 25px !important;
}

.navbar-collapsed #page-sidebar:hover .sidebar-navigation li.open ul.nav-submenu {
  height: auto !important;
}

.navbar-collapsed #page-sidebar:hover .sidebar-stats {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.2s ease;
  -moz-transition: opacity 0.3s 0.2s ease;
  transition: opacity 0.3s 0.2s ease;
}

.navbar-collapsed #page-sidebar .sidebar-header {
  width: 75px !important;
  overflow: hidden;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.navbar-collapsed #page-sidebar .sidebar-header a span {
  opacity: 0;
}

.navbar-collapsed #page-sidebar .sidebar-avatar {
  padding: 0 5px !important;
  -webkit-transition: padding 0.3s ease;
  -moz-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
}

.navbar-collapsed #page-sidebar .sidebar-avatar .media {
  height: 70px;
}

.navbar-collapsed #page-sidebar .sidebar-avatar .media .media-left img {
  height: 64px;
  width: 64px;
}

.navbar-collapsed #page-sidebar .sidebar-avatar .media .media-body {
  opacity: 0;
}

.navbar-collapsed #page-sidebar .sidebar-navigation li.menu-header {
  opacity: 0;
}

.navbar-collapsed #page-sidebar .sidebar-navigation li a span {
  opacity: 0;
}

.navbar-collapsed #page-sidebar .sidebar-navigation li a i {
  right: 30px !important;
}

.navbar-collapsed #page-sidebar .sidebar-navigation li.open ul.nav-submenu {
  height: 0 !important;
}

.navbar-collapsed #page-sidebar .sidebar-stats {
  opacity: 0;
}

.navbar-collapsed #page-content {
  margin-left: 75px;
}

.navbar-collapsed #page-footer {
  left: 75px;
}

@media (max-width: 768px) {
  .notify-container[data-position="top-left"], .notify-container[data-position="top-right"], .notify-container[data-position="bottom-left"], .notify-container[data-position="bottom-right"], .notify-container[data-position="top"], .notify-container[data-position="bottom"] {
    left: 10px !important;
    right: 10px !important;
  }
  .notify-container .notify-wrapper {
    width: 300px !important;
  }
  .profile-widget-compact .profile-follow .row > div {
    padding: 15px !important;
  }
  .register-container {
    width: 100%;
  }
  .mini-stats-container .mini-stats-content {
    padding: 40px 40px;
  }
  .mini-stats-container .mini-stats-content h1 {
    font-size: 24px;
  }
  .mini-user-widget .media .media-body h3 {
    font-size: 15px;
  }
  .email-widget ul li {
    width: auto !important;
  }
  body.navbar-visible .content-wrapper {
    overflow: hidden;
    height: 100%;
    width: 100%;
  }
  body.navbar-visible .content-wrapper #page-sidebar {
    left: 0 !important;
  }
  body.navbar-visible .content-wrapper #page-sidebar .sidebar-header {
    left: 0px !important;
    top: 0px !important;
  }
  body.navbar-visible .content-wrapper #page-header {
    left: 250px !important;
  }
  body.navbar-visible .content-wrapper #page-header .header-container {
    margin-right: -250px !important;
  }
  body.navbar-visible .content-wrapper #page-content {
    margin-left: 250px !important;
    margin-right: -250px !important;
  }
  body .content-wrapper.mail .mail-container {
    position: relative;
    overflow: hidden;
  }
  body .content-wrapper.mail .mail-container .mail-list {
    width: calc(100% - 75px) !important;
  }
  body .content-wrapper.mail .mail-container .mail-message {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 75px;
    right: 0;
    width: calc(100% - 75px);
    z-index: 9999;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
  }
  body .content-wrapper.mail .mail-container .mail-message.mail-message-visible {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  body .content-wrapper.mail .mail-container .mail-message .mail-message-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  body .content-wrapper .lockscreen-container,
  body .content-wrapper .register-container,
  body .content-wrapper .login-container,
  body .content-wrapper .fp-container {
    width: 100%;
  }
  body .content-wrapper #page-header {
    left: 0;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    transition: left 0.3s ease;
  }
  body .content-wrapper #page-header .header-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 150px;
    text-align: center;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
  }
  body .content-wrapper #page-sidebar {
    left: -250px;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    transition: left 0.3s ease;
  }
  body .content-wrapper #page-sidebar .sidebar-header {
    left: -250px;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    transition: left 0.3s ease;
  }
  body .content-wrapper #page-content {
    margin-left: 0;
    margin-right: 0;
    transition: margin-left 0.3s ease, margin-right 0.3s ease;
  }
  body .content-wrapper #page-content .todo-container .todo-body {
    position: relative;
    overflow: hidden;
  }
  body .content-wrapper #page-content .todo-container .todo-body .todo-aside {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
  }
  body .content-wrapper #page-content .todo-container .todo-body .todo-aside.todo-aside-visible {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  body .content-wrapper #page-content .fc.fc-ltr .fc-header-toolbar .fc-left {
    text-align: center;
    width: 100%;
  }
  body .content-wrapper #page-content .fc.fc-ltr .fc-header-toolbar .fc-left button {
    margin: 0;
  }
  body .content-wrapper #page-content .fc.fc-ltr .fc-header-toolbar .fc-left h2 {
    margin: 0;
    font-size: 24px;
  }
  body .content-wrapper #page-content .fc.fc-ltr .fc-header-toolbar .fc-right {
    float: none;
  }
  body .content-wrapper #page-content .tab-content #simple-notification .notifications-dummy .dummy-notification,
  body .content-wrapper #page-content .tab-content #alert-notification .notifications-dummy .dummy-notification {
    height: 20px;
    width: 100px;
  }
  body .content-wrapper #page-content .tab-content #thumb-notification .notifications-dummy .dummy-notification,
  body .content-wrapper #page-content .tab-content #thumb-circle-notification .notifications-dummy .dummy-notification {
    width: 100px;
  }
  body .content-wrapper #page-content .tab-content #thumb-notification .notifications-dummy .dummy-notification .dummy-notification-image,
  body .content-wrapper #page-content .tab-content #thumb-circle-notification .notifications-dummy .dummy-notification .dummy-notification-image {
    height: 30px;
    width: 30px;
  }
  body .content-wrapper #page-content .tab-content #thumb-notification .notifications-dummy .dummy-notification .dummy-notification-content,
  body .content-wrapper #page-content .tab-content #thumb-circle-notification .notifications-dummy .dummy-notification .dummy-notification-content {
    width: 35px;
    left: 45px;
    top: 25px;
  }
  body .content-wrapper #page-content .tab-content #flip-notification .notifications-dummy .dummy-notification {
    width: 100px;
  }
  body .content-wrapper #page-content #form-notify .notification-style ul li {
    width: 33%;
  }
  body .content-wrapper #page-content .timeline-container .timeline-ul:before {
    margin: 0 0 0 28px !important;
  }
  body .content-wrapper #page-content .timeline-container .timeline-ul .timeline:nth-child(even) .timeline-incident .timeline-incident-moment, body .content-wrapper #page-content .timeline-container .timeline-ul .timeline:nth-child(odd) .timeline-incident .timeline-incident-moment {
    width: 0% !important;
    height: 0;
    float: none !important;
  }
  body .content-wrapper #page-content .timeline-container .timeline-ul .timeline:nth-child(even) .timeline-incident .timeline-incident-moment span:first-child, body .content-wrapper #page-content .timeline-container .timeline-ul .timeline:nth-child(odd) .timeline-incident .timeline-incident-moment span:first-child {
    position: absolute;
    top: -20px;
    left: 70px;
    z-index: 9999;
  }
  body .content-wrapper #page-content .timeline-container .timeline-ul .timeline:nth-child(even) .timeline-incident .timeline-incident-moment .timeline-incident-icon, body .content-wrapper #page-content .timeline-container .timeline-ul .timeline:nth-child(odd) .timeline-incident .timeline-incident-moment .timeline-incident-icon {
    margin: 0 !important;
  }
  body .content-wrapper #page-content .timeline-container .timeline-ul .timeline:nth-child(even) .timeline-incident .timeline-incident-body, body .content-wrapper #page-content .timeline-container .timeline-ul .timeline:nth-child(odd) .timeline-incident .timeline-incident-body {
    float: none !important;
    width: calc(100% - 50px);
    margin-left: 50px;
    text-align: left !important;
  }
  body .content-wrapper #page-content .profile-stats {
    display: none;
  }
  body .content-wrapper #page-footer {
    left: 0;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    transition: left 0.3s ease;
  }
  body .content-wrapper #page-footer p {
    text-align: center;
  }
  body .content-wrapper #page-footer p .footer-author {
    display: none;
  }
}

/* ----------------------------------------------------
 *  4. Navigation
 *
 *  Base part for the navifation of the application
 *  
 *  Description: Contains styling for the navigation.
 * ---------------------------------------------------- */
#page-sidebar {
  background: #323c50;
}

#page-sidebar .scrollbar-padder {
  height: 100%;
  width: 100%;
}

#page-sidebar .scrollbar-padder .mCustomScrollBox .mCSB_container {
  margin: 0;
}

#page-sidebar .scrollbar-padder .mCustomScrollBox .mCSB_scrollTools_vertical .mCSB_draggerContainer .mCSB_draggerRail {
  background: transparent;
}

#page-sidebar .scrollbar-padder .mCustomScrollBox .mCSB_scrollTools_vertical .mCSB_draggerContainer .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.3);
}

#page-sidebar .scrollbar-padder .mCustomScrollBox .mCSB_scrollTools_vertical .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.3);
  margin-right: 0;
  border-radius: 0;
}

#page-sidebar .sidebar-container .sidebar-header {
  height: 50px;
  line-height: 50px;
}

#page-sidebar .sidebar-container .sidebar-header a {
  color: #ffffff;
  display: block;
  padding: 0 32px;
  font-size: 18px;
}

#page-sidebar .sidebar-container .sidebar-header a:hover, #page-sidebar .sidebar-container .sidebar-header a:focus {
  text-decoration: none;
}

#page-sidebar .sidebar-container .sidebar-avatar {
  padding: 0px 15px;
  margin: 25px 0;
}

#page-sidebar .sidebar-container .sidebar-navigation .menu-header {
  padding: 10px 25px;
  color: rgba(255, 255, 255, 0.6);
}

#page-sidebar .sidebar-container .sidebar-navigation li {
  border-left: solid 3px transparent;
}

#page-sidebar .sidebar-container .sidebar-navigation li a {
  color: rgba(255, 255, 255, 1);
  position: relative;
  display: block;
  padding: 15px 25px;
  height: 40px;
  line-height: 15px;
  text-decoration: none;
  font-size: 15px;
}

#page-sidebar .sidebar-container .sidebar-navigation li a:hover {
  color: #ffffff;
  text-decoration: none;
}

#page-sidebar .sidebar-container .sidebar-navigation li a i {
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}

#page-sidebar .sidebar-container .sidebar-navigation li.divider {
  margin: 15px 0;
  border-top: solid 1px rgba(255, 255, 255, 0.05);
}

#page-sidebar .sidebar-container .sidebar-navigation li ul.nav-submenu {
  height: 0;
  overflow: hidden;
}

#page-sidebar .sidebar-container .sidebar-navigation li ul.nav-submenu li {
  opacity: 0;
  -webkit-transform: translateX(-15px);
  -moz-transform: translateX(-15px);
  transform: translateX(-15px);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

#page-sidebar .sidebar-container .sidebar-navigation li.open {
  background: rgba(0, 0, 0, 0.25);
  border-left: solid 3px #27c24c;
}

#page-sidebar .sidebar-container .sidebar-navigation li.open > a {
  color: #ffffff;
}

#page-sidebar .sidebar-container .sidebar-navigation li.open ul.nav-submenu {
  height: auto;
}

#page-sidebar .sidebar-container .sidebar-navigation li.open ul.nav-submenu li {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
}

#page-sidebar .sidebar-container .sidebar-navigation li.open ul.nav-submenu li.active a {
  color: #ffffff !important;
}

#page-sidebar .sidebar-container .sidebar-stats {
  padding: 25px;
}

/* ----------------------------------------------------
 *  5. Panels
 *
 *  Only panel which was created for panels for XPLOIT
 * ---------------------------------------------------- */
.panel-x 
{
    /* modified
  margin-bottom: 20px; */
  background-color: #ffffff;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.07);
}

.panel-x .panel-heading {
  padding: 15px 15px;
  /*font-family: "Montserrat", sans-serif;*/
  font-weight: 600;
  text-overflow: ellipsis;
  letter-spacing: 0.02em;
  color: #0b1115;
}

.panel-x.panel-transparent {
  background: transparent;
  border-color: transparent;
}

.panel .panel-heading {
  /*font-family: "Montserrat", sans-serif;*/
  font-weight: 600;
  text-overflow: ellipsis;
}

/* ----------------------------------------------------
 *  6. Tabs
 *
 *  This part of the CSS only
 *  contains the over ride CSS for bootstrap tabs
 *  and contains the CSS for extra tabs that are 
 *  available.
 * ---------------------------------------------------- */
.tab-container {
  margin-bottom: 15px;
  position: relative;
  /* ============================
        Over Ride Default Stlyes
    ============================ */
  /* --------------- Begin Tab Position Stlyes --------------- */
  /* ============================
        Tab Position Top
    ============================ */
  /* ============================
        Tab Position Right
    ============================ */
  /* ============================
        Tab Position Bottom
    ============================ */
  /* ============================
        Tab Position Left
    ============================ */
  /* --------------- End Tab Position Stlyes --------------- */
  /* --------------- Begin Tab Style - Border Top Styles --------------- */
  /* ============================
        Tab Style Border Top
    ============================ */
  /* --------------- End Tab Style - Border Top Styles --------------- */
  /* --------------- Begin Tab Style - Border Bottom Styles --------------- */
  /* ============================
        Tab Style Border Bottom
    ============================ */
  /* --------------- End Tab Style - Border Bottom Styles --------------- */
  /* --------------- Begin Tab Style - Arrow Down --------------- */
  /* ============================
        Tab Style Arrow Down
    ============================ */
  /* --------------- End Tab Style - Arrow Down --------------- */
  /* --------------- Begin Tab Style - Colored Arrow Down --------------- */
  /* ============================
        Tab Style Colored Arrow Down
    ============================ */
  /* --------------- End Tab Style - Colored Arrow Down --------------- */
  /* --------------- Begin Tab Style - Box Line --------------- */
  /* ============================
        Tab Style Box Line
    ============================ */
  /* --------------- End Tab Style - Box Line --------------- */
}

.tab-container.tab-top.tab-arrow-down .nav-tabs-container {
  height: 56px;
  position: relative;
  z-index: 999;
}

.tab-container.tab-top.tab-arrow-down .tab-content {
  position: relative;
  top: -8px;
}

.tab-container.tab-bottom .nav-tabs-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.tab-container.tab-bottom.tab-arrow-down .nav-tabs-container {
  height: 56px;
}

.tab-container .nav-tabs {
  border: none;
}

.tab-container .nav-tabs > li > a {
  margin: 0;
  border: none;
  border-radius: 0;
  color: #757474;
  /*font-family: "Montserrat", sans-serif;*/
  font-size: 12px;
  font-weight: 400;
  padding: 15px 20px;
  text-transform: uppercase;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}

.tab-container .nav-tabs > li > a:hover, .tab-container .nav-tabs > li > a:focus {
  color: #6a6c6f;
  background: transparent;
}

.tab-container .nav-tabs > li.active > a,
.tab-container .nav-tabs > li.active > a:hover,
.tab-container .nav-tabs > li.active > a:focus {
  color: #6a6c6f;
  background: #ffffff;
  border: none;
}

.tab-container > .tab-content {
  background: #ffffff;
  padding: 15px 25px;
}

.tab-container.tab-top .nav-tabs > li > a {
  margin: 0;
  position: relative;
  overflow: hidden;
}

.tab-container.tab-top > .tab-content {
  overflow: auto;
}

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

.tab-container.tab-right .nav-tabs > li {
  display: block;
  float: none;
}

.tab-container.tab-right .nav-tabs > li > a {
  margin: 0;
}

.tab-container.tab-right > .tab-content {
  overflow: auto;
}

.tab-container.tab-bottom.tab-container {
  overflow: hidden;
}

.tab-container.tab-bottom.tab-container .nav-tabs {
  position: absolute;
  bottom: 0;
  left: 0;
}

.tab-container.tab-bottom.tab-container .nav-tabs > li {
  display: inline-block;
}

.tab-container.tab-bottom.tab-container .nav-tabs > li > a {
  margin: 0;
}

.tab-container.tab-bottom.tab-container .tab-content {
  margin-bottom: 46px;
  overflow: auto;
}

.tab-container.tab-left .nav-tabs {
  float: left;
}

.tab-container.tab-left .nav-tabs > li {
  display: block;
  float: none;
}

.tab-container.tab-left .nav-tabs > li > a {
  margin: 0;
}

.tab-container.tab-left > .tab-content {
  overflow: auto;
}

.tab-container.tab-border-top {
  /* --------------- Begin Tab Position for Border Top --------------- */
  /* ============================
            Tab Position Top
        ============================ */
  /* ============================
            Tab Position Right
        ============================ */
  /* ============================
            Tab Position bottom
        ============================ */
  /* ============================
            Tab Position Left
        ============================ */
  /* --------------- End Tab Position for Border Top --------------- */
  /* --------------- Begin Tab Colors for Border Top --------------- */
  /* ============================
            Tab Color Default
        ============================ */
  /* ============================
            Tab Color Primary
        ============================ */
  /* ============================
            Tab Color Success
        ============================ */
  /* ============================
            Tab Color Info
        ============================ */
  /* ============================
            Tab Color Warning
        ============================ */
  /* ============================
            Tab Color Danger
        ============================ */
  /* --------------- End Tab Colors for Border Top --------------- */
}

.tab-container.tab-border-top .nav-tabs > li > a {
  background: #ffffff;
  overflow: hidden;
  position: relative;
}

.tab-container.tab-border-top .nav-tabs > li > a:hover {
  background: #ffffff !important;
}

.tab-container.tab-border-top .nav-tabs > li.active > a:after {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tab-container.tab-border-top.tab-top .nav-tabs > li > a:after {
  height: 4px;
  width: 100%;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, -150%, 0);
  -moz-transform: translate3d(0, -150%, 0);
  transform: translate3d(0, -150%, 0);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}

.tab-container.tab-border-top.tab-top .nav-tabs > li.active > a:after {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tab-container.tab-border-top.tab-right .nav-tabs > li > a:after {
  height: 100%;
  width: 4px;
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  -webkit-transform: translate3d(150%, 0, 0);
  -moz-transform: translate3d(150%, 0, 0);
  transform: translate3d(150%, 0, 0);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}

.tab-container.tab-border-top.tab-right .nav-tabs > li.active > a:after {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tab-container.tab-border-top.tab-bottom .nav-tabs > li > a:after {
  height: 4px;
  width: 100%;
  position: absolute;
  content: '';
  bottom: 1px;
  left: 0;
  -webkit-transform: translate3d(0, 150%, 0);
  -moz-transform: translate3d(0, 150%, 0);
  transform: translate3d(0, 150%, 0);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}

.tab-container.tab-border-top.tab-bottom .nav-tabs > li.active > a:after {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tab-container.tab-border-top.tab-left .nav-tabs > li > a:after {
  height: 100%;
  width: 4px;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  -webkit-transform: translate3d(-150%, 0, 0);
  -moz-transform: translate3d(-150%, 0, 0);
  transform: translate3d(-150%, 0, 0);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}

.tab-container.tab-border-top.tab-left .nav-tabs > li.active > a:after {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tab-container.tab-border-top.tab-default .nav-tabs > li > a {
  color: #0b1115;
}

.tab-container.tab-border-top.tab-default .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-border-top.tab-default .nav-tabs > li.active > a:after {
  background: #0b1115;
}

.tab-container.tab-border-top.tab-primary .nav-tabs > li > a {
  color: #323c50;
}

.tab-container.tab-border-top.tab-primary .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-border-top.tab-primary .nav-tabs > li.active > a:after {
  background: #323c50;
}

.tab-container.tab-border-top.tab-success .nav-tabs > li > a {
  color: #27c24c;
}

.tab-container.tab-border-top.tab-success .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-border-top.tab-success .nav-tabs > li.active > a:after {
  background: #27c24c;
}

.tab-container.tab-border-top.tab-info .nav-tabs > li > a {
  color: #00abe8;
}

.tab-container.tab-border-top.tab-info .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-border-top.tab-info .nav-tabs > li.active > a:after {
  background: #00abe8;
}

.tab-container.tab-border-top.tab-warning .nav-tabs > li > a {
  color: #ff9c00;
}

.tab-container.tab-border-top.tab-warning .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-border-top.tab-warning .nav-tabs > li.active > a:after {
  background: #ff9c00;
}

.tab-container.tab-border-top.tab-danger .nav-tabs > li > a {
  color: #f93926;
}

.tab-container.tab-border-top.tab-danger .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-border-top.tab-danger .nav-tabs > li.active > a:after {
  background: #f93926;
}

.tab-container.tab-border-bottom {
  /* --------------- Begin Tab Position for Border Bottom --------------- */
  /* ============================
            Tab Position Top
        ============================ */
  /* ============================
            Tab Position Right
        ============================ */
  /* ============================
            Tab Position Bottom
        ============================ */
  /* ============================
            Tab Position Left
        ============================ */
  /* --------------- End Tab Position for Border Bottom --------------- */
  /* --------------- Begin Tab Colors for Border Bottom --------------- */
  /* ============================
            Tab Color Default
        ============================ */
  /* ============================
            Tab Color Primary
        ============================ */
  /* ============================
            Tab Color Success
        ============================ */
  /* ============================
            Tab Color Info
        ============================ */
  /* ============================
            Tab Color Warning
        ============================ */
  /* ============================
            Tab Color Danger
        ============================ */
  /* --------------- End Tab Colors for Border Bottom --------------- */
}

.tab-container.tab-border-bottom .nav-tabs > li > a {
  background: #ffffff;
  overflow: hidden;
  position: relative;
}

.tab-container.tab-border-bottom .nav-tabs > li > a:hover {
  background: #ffffff !important;
}

.tab-container.tab-border-bottom .nav-tabs > li.active > a:after {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tab-container.tab-border-bottom.tab-top .nav-tabs > li > a:after {
  height: 4px;
  width: 100%;
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  -webkit-transform: translate3d(0, 150%, 0);
  -moz-transform: translate3d(0, 150%, 0);
  transform: translate3d(0, 150%, 0);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}

.tab-container.tab-border-bottom.tab-top .nav-tabs > li.active > a:after {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tab-container.tab-border-bottom.tab-right .nav-tabs > li > a:after {
  height: 100%;
  width: 4px;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  -webkit-transform: translate3d(-150%, 0, 0);
  -moz-transform: translate3d(-150%, 0, 0);
  transform: translate3d(-150%, 0, 0);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}

.tab-container.tab-border-bottom.tab-right .nav-tabs > li.active > a:after {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tab-container.tab-border-bottom.tab-bottom .nav-tabs > li > a:after {
  height: 4px;
  width: 100%;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, -150%, 0);
  -moz-transform: translate3d(0, -150%, 0);
  transform: translate3d(0, -150%, 0);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}

.tab-container.tab-border-bottom.tab-bottom .nav-tabs > li.active > a:after {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tab-container.tab-border-bottom.tab-left .nav-tabs > li > a:after {
  height: 100%;
  width: 4px;
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  -webkit-transform: translate3d(150%, 0, 0);
  -moz-transform: translate3d(150%, 0, 0);
  transform: translate3d(150%, 0, 0);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}

.tab-container.tab-border-bottom.tab-left .nav-tabs > li.active > a:after {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tab-container.tab-border-bottom.tab-default .nav-tabs > li > a {
  color: #0b1115;
}

.tab-container.tab-border-bottom.tab-default .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-border-bottom.tab-default .nav-tabs > li.active > a:after {
  background: #0b1115;
}

.tab-container.tab-border-bottom.tab-primary .nav-tabs > li > a {
  color: #323c50;
}

.tab-container.tab-border-bottom.tab-primary .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-border-bottom.tab-primary .nav-tabs > li.active > a:after {
  background: #323c50;
}

.tab-container.tab-border-bottom.tab-success .nav-tabs > li > a {
  color: #27c24c;
}

.tab-container.tab-border-bottom.tab-success .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-border-bottom.tab-success .nav-tabs > li.active > a:after {
  background: #27c24c;
}

.tab-container.tab-border-bottom.tab-info .nav-tabs > li > a {
  color: #00abe8;
}

.tab-container.tab-border-bottom.tab-info .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-border-bottom.tab-info .nav-tabs > li.active > a:after {
  background: #00abe8;
}

.tab-container.tab-border-bottom.tab-warning .nav-tabs > li > a {
  color: #ff9c00;
}

.tab-container.tab-border-bottom.tab-warning .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-border-bottom.tab-warning .nav-tabs > li.active > a:after {
  background: #ff9c00;
}

.tab-container.tab-border-bottom.tab-danger .nav-tabs > li > a {
  color: #f93926;
}

.tab-container.tab-border-bottom.tab-danger .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-border-bottom.tab-danger .nav-tabs > li.active > a:after {
  background: #f93926;
}

.tab-container.tab-arrow-down {
  /* --------------- Begin Tab Position for Arrow Down --------------- */
  /* ============================
            Tab Position Top
        ============================ */
  /* ============================
            Tab Position Right
        ============================ */
  /* ============================
            Tab Position Bottom
        ============================ */
  /* ============================
            Tab Position Left
        ============================ */
  /* --------------- End Tab Position for Arrow Down --------------- */
  /* --------------- Begin Tab Color for Arrow Down --------------- */
  /* ============================
            Tab Color Default
        ============================ */
  /* ============================
            Tab Color Primary
        ============================ */
  /* ============================
            Tab Color Success
        ============================ */
  /* ============================
            Tab Color Info
        ============================ */
  /* ============================
            Tab Color Warning
        ============================ */
  /* ============================
            Tab Color Danger
        ============================ */
  /* --------------- End Tab Color for Arrow Down --------------- */
}

.tab-container.tab-arrow-down .nav-tabs > li > a {
  background: #ffffff;
  position: relative;
  overflow: visible;
}

.tab-container.tab-arrow-down.tab-top .nav-tabs > li > a {
  border-bottom: solid 1px #ddd !important;
  background: #ffffff;
  position: relative;
  overflow: visible;
}

.tab-container.tab-arrow-down.tab-top .nav-tabs > li.active > a:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  height: 0;
  width: 0;
  border: solid transparent;
  pointer-events: none;
  border-width: 8px;
  margin-left: -8px;
  border-top-color: rgba(0, 0, 0, 0.2);
}

.tab-container.tab-arrow-down.tab-top .nav-tabs > li.active > a:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
  margin-left: -7px;
  border-width: 7px;
  border-top-color: #ffffff;
}

.tab-container.tab-arrow-down.tab-right .nav-tabs > li > a {
  border-left: solid 1px #ddd !important;
  background: #ffffff;
  position: relative;
  overflow: visible;
}

.tab-container.tab-arrow-down.tab-right .nav-tabs > li.active > a:before {
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  height: 0;
  width: 0;
  border: solid transparent;
  pointer-events: none;
  border-width: 8px;
  margin-top: -8px;
  border-right-color: rgba(0, 0, 0, 0.2);
}

.tab-container.tab-arrow-down.tab-right .nav-tabs > li.active > a:after {
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  height: 0;
  width: 0;
  border: solid transparent;
  pointer-events: none;
  margin-top: -7px;
  border-width: 7px;
  border-right-color: #ffffff;
}

.tab-container.tab-arrow-down.tab-bottom .nav-tabs > li > a {
  border-top: solid 1px #ddd !important;
  background: #ffffff;
  position: relative;
  overflow: visible;
}

.tab-container.tab-arrow-down.tab-bottom .nav-tabs > li.active > a:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  height: 0;
  width: 0;
  border: solid transparent;
  pointer-events: none;
  border-width: 8px;
  margin-left: -8px;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}

.tab-container.tab-arrow-down.tab-bottom .nav-tabs > li.active > a:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  height: 0;
  width: 0;
  border: solid transparent;
  pointer-events: none;
  margin-left: -7px;
  border-width: 7px;
  border-bottom-color: #ffffff;
}

.tab-container.tab-arrow-down.tab-left .nav-tabs > li > a {
  border-right: solid 1px #ddd !important;
  background: #ffffff;
  position: relative;
  overflow: visible;
}

.tab-container.tab-arrow-down.tab-left .nav-tabs > li.active > a:before {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  height: 0;
  width: 0;
  border: solid transparent;
  pointer-events: none;
  border-width: 8px;
  margin-top: -8px;
  border-left-color: rgba(0, 0, 0, 0.2);
}

.tab-container.tab-arrow-down.tab-left .nav-tabs > li.active > a:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  height: 0;
  width: 0;
  border: solid transparent;
  pointer-events: none;
  margin-top: -7px;
  border-width: 7px;
  border-left-color: #ffffff;
}

.tab-container.tab-arrow-down.tab-default .nav-tabs > li > a {
  color: #0b1115;
}

.tab-container.tab-arrow-down.tab-default .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-arrow-down.tab-primary .nav-tabs > li > a {
  color: #323c50;
}

.tab-container.tab-arrow-down.tab-primary .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-arrow-down.tab-success .nav-tabs > li > a {
  color: #27c24c;
}

.tab-container.tab-arrow-down.tab-success .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-arrow-down.tab-info .nav-tabs > li > a {
  color: #00abe8;
}

.tab-container.tab-arrow-down.tab-info .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-arrow-down.tab-warning .nav-tabs > li > a {
  color: #ff9c00;
}

.tab-container.tab-arrow-down.tab-warning .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-arrow-down.tab-danger .nav-tabs > li > a {
  color: #f93926;
}

.tab-container.tab-arrow-down.tab-danger .nav-tabs > li.active > a {
  color: #6a6c6f;
}

.tab-container.tab-colored-arrow-down {
  /* --------------- Begin Tab Position for Colored Arrow Down --------------- */
  /* ============================
            Tab Position Top
        ============================ */
  /* ============================
            Tab Position Right
        ============================ */
  /* ============================
            Tab Position Bottom
        ============================ */
  /* ============================
            Tab Position Left
        ============================ */
  /* --------------- End Tab Position for Colored Arrow Down --------------- */
}

.tab-container.tab-colored-arrow-down .nav-tabs > li > a {
  position: relative;
  overflow: visible;
}

.tab-container.tab-colored-arrow-down.tab-top {
  /* --------------- Begin Tab Color for Colored Arrow Down --------------- */
  /* ============================
                Tab Color Default
            ============================ */
  /* ============================
                Tab Color Primary
            ============================ */
  /* ============================
                Tab Color Success
            ============================ */
  /* ============================
                Tab Color Info
            ============================ */
  /* ============================
                Tab Color Warning
            ============================ */
  /* ============================
                Tab Color Danger
            ============================ */
  /* --------------- End Tab Color for Colored Arrow Down --------------- */
}

.tab-container.tab-colored-arrow-down.tab-top .nav-tabs > li.active > a:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  height: 0;
  width: 0;
  border: solid transparent;
  pointer-events: none;
  border-width: 8px;
  margin-left: -8px;
  border-top-color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-top.tab-default .nav-tabs > li.active > a {
  background: #0b1115;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-top.tab-default .nav-tabs > li.active > a:before {
  border-top-color: #0b1115;
}

.tab-container.tab-colored-arrow-down.tab-top.tab-primary .nav-tabs > li.active > a {
  background: #323c50;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-top.tab-primary .nav-tabs > li.active > a:before {
  border-top-color: #323c50;
}

.tab-container.tab-colored-arrow-down.tab-top.tab-success .nav-tabs > li.active > a {
  background: #27c24c;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-top.tab-success .nav-tabs > li.active > a:before {
  border-top-color: #27c24c;
}

.tab-container.tab-colored-arrow-down.tab-top.tab-info .nav-tabs > li.active > a {
  background: #00abe8;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-top.tab-info .nav-tabs > li.active > a:before {
  border-top-color: #00abe8;
}

.tab-container.tab-colored-arrow-down.tab-top.tab-warning .nav-tabs > li.active > a {
  background: #ff9c00;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-top.tab-warning .nav-tabs > li.active > a:before {
  border-top-color: #ff9c00;
}

.tab-container.tab-colored-arrow-down.tab-top.tab-danger .nav-tabs > li.active > a {
  background: #f93926;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-top.tab-danger .nav-tabs > li.active > a:before {
  border-top-color: #f93926;
}

.tab-container.tab-colored-arrow-down.tab-right {
  /* --------------- Begin Tab Color for Colored Arrow Down --------------- */
  /* ============================
                Tab Color Default
            ============================ */
  /* ============================
                Tab Color Primary
            ============================ */
  /* ============================
                Tab Color Success
            ============================ */
  /* ============================
                Tab Color Info
            ============================ */
  /* ============================
                Tab Color Warning
            ============================ */
  /* ============================
                Tab Color Danger
            ============================ */
  /* --------------- End Tab Color for Colored Arrow Down --------------- */
}

.tab-container.tab-colored-arrow-down.tab-right .nav-tabs > li.active > a:before {
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  height: 0;
  width: 0;
  border: solid transparent;
  pointer-events: none;
  border-width: 8px;
  margin-top: -8px;
  border-right-color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-right.tab-default .nav-tabs > li.active > a {
  background: #0b1115;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-right.tab-default .nav-tabs > li.active > a:before {
  border-right-color: #0b1115;
}

.tab-container.tab-colored-arrow-down.tab-right.tab-primary .nav-tabs > li.active > a {
  background: #323c50;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-right.tab-primary .nav-tabs > li.active > a:before {
  border-right-color: #323c50;
}

.tab-container.tab-colored-arrow-down.tab-right.tab-success .nav-tabs > li.active > a {
  background: #27c24c;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-right.tab-success .nav-tabs > li.active > a:before {
  border-right-color: #27c24c;
}

.tab-container.tab-colored-arrow-down.tab-right.tab-info .nav-tabs > li.active > a {
  background: #00abe8;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-right.tab-info .nav-tabs > li.active > a:before {
  border-right-color: #00abe8;
}

.tab-container.tab-colored-arrow-down.tab-right.tab-warning .nav-tabs > li.active > a {
  background: #ff9c00;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-right.tab-warning .nav-tabs > li.active > a:before {
  border-right-color: #ff9c00;
}

.tab-container.tab-colored-arrow-down.tab-right.tab-danger .nav-tabs > li.active > a {
  background: #f93926;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-right.tab-danger .nav-tabs > li.active > a:before {
  border-right-color: #f93926;
}

.tab-container.tab-colored-arrow-down.tab-bottom {
  /* --------------- Begin Tab Color for Colored Arrow Down --------------- */
  /* ============================
                Tab Color Default
            ============================ */
  /* ============================
                Tab Color Primary
            ============================ */
  /* ============================
                Tab Color Success
            ============================ */
  /* ============================
                Tab Color Info
            ============================ */
  /* ============================
                Tab Color Warning
            ============================ */
  /* ============================
                Tab Color Danger
            ============================ */
  /* --------------- End Tab Color for Colored Arrow Down --------------- */
}

.tab-container.tab-colored-arrow-down.tab-bottom .nav-tabs > li.active > a:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  height: 0;
  width: 0;
  border: solid transparent;
  pointer-events: none;
  border-width: 8px;
  margin-left: -8px;
  border-bottom-color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-bottom.tab-default .nav-tabs > li.active > a {
  background: #0b1115;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-bottom.tab-default .nav-tabs > li.active > a:before {
  border-bottom-color: #0b1115;
}

.tab-container.tab-colored-arrow-down.tab-bottom.tab-primary .nav-tabs > li.active > a {
  background: #323c50;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-bottom.tab-primary .nav-tabs > li.active > a:before {
  border-bottom-color: #323c50;
}

.tab-container.tab-colored-arrow-down.tab-bottom.tab-success .nav-tabs > li.active > a {
  background: #27c24c;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-bottom.tab-success .nav-tabs > li.active > a:before {
  border-bottom-color: #27c24c;
}

.tab-container.tab-colored-arrow-down.tab-bottom.tab-info .nav-tabs > li.active > a {
  background: #00abe8;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-bottom.tab-info .nav-tabs > li.active > a:before {
  border-bottom-color: #00abe8;
}

.tab-container.tab-colored-arrow-down.tab-bottom.tab-warning .nav-tabs > li.active > a {
  background: #ff9c00;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-bottom.tab-warning .nav-tabs > li.active > a:before {
  border-bottom-color: #ff9c00;
}

.tab-container.tab-colored-arrow-down.tab-bottom.tab-danger .nav-tabs > li.active > a {
  background: #f93926;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-bottom.tab-danger .nav-tabs > li.active > a:before {
  border-bottom-color: #f93926;
}

.tab-container.tab-colored-arrow-down.tab-left {
  /* --------------- Begin Tab Color for Colored Arrow Down --------------- */
  /* ============================
                Tab Color Default
            ============================ */
  /* ============================
                Tab Color Primary
            ============================ */
  /* ============================
                Tab Color Success
            ============================ */
  /* ============================
                Tab Color Info
            ============================ */
  /* ============================
                Tab Color Warning
            ============================ */
  /* ============================
                Tab Color Danger
            ============================ */
  /* --------------- End Tab Color for Colored Arrow Down --------------- */
}

.tab-container.tab-colored-arrow-down.tab-left .nav-tabs > li.active > a:before {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  height: 0;
  width: 0;
  border: solid transparent;
  pointer-events: none;
  border-width: 8px;
  margin-top: -8px;
  border-left-color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-left.tab-default .nav-tabs > li.active > a {
  background: #0b1115;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-left.tab-default .nav-tabs > li.active > a:before {
  border-left-color: #0b1115;
}

.tab-container.tab-colored-arrow-down.tab-left.tab-primary .nav-tabs > li.active > a {
  background: #323c50;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-left.tab-primary .nav-tabs > li.active > a:before {
  border-left-color: #323c50;
}

.tab-container.tab-colored-arrow-down.tab-left.tab-success .nav-tabs > li.active > a {
  background: #27c24c;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-left.tab-success .nav-tabs > li.active > a:before {
  border-left-color: #27c24c;
}

.tab-container.tab-colored-arrow-down.tab-left.tab-info .nav-tabs > li.active > a {
  background: #00abe8;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-left.tab-info .nav-tabs > li.active > a:before {
  border-left-color: #00abe8;
}

.tab-container.tab-colored-arrow-down.tab-left.tab-warning .nav-tabs > li.active > a {
  background: #ff9c00;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-left.tab-warning .nav-tabs > li.active > a:before {
  border-left-color: #ff9c00;
}

.tab-container.tab-colored-arrow-down.tab-left.tab-danger .nav-tabs > li.active > a {
  background: #f93926;
  color: #ffffff;
}

.tab-container.tab-colored-arrow-down.tab-left.tab-danger .nav-tabs > li.active > a:before {
  border-left-color: #f93926;
}

.tab-container.tab-box-line {
  /* --------------- Begin Tab Color for Box Line --------------- */
  /* ============================
            Tab Color Default
        ============================ */
  /* ============================
            Tab Color Primary
        ============================ */
  /* ============================
            Tab Color Success
        ============================ */
  /* ============================
            Tab Color Info
        ============================ */
  /* ============================
            Tab Color Warning
        ============================ */
  /* ============================
            Tab Color Danger
        ============================ */
  /* --------------- End Tab Color for Box Line --------------- */
}

.tab-container.tab-box-line .nav-tabs > li > a {
  position: relative;
  z-index: 1;
  margin-right: 5px;
}

.tab-container.tab-box-line .nav-tabs > li > a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: #d2d8d6;
  -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, transform 0.3s;
  -webkit-transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
  transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
}

.tab-container.tab-box-line .nav-tabs > li.active > a {
  color: #ffffff !important;
}

.tab-container.tab-box-line .nav-tabs > li.active > a:after {
  background: #2CC185;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tab-container.tab-box-line.tab-default .nav-tabs > li.active > a:after {
  background: #0b1115;
}

.tab-container.tab-box-line.tab-primary .nav-tabs > li.active > a:after {
  background: #323c50;
}

.tab-container.tab-box-line.tab-success .nav-tabs > li.active > a:after {
  background: #27c24c;
}

.tab-container.tab-box-line.tab-info .nav-tabs > li.active > a:after {
  background: #00abe8;
}

.tab-container.tab-box-line.tab-warning .nav-tabs > li.active > a:after {
  background: #ff9c00;
}

.tab-container.tab-box-line.tab-danger .nav-tabs > li.active > a:after {
  background: #f93926;
}

/* ------------------------- End Tabs ------------------------- */
/* ------------------------- Begin Accordion ------------------------- */
/* ============================
    Accordion Default
============================ */
.accordion-default {
  margin-bottom: 20px;
}

.accordion-default .panel {
  margin-bottom: 5px;
  background-color: #ffffff;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.07);
}

.accordion-default .panel > .panel-heading {
  padding: 0;
  background: #ffffff;
  text-transform: uppercase;
  border-color: transparent;
}

.accordion-default .panel > .panel-heading > .panel-title {
  font-size: 13px;
  font-weight: 700;
}

.accordion-default .panel > .panel-heading > .panel-title a {
  text-decoration: none;
  position: relative;
  display: block;
  padding: 15px;
}

.accordion-default .panel > .panel-heading > .panel-title a:hover, .accordion-default .panel > .panel-heading > .panel-title a:focus {
  text-decoration: none;
}

.accordion-default .panel > .panel-heading > .panel-title a.collapsed:after {
  content: "\f055";
}

.accordion-default .panel > .panel-heading > .panel-title a:after {
  font-family: "FontAwesome";
  content: "\f056";
  position: absolute;
  right: 15px;
}

.accordion-default .panel.panel-default > .panel-heading {
  background: #ffffff;
  color: #6a6c6f;
}

.accordion-default .panel.panel-primary > .panel-heading {
  background: #323c50;
  color: #ffffff;
}

.accordion-default .panel.panel-success > .panel-heading {
  background: #27c24c;
  color: #ffffff;
}

.accordion-default .panel.panel-info > .panel-heading {
  background: #00abe8;
  color: #ffffff;
}

.accordion-default .panel.panel-warning > .panel-heading {
  background: #ff9c00;
  color: #ffffff;
}

.accordion-default .panel.panel-danger > .panel-heading {
  background: #f93926;
  color: #ffffff;
}

/* ============================
    Accordion Sticked
============================ */
.accordion-sticked {
  margin-bottom: 20px;
}

.accordion-sticked .panel {
  margin-bottom: 0px;
  background-color: #ffffff;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.07);
}

.accordion-sticked .panel > .panel-heading {
  padding: 0;
  background: #ffffff;
  text-transform: uppercase;
  border-color: transparent;
}

.accordion-sticked .panel > .panel-heading > .panel-title {
  font-size: 13px;
  font-weight: 700;
}

.accordion-sticked .panel > .panel-heading > .panel-title a {
  text-decoration: none;
  position: relative;
  display: block;
  padding: 15px;
}

.accordion-sticked .panel > .panel-heading > .panel-title a:hover, .accordion-sticked .panel > .panel-heading > .panel-title a:focus {
  text-decoration: none;
}

.accordion-sticked .panel > .panel-heading > .panel-title a.collapsed:after {
  content: "\f055";
}

.accordion-sticked .panel > .panel-heading > .panel-title a:after {
  font-family: "FontAwesome";
  content: "\f056";
  position: absolute;
  right: 15px;
}

.accordion-sticked .panel.panel-default > .panel-heading {
  background: #ffffff;
  color: #6a6c6f;
}

.accordion-sticked .panel.panel-primary > .panel-heading {
  background: #323c50;
  color: #ffffff;
}

.accordion-sticked .panel.panel-success > .panel-heading {
  background: #27c24c;
  color: #ffffff;
}

.accordion-sticked .panel.panel-info > .panel-heading {
  background: #00abe8;
  color: #ffffff;
}

.accordion-sticked .panel.panel-warning > .panel-heading {
  background: #ff9c00;
  color: #ffffff;
}

.accordion-sticked .panel.panel-danger > .panel-heading {
  background: #f93926;
  color: #ffffff;
}

/* ============================
    Accordion Centered Title
============================ */
.accordion-centered-title {
  margin-bottom: 20px;
}

.accordion-centered-title .panel {
  margin-bottom: 0px;
  background-color: #ffffff;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.07);
}

.accordion-centered-title .panel > .panel-heading {
  padding: 0;
  background: #ffffff;
  text-align: center;
  text-transform: uppercase;
  border-color: transparent;
}

.accordion-centered-title .panel > .panel-heading > .panel-title {
  font-size: 13px;
  font-weight: 700;
}

.accordion-centered-title .panel > .panel-heading > .panel-title a {
  text-decoration: none;
  position: relative;
  display: block;
  padding: 15px;
}

.accordion-centered-title .panel > .panel-heading > .panel-title a:hover, .accordion-centered-title .panel > .panel-heading > .panel-title a:focus {
  text-decoration: none;
}

.accordion-centered-title .panel > .panel-heading > .panel-title a.collapsed:after {
  content: "\f055";
}

.accordion-centered-title .panel > .panel-heading > .panel-title a:after {
  font-family: "FontAwesome";
  content: "\f056";
  position: absolute;
  left: 15px;
}

.accordion-centered-title .panel.panel-default > .panel-heading {
  background: #ffffff;
  color: #6a6c6f;
}

.accordion-centered-title .panel.panel-primary > .panel-heading {
  background: #323c50;
  color: #ffffff;
}

.accordion-centered-title .panel.panel-success > .panel-heading {
  background: #27c24c;
  color: #ffffff;
}

.accordion-centered-title .panel.panel-info > .panel-heading {
  background: #00abe8;
  color: #ffffff;
}

.accordion-centered-title .panel.panel-warning > .panel-heading {
  background: #ff9c00;
  color: #ffffff;
}

.accordion-centered-title .panel.panel-danger > .panel-heading {
  background: #f93926;
  color: #ffffff;
}

/* ============================
    Accordion Colored Icon
============================ */
.accordion-colored-icon {
  margin-bottom: 20px;
}

.accordion-colored-icon .panel {
  margin-bottom: 0px;
  background-color: #ffffff;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.07);
}

.accordion-colored-icon .panel > .panel-heading {
  padding: 0;
  background: #ffffff;
  text-align: center;
  text-transform: uppercase;
  border: none;
}

.accordion-colored-icon .panel > .panel-heading > .panel-title {
  font-size: 13px;
  font-weight: 700;
}

.accordion-colored-icon .panel > .panel-heading > .panel-title a {
  text-decoration: none;
  position: relative;
  display: block;
  color: #6a6c6f;
  padding: 15px;
  border-bottom: solid 1px #ddd;
}

.accordion-colored-icon .panel > .panel-heading > .panel-title a:hover, .accordion-colored-icon .panel > .panel-heading > .panel-title a:focus {
  text-decoration: none;
}

.accordion-colored-icon .panel > .panel-heading > .panel-title a.collapsed:after {
  content: "\f055";
}

.accordion-colored-icon .panel > .panel-heading > .panel-title a:after {
  font-family: "FontAwesome";
  content: "\f056";
  position: absolute;
  left: 0px;
  top: 0;
  bottom: -1px;
  font-size: 16px;
  background: #adadad;
  color: #ffffff;
  padding: 15px 20px;
}

.accordion-colored-icon .panel.panel-default > .panel-heading a:after {
  background: #adadad;
}

.accordion-colored-icon .panel.panel-primary > .panel-heading a:after {
  background: #323c50;
}

.accordion-colored-icon .panel.panel-success > .panel-heading a:after {
  background: #27c24c;
}

.accordion-colored-icon .panel.panel-info > .panel-heading a:after {
  background: #00abe8;
}

.accordion-colored-icon .panel.panel-warning > .panel-heading a:after {
  background: #ff9c00;
}

.accordion-colored-icon .panel.panel-danger > .panel-heading a:after {
  background: #f93926;
}

/* ----------------------------------------------------
 *  7. Accordion
 *
 *  This part of the CSS only
 *  contains the over ride CSS for bootstrap tabs
 *  and contains the CSS for extra accordions that are 
 *  available.
 * ---------------------------------------------------- */
/* ============================
    Accordion Default
============================ */
.accordion-default {
  margin-bottom: 20px;
}

.accordion-default .panel {
  margin-bottom: 5px;
  background-color: #ffffff;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.07);
}

.accordion-default .panel > .panel-heading {
  padding: 0;
  background: #ffffff;
  text-transform: uppercase;
  border-color: transparent;
}

.accordion-default .panel > .panel-heading > .panel-title {
  font-size: 13px;
  font-weight: 500;
}

.accordion-default .panel > .panel-heading > .panel-title a {
  text-decoration: none;
  position: relative;
  display: block;
  padding: 15px 15px 15px 40px;
}

.accordion-default .panel > .panel-heading > .panel-title a:hover, .accordion-default .panel > .panel-heading > .panel-title a:focus {
  text-decoration: none;
}

.accordion-default .panel > .panel-heading > .panel-title a.collapsed:after {
  content: "\f055";
}

.accordion-default .panel > .panel-heading > .panel-title a:after {
  font-family: "FontAwesome";
  content: "\f056";
  position: absolute;
  left: 15px;
}

.accordion-default .panel.panel-default > .panel-heading {
  background: #ffffff;
  color: #0b1115;
}

.accordion-default .panel.panel-primary > .panel-heading {
  background: #323c50;
  color: #ffffff;
}

.accordion-default .panel.panel-success > .panel-heading {
  background: #27c24c;
  color: #ffffff;
}

.accordion-default .panel.panel-info > .panel-heading {
  background: #00abe8;
  color: #ffffff;
}

.accordion-default .panel.panel-warning > .panel-heading {
  background: #ff9c00;
  color: #ffffff;
}

.accordion-default .panel.panel-danger > .panel-heading {
  background: #f93926;
  color: #ffffff;
}

/* ============================
    Accordion Default - Right
============================ */
.accordion-icon-right {
  margin-bottom: 20px;
}

.accordion-icon-right .panel {
  margin-bottom: 5px;
  background-color: #ffffff;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.07);
}

.accordion-icon-right .panel > .panel-heading {
  padding: 0;
  background: #ffffff;
  text-transform: uppercase;
  border-color: transparent;
}

.accordion-icon-right .panel > .panel-heading > .panel-title {
  font-size: 13px;
  font-weight: 700;
}

.accordion-icon-right .panel > .panel-heading > .panel-title a {
  text-decoration: none;
  position: relative;
  display: block;
  padding: 15px;
}

.accordion-icon-right .panel > .panel-heading > .panel-title a:hover, .accordion-icon-right .panel > .panel-heading > .panel-title a:focus {
  text-decoration: none;
}

.accordion-icon-right .panel > .panel-heading > .panel-title a.collapsed:after {
  content: "\f055";
}

.accordion-icon-right .panel > .panel-heading > .panel-title a:after {
  font-family: "FontAwesome";
  content: "\f056";
  position: absolute;
  right: 15px;
}

.accordion-icon-right .panel.panel-default > .panel-heading {
  background: #ffffff;
  color: #0b1115;
}

.accordion-icon-right .panel.panel-primary > .panel-heading {
  background: #323c50;
  color: #ffffff;
}

.accordion-icon-right .panel.panel-success > .panel-heading {
  background: #27c24c;
  color: #ffffff;
}

.accordion-icon-right .panel.panel-info > .panel-heading {
  background: #00abe8;
  color: #ffffff;
}

.accordion-icon-right .panel.panel-warning > .panel-heading {
  background: #ff9c00;
  color: #ffffff;
}

.accordion-icon-right .panel.panel-danger > .panel-heading {
  background: #f93926;
  color: #ffffff;
}

/* ============================
    Accordion Sticked
============================ */
.accordion-sticked {
  margin-bottom: 20px;
}

.accordion-sticked .panel {
  margin-bottom: 0px;
  background-color: #ffffff;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.07);
}

.accordion-sticked .panel > .panel-heading {
  padding: 0;
  background: #ffffff;
  text-transform: uppercase;
  border-color: transparent;
}

.accordion-sticked .panel > .panel-heading > .panel-title {
  font-size: 13px;
  font-weight: 700;
}

.accordion-sticked .panel > .panel-heading > .panel-title a {
  text-decoration: none;
  position: relative;
  display: block;
  padding: 15px;
}

.accordion-sticked .panel > .panel-heading > .panel-title a:hover, .accordion-sticked .panel > .panel-heading > .panel-title a:focus {
  text-decoration: none;
}

.accordion-sticked .panel > .panel-heading > .panel-title a.collapsed:after {
  content: "\f055";
}

.accordion-sticked .panel > .panel-heading > .panel-title a:after {
  font-family: "FontAwesome";
  content: "\f056";
  position: absolute;
  right: 15px;
}

.accordion-sticked .panel.panel-default > .panel-heading {
  background: #ffffff;
  color: #0b1115;
}

.accordion-sticked .panel.panel-primary > .panel-heading {
  background: #323c50;
  color: #ffffff;
}

.accordion-sticked .panel.panel-success > .panel-heading {
  background: #27c24c;
  color: #ffffff;
}

.accordion-sticked .panel.panel-info > .panel-heading {
  background: #00abe8;
  color: #ffffff;
}

.accordion-sticked .panel.panel-warning > .panel-heading {
  background: #ff9c00;
  color: #ffffff;
}

.accordion-sticked .panel.panel-danger > .panel-heading {
  background: #f93926;
  color: #ffffff;
}

/* ============================
    Accordion Centered Title
============================ */
.accordion-centered-title {
  margin-bottom: 20px;
}

.accordion-centered-title .panel {
  margin-bottom: 0px;
  background-color: #ffffff;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.07);
}

.accordion-centered-title .panel > .panel-heading {
  padding: 0;
  background: #ffffff;
  text-align: center;
  text-transform: uppercase;
  border-color: transparent;
}

.accordion-centered-title .panel > .panel-heading > .panel-title {
  font-size: 13px;
  font-weight: 700;
}

.accordion-centered-title .panel > .panel-heading > .panel-title a {
  text-decoration: none;
  position: relative;
  display: block;
  padding: 15px;
}

.accordion-centered-title .panel > .panel-heading > .panel-title a:hover, .accordion-centered-title .panel > .panel-heading > .panel-title a:focus {
  text-decoration: none;
}

.accordion-centered-title .panel > .panel-heading > .panel-title a.collapsed:after {
  content: "\f055";
}

.accordion-centered-title .panel > .panel-heading > .panel-title a:after {
  font-family: "FontAwesome";
  content: "\f056";
  position: absolute;
  left: 15px;
}

.accordion-centered-title .panel.panel-default > .panel-heading {
  background: #ffffff;
  color: #0b1115;
}

.accordion-centered-title .panel.panel-primary > .panel-heading {
  background: #323c50;
  color: #ffffff;
}

.accordion-centered-title .panel.panel-success > .panel-heading {
  background: #27c24c;
  color: #ffffff;
}

.accordion-centered-title .panel.panel-info > .panel-heading {
  background: #00abe8;
  color: #ffffff;
}

.accordion-centered-title .panel.panel-warning > .panel-heading {
  background: #ff9c00;
  color: #ffffff;
}

.accordion-centered-title .panel.panel-danger > .panel-heading {
  background: #f93926;
  color: #ffffff;
}

/* ============================
    Accordion Colored Icon
============================ */
.accordion-colored-icon {
  margin-bottom: 20px;
}

.accordion-colored-icon .panel {
  margin-bottom: 0px;
  background-color: #ffffff;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.07);
}

.accordion-colored-icon .panel > .panel-heading {
  padding: 0;
  background: #ffffff;
  text-align: left;
  text-transform: uppercase;
  border: none;
}

.accordion-colored-icon .panel > .panel-heading > .panel-title {
  font-size: 13px;
  font-weight: 700;
}

.accordion-colored-icon .panel > .panel-heading > .panel-title a {
  text-decoration: none;
  position: relative;
  display: block;
  color: #0b1115;
  padding: 15px;
  border-bottom: solid 1px #ddd;
  padding-left: 70px;
}

.accordion-colored-icon .panel > .panel-heading > .panel-title a:hover, .accordion-colored-icon .panel > .panel-heading > .panel-title a:focus {
  text-decoration: none;
}

.accordion-colored-icon .panel > .panel-heading > .panel-title a.collapsed:after {
  content: "\f055";
}

.accordion-colored-icon .panel > .panel-heading > .panel-title a:after {
  font-family: "FontAwesome";
  content: "\f056";
  position: absolute;
  left: 0px;
  top: 0;
  bottom: -1px;
  font-size: 16px;
  background: #adadad;
  color: #ffffff;
  padding: 15px 20px;
}

.accordion-colored-icon .panel.panel-default > .panel-heading a:after {
  background: #adadad;
}

.accordion-colored-icon .panel.panel-primary > .panel-heading a:after {
  background: #323c50;
}

.accordion-colored-icon .panel.panel-success > .panel-heading a:after {
  background: #27c24c;
}

.accordion-colored-icon .panel.panel-info > .panel-heading a:after {
  background: #00abe8;
}

.accordion-colored-icon .panel.panel-warning > .panel-heading a:after {
  background: #ff9c00;
}

.accordion-colored-icon .panel.panel-danger > .panel-heading a:after {
  background: #f93926;
}

/* ============================
    Accordion Transparent
============================ */
.accordion-transparent .panel {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

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

/* ----------------------------------------------------
 *  8. Forms
 *  
 *  Contains both overridden and extra CSS
 *  that are added for all the components
 *  that we are using.
 * ---------------------------------------------------- */
/* ------------------------- Begin Input ------------------------- */
.form-group-default {
  position: relative;
  padding-top: 23px;
}

.form-group-default label {
  text-transform: uppercase;
  position: absolute;
  display: block;
  top: 0;
  left: 15px;
}

.form-group-default label:first-child {
  -webkit-transform: translate3d(0, 38px, 0);
  -moz-transform: translate3d(0, 38px, 0);
  transform: translate3d(0, 38px, 0);
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}

.form-group-default.form-group-default-lg label:first-child {
  -webkit-transform: translate3d(0, 43px, 0);
  -moz-transform: translate3d(0, 43px, 0);
  transform: translate3d(0, 43px, 0);
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}

.form-group-default.form-group-default-lg input {
  height: 55px;
  line-height: 35px;
}

.form-group-default.form-group-default-sm label:first-child {
  -webkit-transform: translate3d(0, 33px, 0);
  -moz-transform: translate3d(0, 33px, 0);
  transform: translate3d(0, 33px, 0);
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}

.form-group-default.form-group-default-sm input {
  height: 35px;
  padding: 5px 10px;
  line-height: 25px;
}

.form-group-default.input--filled label:first-child {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.form-group-default.input--filled input {
  background: #e5e5e5;
}

/* ------------------------- End Input ------------------------- */
/* ------------------------- Begin Material Design Input ------------------------- */
.md-group {
  position: relative;
   margin-bottom: 30px;
/* Modified
 margin-bottom: 45px;*/
}

.md-group input {
  font-size: 13px;
  padding: 10px 10px 10px 5px;
  display: block;
  border: none;
  font-weight:400;
  border-bottom: 1px solid #757575;
}

.md-group input:focus {
  outline: none;
}

.md-group input:focus ~ label,
.md-group input:valid ~ label {
  /* modified top: -20px;
  font-size: 13px;
  color: #323c50; */
      top: -20px;
    font-size: 11px;
    font-weight: 600;
    color: #323c50;
}

.md-group input:focus ~ .md-bar:before,
.md-group input:focus ~ .md-bar:after {
  width: 50%;
}

.md-group input:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  -ms-animation: inputHighlighter 0.3s ease;
  -o-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}

.md-group label {
 /*modified color: #999; font-weight: 600; */
  color:#323c50;
  font-size: 11px;
  font-weight: 600;
 
  position: absolute;
  pointer-events: none;
  text-transform: uppercase;
  margin: 0;
 /*modified top: 15px;*/
 bottom:50px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -ms-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
  
}

.md-group .md-bar {
  position: relative;
  display: block;
}

.md-group .md-bar:before, .md-group .md-bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #5264AE;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.md-group .md-bar:before {
  left: 50%;
}

.md-group .md-bar:after {
  right: 50%;
}

.md-group .md-highlight {
  position: absolute;
  height: 60%;
  width: auto;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}

/* ==== Input Animation ==== */
@-webkit-keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}

@-moz-keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}

@-ms-keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}

@-o-keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}

@keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}

/* ------------------------- End Material Design Input ------------------------- */
/* ------------------------- Begin Checkbox ------------------------- */
.checkbox-default {
  position: relative;
  line-height: 135%;
  cursor: pointer;
}

.checkbox-default > input {
  position: relative;
  margin: 0 5px 0 0;
  cursor: pointer;
  display: none;
}

.checkbox-default > input:checked ~ span:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: 8px;
  top: 0px;
  border-color: #323c50;
  border-top-style: none;
  border-right-style: none;
}

.checkbox-default > span {
  margin-left: 5px;
}

.checkbox-default > span:before {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  z-index: 1;
  width: 18px;
  height: 18px;
  border: 2px solid #ddd;
}

.checkbox-default.primary input:checked ~ span:before {
  border-color: #323c50;
}

.checkbox-default.success input:checked ~ span:before {
  border-color: #27c24c;
}

.checkbox-default.info input:checked ~ span:before {
  border-color: #00abe8;
}

.checkbox-default.warning input:checked ~ span:before {
  border-color: #ff9c00;
}

.checkbox-default.danger input:checked ~ span:before {
  border-color: #f93926;
}

/* ------------------------- End Checkbox ------------------------- */
/* ------------------------- Begin Radio ------------------------- */
.radio-default {
  /* Remove default Radio Buttons */
  /* Unchecked styles */
  /* Checked styles */
  /* Radio With gap */
  /* Disabled style */
}

.radio-default [type="radio"]:not(:checked),
.radio-default [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}

.radio-default [type="radio"]:not(:checked) + label,
.radio-default [type="radio"]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  -webkit-transition: 0.28s ease;
  -moz-transition: 0.28s ease;
  transition: 0.28s ease;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}

.radio-default [type="radio"] + label:before,
.radio-default [type="radio"] + label:after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: 0.28s ease;
  -moz-transition: 0.28s ease;
  transition: 0.28s ease;
}

.radio-default [type="radio"]:not(:checked) + label:before {
  border-radius: 50%;
  border: 2px solid #5a5a5a;
}

.radio-default [type="radio"]:not(:checked) + label:after {
  border-radius: 50%;
  border: 2px solid #5a5a5a;
  z-index: -1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
}

.radio-default [type="radio"]:checked + label:before {
  border-radius: 50%;
  border: 2px solid transparent;
}

.radio-default [type="radio"]:checked + label:after {
  border-radius: 50%;
  border: 2px solid #323c50;
  background-color: #323c50;
  z-index: 0;
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  transform: scale(1.02);
}

.radio-default [type="radio"].with-gap:checked + label:before {
  border-radius: 50%;
  border: 2px solid #323c50;
}

.radio-default [type="radio"].with-gap:checked + label:after {
  border-radius: 50%;
  border: 2px solid #323c50;
  background-color: #323c50;
  z-index: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
}

.radio-default [type="radio"]:disabled:not(:checked) + label:before,
.radio-default [type="radio"]:disabled:checked + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26);
}

.radio-default [type="radio"]:disabled + label {
  color: rgba(0, 0, 0, 0.26);
}

.radio-default [type="radio"]:disabled:not(:checked) + label:hover:before {
  border-color: rgba(0, 0, 0, 0.26);
}

.radio-default.primary {
  /* Radio With gap */
}

.radio-default.primary [type="radio"]:checked + label:after {
  border: 2px solid #323c50;
  background-color: #323c50;
}

.radio-default.primary [type="radio"].with-gap:checked + label:before {
  border: 2px solid #323c50;
}

.radio-default.primary [type="radio"].with-gap:checked + label:after {
  border: 2px solid #323c50;
  background-color: #323c50;
}

.radio-default.success {
  /* Radio With gap */
}

.radio-default.success [type="radio"]:checked + label:after {
  border: 2px solid #27c24c;
  background-color: #27c24c;
}

.radio-default.success [type="radio"].with-gap:checked + label:before {
  border: 2px solid #27c24c;
}

.radio-default.success [type="radio"].with-gap:checked + label:after {
  border: 2px solid #27c24c;
  background-color: #27c24c;
}

.radio-default.info {
  /* Radio With gap */
}

.radio-default.info [type="radio"]:checked + label:after {
  border: 2px solid #00abe8;
  background-color: #00abe8;
}

.radio-default.info [type="radio"].with-gap:checked + label:before {
  border: 2px solid #00abe8;
}

.radio-default.info [type="radio"].with-gap:checked + label:after {
  border: 2px solid #00abe8;
  background-color: #00abe8;
}

.radio-default.warning {
  /* Radio With gap */
}

.radio-default.warning [type="radio"]:checked + label:after {
  border: 2px solid #ff9c00;
  background-color: #ff9c00;
}

.radio-default.warning [type="radio"].with-gap:checked + label:before {
  border: 2px solid #ff9c00;
}

.radio-default.warning [type="radio"].with-gap:checked + label:after {
  border: 2px solid #ff9c00;
  background-color: #ff9c00;
}

.radio-default.danger {
  /* Radio With gap */
}

.radio-default.danger [type="radio"]:checked + label:after {
  border: 2px solid #f93926;
  background-color: #f93926;
}

.radio-default.danger [type="radio"].with-gap:checked + label:before {
  border: 2px solid #f93926;
}

.radio-default.danger [type="radio"].with-gap:checked + label:after {
  border: 2px solid #f93926;
  background-color: #f93926;
}

/* ------------------------- End Radio ------------------------- */
/* ------------------------- Begin Switch ------------------------- */
.switch,
.switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.switch {
  margin: 10px 0;
}

.switch label {
  cursor: pointer;
  /*font-family: "Montserrat", sans-serif;*/
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch label input[type=checkbox]:checked + .lever {
  background-color: #cbcad6;
}

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #323c50;
}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(114, 102, 186, 0.1);
}

.switch label input[type=checkbox]:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
}

.switch label input[type=checkbox]:checked + .lever:after {
  left: 24px;
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 40px;
  height: 15px;
  background-color: #cbcad6;
  border-radius: 15px;
  margin-right: 10px;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0px 16px;
}

.switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-color: #F1F1F1;
  border-radius: 21px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -3px;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}

.switch.primary label input[type=checkbox]:checked + .lever {
  background-color: #cbcad6;
}

.switch.primary label input[type=checkbox]:checked + .lever:after {
  background-color: #323c50;
}

.switch.success label input[type=checkbox]:checked + .lever {
  background-color: #95d3a4;
}

.switch.success label input[type=checkbox]:checked + .lever:after {
  background-color: #27c24c;
}

.switch.info label input[type=checkbox]:checked + .lever {
  background-color: #7bcfec;
}

.switch.info label input[type=checkbox]:checked + .lever:after {
  background-color: #00abe8;
}

.switch.warning label input[type=checkbox]:checked + .lever {
  background-color: #efca8f;
}

.switch.warning label input[type=checkbox]:checked + .lever:after {
  background-color: #ff9c00;
}

.switch.danger label input[type=checkbox]:checked + .lever {
  background-color: #f0b4ae;
}

.switch.danger label input[type=checkbox]:checked + .lever:after {
  background-color: #f93926;
}

.switch input[type=checkbox][disabled] + .lever {
  cursor: default;
}

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #BDBDBD;
}

/* ------------------------- End Switch ------------------------- */
/* ------------------------- Begin Form Horizontal ------------------------- */
.form-horizontal .control-label {
  padding: 0 15px;
  line-height: 45px;
}

/* ------------------------- End Form Horizontal ------------------------- */
/*
 *  Validation
 * ========================================================= */
.form-group input.error {
  border-color: #f93926;
}

.form-group input.valid {
  border-color: #27c24c;
}

.form-group label.error {
  display: block;
  position: static;
  font-weight: normal;
  font-size: 10.2px;
  color: #f93926;
  padding: 5px 0;
}

.form-group.form-group-default label.error {
  padding: 5px 5px;
}

/*
 *  Dropzone
 * ========================================================= */
.dropzone {
  min-height: 200px;
  border: dashed 2px #ddd;
  position: relative;
  margin-bottom: 15px;
}

.dropzone .dz-message {
  /*font-family: "Montserrat", sans-serif;*/
  margin: 40px 0;
}

/*
 *  Typeahead
 * ========================================================= */
.twitter-typeahead {
  width: 100%;
}

.twitter-typeahead .tt-menu {
  width: 100%;
  background: #ffffff;
}

.twitter-typeahead .tt-menu .tt-dataset .tt-suggestion {
  padding: 15px;
  border-bottom: solid 1px #f9f9f9;
}

.twitter-typeahead .tt-menu .tt-dataset .tt-suggestion.tt-cursor {
  background: #f2fcff;
}

.twitter-typeahead .tt-menu .tt-dataset .tt-suggestion:hover {
  background: #f2fcff;
}

/*
 *  Select 2
 * ========================================================= */
.select2 {
  display: block;
  width: 100% !important;
}

.select2 .selection .select2-selection {
  padding: 10px 15px;
  border: 1px solid #e5e5e5;
  box-shadow: none;
  background: #ffffff;
  border-radius: 0;
}

.select2 .selection .select2-selection.select2-selection--single {
  height: 45px;
}

.select2 .selection .select2-selection.select2-selection--single .select-selection__rendered {
  line-height: 25px;
}

.select2 .selection .select2-selection .select2-selection__rendered {
  padding: 0;
  font-size: 14px;
}

.select2 .selection .select2-selection .select2-selection__rendered .select2-selection__choice {
  margin: 0 5px 5px 0;
  background: #eee;
}

.select2 .selection .select2-selection .select2-selection__arrow {
  height: 45px;
  right: 10px;
}

/* ----------------------------------------------------
 *  9. Pricing Table
 *
 *  Contains all the CSS codes for all the pricing tables
 *  shown in the demo
 * ---------------------------------------------------- */
.pricing-table-default {
  background: #ffffff;
  box-shadow: 0 1px 2px #ddd;
  overflow: hidden;
  margin-bottom: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}

.pricing-table-default:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  transform: scale(1.03);
}

.pricing-table-default .plan-name {
  padding-top: 25px;
  color: #ffffff !important;
}

.pricing-table-default .plan-name .plan-icon {
  padding: 15px 0;
}

.pricing-table-default .plan-name .plan-price {
  padding: 10px 0;
}

.pricing-table-default .plan-description > p {
  padding: 10px 10px;
  margin: 0;
}

.pricing-table-default .plan-description > p:last-child {
  margin-bottom: 10px;
}

.pricing-table-default .order-now {
  padding: 10px 0;
}

.pricing-table-default .order-now a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
}

.pricing-table-default .order-now a:hover {
  text-decoration: none;
  color: #ffffff;
}

.pricing-table-default.plan-basic .plan-name {
  background: #f93926;
}

.pricing-table-default.plan-basic .plan-name .plan-price {
  background: #f51c07;
}

.pricing-table-default.plan-basic .order-now {
  background: #f93926;
}

.pricing-table-default.plan-express .plan-name {
  background: #ff9c00;
}

.pricing-table-default.plan-express .plan-name .plan-price {
  background: #db8600;
}

.pricing-table-default.plan-express .order-now {
  background: #ff9c00;
}

.pricing-table-default.plan-business .plan-name {
  background: #00abe8;
}

.pricing-table-default.plan-business .plan-name .plan-price {
  background: #0091c4;
}

.pricing-table-default.plan-business .order-now {
  background: #00abe8;
}

.pricing-table-default.plan-platinum .plan-name {
  background: #27c24c;
}

.pricing-table-default.plan-platinum .plan-name .plan-price {
  background: #21a440;
}

.pricing-table-default.plan-platinum .order-now {
  background: #27c24c;
}

.pricing-table-border {
  position: relative;
  padding: 25px 15px;
  color: #6a6c6f;
  border: solid 2px;
  border-color: transparent;
  background-color: transparent;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition: background 0.6s;
  -moz-transition: background 0.6s;
  transition: background 0.6s;
  border-radius: 4px;
}

.pricing-table-border .plan-name .plan-price {
  margin: 25px 0 20px 0;
}

.pricing-table-border .plan-name .plan-price > strong {
  font-size: 48px;
}

.pricing-table-border .plan-name .plan-price > sup {
  font-size: 32px;
}

.pricing-table-border .plan-description p {
  padding: 10px 15px;
}

.pricing-table-border .order-now {
  padding: 10px 0;
}

.pricing-table-border .order-now button {
  background: #323c50;
  display: block;
  width: 100%;
  border-radius: 0;
  padding: 10px 15px;
  border: none;
  opacity: 0;
  -webkit-transform: translate3d(0, -15px, 0);
  -moz-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}

.pricing-table-border:hover {
  background-color: #ffffff;
  box-shadow: 0 4px 6px #ddd;
}



.pricing-table-border:hover .plan-name i {
  color: #323c50;
}

.pricing-table-border:hover .plan-name .plan-price {
  color: #0b1115;
}

.pricing-table-border:hover .order-now button {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.pricing-table-gradient {
  padding: 35px 35px;
  background: #ffffff;
  box-shadow: 0 4px 6px #ddd;
  border-radius: 4px;
}

.pricing-table-gradient .plan-name .plan-icon i {
  background: #eee;
  height: 100px;
  width: 100px;
  line-height: 100px;
  border-radius: 50%;
}

.pricing-table-gradient .plan-name .plan-price {
  font-size: 48px;
  line-height: 50px;
  margin: 10px 0;
}

.pricing-table-gradient .plan-name .plan-price strong {
  color: #0b1115;
}

.pricing-table-gradient .plan-name .plan-price sup {
  font-size: 16px;
  top: -25px;
  color: #0b1115;
}

.pricing-table-gradient .plan-description p {
  padding: 10px 15px;
  font-size: 12px;
  color: #aaa;
  text-transform: uppercase;
}

.pricing-table-gradient .plan-buy {
  margin-top: 25px;
}

.pricing-table-gradient .plan-buy button {
  text-transform: uppercase;
  border: none;
  display: block;
  width: 100%;
  padding: 15px;
  color: #ffffff;
  background: #fe75bd;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.pricing-table-gradient .plan-buy button i {
  font-size: 14px;
  margin-right: 5px;
}

/* ----------------------------------------------------
 *  10. Tooltip
 *  
 *  Contains the over ride CSS for bootstrap tooltips
 *  and extra contextual tooltip CSS
 * ---------------------------------------------------- */
/* ====== Tooltip Override ===== 
------------------------------------------------------------ */
.tooltip {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  text-transform: uppercase;
  font-size: 10.2px;
  z-index: 99999;
}

.tooltip > .tooltip-inner {
  padding: 10px 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.tooltip.in {
  opacity: 1;
}

/* ====== Tooltip Primary ===== 
------------------------------------------------------------ */
.tooltip-primary + .tooltip > .tooltip-inner {
  background-color: #323c50;
}

.tooltip-primary + .tooltip.top > .tooltip-arrow {
  border-top-color: #323c50;
}

.tooltip-primary + .tooltip.right > .tooltip-arrow {
  border-right-color: #323c50;
}

.tooltip-primary + .tooltip.bottom > .tooltip-arrow {
  border-bottom-color: #323c50;
}

.tooltip-primary + .tooltip.left > .tooltip-arrow {
  border-left-color: #323c50;
}

/* ====== Tooltip Success ===== 
------------------------------------------------------------ */
.tooltip-success + .tooltip > .tooltip-inner {
  background-color: #27c24c;
}

.tooltip-success + .tooltip.top > .tooltip-arrow {
  border-top-color: #27c24c;
}

.tooltip-success + .tooltip.right > .tooltip-arrow {
  border-right-color: #27c24c;
}

.tooltip-success + .tooltip.bottom > .tooltip-arrow {
  border-bottom-color: #27c24c;
}

.tooltip-success + .tooltip.left > .tooltip-arrow {
  border-left-color: #27c24c;
}

/* ====== Tooltip Info ===== 
------------------------------------------------------------ */
.tooltip-info + .tooltip > .tooltip-inner {
  background-color: #00abe8;
}

.tooltip-info + .tooltip.top > .tooltip-arrow {
  border-top-color: #00abe8;
}

.tooltip-info + .tooltip.right > .tooltip-arrow {
  border-right-color: #00abe8;
}

.tooltip-info + .tooltip.bottom > .tooltip-arrow {
  border-bottom-color: #00abe8;
}

.tooltip-info + .tooltip.left > .tooltip-arrow {
  border-left-color: #00abe8;
}

/* ====== Tooltip Warning ===== 
------------------------------------------------------------ */
.tooltip-warning + .tooltip > .tooltip-inner {
  background-color: #ff9c00;
}

.tooltip-warning + .tooltip.top > .tooltip-arrow {
  border-top-color: #ff9c00;
}

.tooltip-warning + .tooltip.right > .tooltip-arrow {
  border-right-color: #ff9c00;
}

.tooltip-warning + .tooltip.bottom > .tooltip-arrow {
  border-bottom-color: #ff9c00;
}

.tooltip-warning + .tooltip.left > .tooltip-arrow {
  border-left-color: #ff9c00;
}

/* ====== Tooltip Danger ===== 
------------------------------------------------------------ */
.tooltip-danger + .tooltip > .tooltip-inner {
  background-color: #f93926;
}

.tooltip-danger + .tooltip.top > .tooltip-arrow {
  border-top-color: #f93926;
}

.tooltip-danger + .tooltip.right > .tooltip-arrow {
  border-right-color: #f93926;
}

.tooltip-danger + .tooltip.bottom > .tooltip-arrow {
  border-bottom-color: #f93926;
}

.tooltip-danger + .tooltip.left > .tooltip-arrow {
  border-left-color: #f93926;
}

/* ====== Alerts Override ===== 
------------------------------------------------------------ */
.alert {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  padding: 15px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  box-shadow: 0 7px 4px -3px rgba(0, 0, 0, 0.3);
}

.alert.alert-primary {
  background: #e3e1f1;
  color: #4d4292;
}

.alert.alert-primary .close {
  color: #4d4292;
}

.alert.alert-success {
  background: #d7f7df;
  color: #1a8233;
}

.alert.alert-success .close {
  color: #1a8233;
}

.alert.alert-info {
  background: #cff2ff;
  color: #00739c;
}

.alert.alert-info .close {
  color: #00739c;
}

.alert.alert-warning {
  background: #ffebcc;
  color: #b36d00;
}

.alert.alert-warning .close {
  color: #b36d00;
}

.alert.alert-danger {
  background: #fedcd9;
  color: #cd1806;
}

.alert.alert-danger .close {
  color: #cd1806;
}

/* ====== Labels ===== 
------------------------------------------------------------ */
.label {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
}

.label.label-primary {
  background: #323c50;
}

.label.label-success {
  background: #27c24c;
}

.label.label-info {
  background: #00abe8;
}

.label.label-warning {
  background: #ff9c00;
}

.label.label-danger {
  background: #f93926;
}

/* ====== Badges ===== 
------------------------------------------------------------ */
.badge {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: normal;
}

.badge.badge-primary {
  background: #323c50;
}

.badge.badge-success {
  background: #27c24c;
}

.badge.badge-info {
  background: #00abe8;
}

.badge.badge-warning {
  background: #ff9c00;
}

.badge.badge-danger {
  background: #f93926;
}

/* ====== List Group ===== 
------------------------------------------------------------ */
.list-group .list-group-item.list-group-item-primary {
  background: #e3e1f1;
  color: #4d4292;
}

.list-group .list-group-item.list-group-item-success {
  background: #d7f7df;
  color: #1a8233;
}

.list-group .list-group-item.list-group-item-info {
  background: #cff2ff;
  color: #00739c;
}

.list-group .list-group-item.list-group-item-warning {
  background: #ffebcc;
  color: #b36d00;
}

.list-group .list-group-item.list-group-item-danger {
  background: #fedcd9;
  color: #00739c;
}

/* ----------------------------------------------------
 *  11. Popover
 *
 *  Contains the over ride CSS for bootstrap popover
 *  and extra contextual tooltip CSS
 * ---------------------------------------------------- */
/* ====== Popover Override ===== 
------------------------------------------------------------ */
.popover {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  border: none;
  box-shadow: 0 1px 2px #ddd;
  background: #ffffff;
  color: #6a6c6f;
  font-size: 13px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.popover .popover-title {
  background: #0b1115;
  color: #ffffff;
  padding: 15px;
  text-transform: uppercase;
  font-size: 13px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.popover.top > .arrow {
  box-shadow: none;
  border-top-color: rgba(0, 0, 0, 0.07);
}

.popover.right > .arrow {
  box-shadow: none;
  border-right-color: rgba(0, 0, 0, 0.07);
}

.popover.bottom > .arrow {
  box-shadow: none;
  border-bottom-color: rgba(0, 0, 0, 0.07);
}

.popover.left > .arrow {
  box-shadow: none;
  border-left-color: rgba(0, 0, 0, 0.07);
}

/* ----------------------------------------------------
 *  12. Masonry
 *
 *  CSS for the placement and style of the masonry
 * ---------------------------------------------------- */
.masonry-grid {
  background: transparent;
  margin-bottom: 15px;
}

.masonry-grid:after {
  content: '';
  display: block;
  clear: both;
}

.masonry-grid .masonry-grid-sizer,
.masonry-grid .masonry-grid-item {
  width: 33.333%;
}

.masonry-grid .masonry-grid-item {
  float: left;
  padding: 4px;
}

.masonry-grid .masonry-grid-item img {
  display: block;
  max-width: 100%;
}

/* ----------------------------------------------------
 *  13. Sortable
 *
 *  Contains the over ride CSS for jquery sortable
 * ---------------------------------------------------- */
.sortable {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.sortable.sortable-list li {
  padding: 10px;
  height: 40px;
  text-transform: uppercase;
  line-height: 20px;
  border: solid 1px;
  border-color: #f7f7f7;
  margin-bottom: 5px;
  font-weight: 700;
  background: #f7f7f7;
  cursor: move;
}

.sortable.sortable-list li.disabled {
  opacity: 0.5;
}

.sortable.sortable-list .sortable-placeholder {
  border: dashed 1px #bbb;
  background: #ffffff;
}

.sortable.sortable-list-handles li {
  padding: 10px;
  height: 40px;
  text-transform: uppercase;
  line-height: 20px;
  border: solid 1px;
  border-color: #f7f7f7;
  margin-bottom: 5px;
  font-weight: 700;
  background: #f7f7f7;
  cursor: default;
}

.sortable.sortable-list-handles li span {
  cursor: move;
}

.sortable.sortable-list-handles li.disabled {
  opacity: 0.5;
}

.sortable.sortable-list-handles .sortable-placeholder {
  border: dashed 1px #bbb;
  background: #ffffff;
}

.sortable.sortable-grid li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 100px;
  width: 100px;
  background: #ddd;
  line-height: 100px;
  border: solid 1px;
  border-color: #ddd;
  text-align: center;
  cursor: move;
}

.sortable.sortable-grid .sortable-placeholder {
  border: dashed 1px #bbb;
  background: #ffffff;
}

/* ----------------------------------------------------
 *  14. Sliders
 *
 *  Contains the over ride CSS for noUISlider and
 *  ionRangeSlider and also contains the extra
 *  CSS for the extra components we have added
 *  like the gradient and contextual sliders.
 * ---------------------------------------------------- */
/* ====== noUi Slider ===== 
------------------------------------------------------------ */
.noUi-target {
  border: none;
}

.noUi-target.noUi-multiple-handle .noUi-base {
  background: #e9e9e9;
  border-radius: 5px;
}

.noUi-target.noUi-multiple-handle .noUi-connect-inverse {
  display: none;
}

.noUi-target.noUi-horizontal {
  height: 10px;
}

.noUi-target.noUi-horizontal .noUi-handle {
  top: -8px;
}

.noUi-target.noUi-vertical {
  width: 10px;
}

.noUi-target.noUi-vertical .noUi-handle {
  left: -8px;
}

.noUi-target.noUi-horizontal .noUi-base, .noUi-target.noUi-vertical .noUi-base {
  border-radius: 5px;
}

.noUi-target.noUi-horizontal .noUi-base .noUi-connect,
.noUi-target.noUi-horizontal .noUi-base .noUi-connect-inverse, .noUi-target.noUi-vertical .noUi-base .noUi-connect,
.noUi-target.noUi-vertical .noUi-base .noUi-connect-inverse {
  border-radius: 5px;
}

.noUi-target.noUi-horizontal .noUi-base .noUi-connect, .noUi-target.noUi-vertical .noUi-base .noUi-connect {
  background: #323c50;
  box-shadow: none;
  border: none;
}

.noUi-target.noUi-horizontal .noUi-base .noUi-connect-inverse, .noUi-target.noUi-vertical .noUi-base .noUi-connect-inverse {
  background: #e9e9e9;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.noUi-target.noUi-horizontal .noUi-base .noUi-origin .noUi-handle, .noUi-target.noUi-vertical .noUi-base .noUi-origin .noUi-handle {
  height: 25px;
  width: 25px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 2px #ddd;
  border: solid 1px #f1f1f1;
}

.noUi-target.noUi-horizontal .noUi-base .noUi-origin .noUi-handle:after, .noUi-target.noUi-horizontal .noUi-base .noUi-origin .noUi-handle:before, .noUi-target.noUi-vertical .noUi-base .noUi-origin .noUi-handle:after, .noUi-target.noUi-vertical .noUi-base .noUi-origin .noUi-handle:before {
  display: none;
}

.noUi-target.noUi-horizontal.noUi-slider-primary .noUi-connect, .noUi-target.noUi-vertical.noUi-slider-primary .noUi-connect {
  background: #323c50;
}

.noUi-target.noUi-horizontal.noUi-slider-success .noUi-connect, .noUi-target.noUi-vertical.noUi-slider-success .noUi-connect {
  background: #27c24c;
}

.noUi-target.noUi-horizontal.noUi-slider-info .noUi-connect, .noUi-target.noUi-vertical.noUi-slider-info .noUi-connect {
  background: #00abe8;
}

.noUi-target.noUi-horizontal.noUi-slider-warning .noUi-connect, .noUi-target.noUi-vertical.noUi-slider-warning .noUi-connect {
  background: #ff9c00;
}

.noUi-target.noUi-horizontal.noUi-slider-danger .noUi-connect, .noUi-target.noUi-vertical.noUi-slider-danger .noUi-connect {
  background: #f93926;
}

.noUi-target.noUi-horizontal.noUi-slider-black .noUi-connect, .noUi-target.noUi-vertical.noUi-slider-black .noUi-connect {
  background: #0b1115;
}

.noUi-target.noUi-horizontal.noUi-slider-grey .noUi-connect, .noUi-target.noUi-vertical.noUi-slider-grey .noUi-connect {
  background: #adadad;
}

.noUi-target.noUi-horizontal.noUi-gradient-mini .noUi-base, .noUi-target.noUi-vertical.noUi-gradient-mini .noUi-base {
  background-color: #ff8235;
  background-image: linear-gradient(to left, #30e8bf, #ff8235);
}

.noUi-target.noUi-horizontal.noUi-gradient-mini .noUi-base .noUi-connect, .noUi-target.noUi-vertical.noUi-gradient-mini .noUi-base .noUi-connect {
  background: transparent;
}

.noUi-target.noUi-horizontal.noUi-gradient-peach .noUi-base, .noUi-target.noUi-vertical.noUi-gradient-peach .noUi-base {
  background-color: #ffedbc;
  background-image: linear-gradient(to left, #ed4264, #ffedbc);
}

.noUi-target.noUi-horizontal.noUi-gradient-peach .noUi-base .noUi-connect, .noUi-target.noUi-vertical.noUi-gradient-peach .noUi-base .noUi-connect {
  background: transparent;
}

.noUi-target.noUi-horizontal.noUi-gradient-virgin .noUi-base, .noUi-target.noUi-vertical.noUi-gradient-virgin .noUi-base {
  background: #C9FFBF;
  background: -webkit-linear-gradient(to left, #C9FFBF, #FFAFBD);
  background: linear-gradient(to left, #C9FFBF, #FFAFBD);
}

.noUi-target.noUi-horizontal.noUi-gradient-virgin .noUi-base .noUi-connect, .noUi-target.noUi-vertical.noUi-gradient-virgin .noUi-base .noUi-connect {
  background: transparent;
}

.noUi-target.noUi-horizontal.noUi-gradient-rosewater .noUi-base, .noUi-target.noUi-vertical.noUi-gradient-rosewater .noUi-base {
  background: #5fc3e4;
  background-image: linear-gradient(to left, #e55d87, #5fc3e4);
}

.noUi-target.noUi-horizontal.noUi-gradient-rosewater .noUi-base .noUi-connect, .noUi-target.noUi-vertical.noUi-gradient-rosewater .noUi-base .noUi-connect {
  background: transparent;
}

.noUi-target.noUi-horizontal.noUi-gradient-almost .noUi-base, .noUi-target.noUi-vertical.noUi-gradient-almost .noUi-base {
  background: #faaca8;
  background-image: linear-gradient(to left, #ddd6f3, #faaca8);
}

.noUi-target.noUi-horizontal.noUi-gradient-almost .noUi-base .noUi-connect, .noUi-target.noUi-vertical.noUi-gradient-almost .noUi-base .noUi-connect {
  background: transparent;
}

.noUi-target.noUi-horizontal.noUi-gradient-vice-city .noUi-base, .noUi-target.noUi-vertical.noUi-gradient-vice-city .noUi-base {
  background: #ec6ead;
  background-image: linear-gradient(to left, #3494e6, #ec6ead);
}

.noUi-target.noUi-horizontal.noUi-gradient-vice-city .noUi-base .noUi-connect, .noUi-target.noUi-vertical.noUi-gradient-vice-city .noUi-base .noUi-connect {
  background: transparent;
}

.noUi-target.noUi-horizontal.noUi-gradient-mild .noUi-base, .noUi-target.noUi-vertical.noUi-gradient-mild .noUi-base {
  background: #4ca2cd;
  background-image: linear-gradient(to left, #67b26f, #4ca2cd);
}

.noUi-target.noUi-horizontal.noUi-gradient-mild .noUi-base .noUi-connect, .noUi-target.noUi-vertical.noUi-gradient-mild .noUi-base .noUi-connect {
  background: transparent;
}

/* ====== ION Slider ===== 
------------------------------------------------------------ */
.irs .irs-slider.single {
  background: transparent;
}

.irs .irs-slider.from {
  background: transparent;
}

.irs .irs-slider.to {
  background: transparent;
}

.irs.ion-primary .irs .irs-single {
  background: #323c50;
}

.irs.ion-primary .irs .irs-single:after {
  border-top-color: #323c50;
}

.irs.ion-primary .irs .irs-from {
  background: #323c50;
}

.irs.ion-primary .irs .irs-from:after {
  border-top-color: #323c50;
}

.irs.ion-primary .irs .irs-to {
  background: #323c50;
}

.irs.ion-primary .irs .irs-to:after {
  border-top-color: #323c50;
}

.irs.ion-primary .irs-bar {
  background: #323c50;
}

.irs.ion-primary .irs-bar-edge {
  background: #323c50;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.irs.ion-success .irs .irs-single {
  background: #27c24c;
}

.irs.ion-success .irs .irs-single:after {
  border-top-color: #27c24c;
}

.irs.ion-success .irs .irs-from {
  background: #27c24c;
}

.irs.ion-success .irs .irs-from:after {
  border-top-color: #27c24c;
}

.irs.ion-success .irs .irs-to {
  background: #27c24c;
}

.irs.ion-success .irs .irs-to:after {
  border-top-color: #27c24c;
}

.irs.ion-success .irs-bar {
  background: #27c24c;
}

.irs.ion-success .irs-bar-edge {
  background: #27c24c;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.irs.ion-info .irs .irs-single {
  background: #00abe8;
}

.irs.ion-info .irs .irs-single:after {
  border-top-color: #00abe8;
}

.irs.ion-info .irs .irs-from {
  background: #00abe8;
}

.irs.ion-info .irs .irs-from:after {
  border-top-color: #00abe8;
}

.irs.ion-info .irs .irs-to {
  background: #00abe8;
}

.irs.ion-info .irs .irs-to:after {
  border-top-color: #00abe8;
}

.irs.ion-info .irs-bar {
  background: #00abe8;
}

.irs.ion-info .irs-bar-edge {
  background: #00abe8;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.irs.ion-warning .irs .irs-single {
  background: #ff9c00;
}

.irs.ion-warning .irs .irs-single:after {
  border-top-color: #ff9c00;
}

.irs.ion-warning .irs .irs-from {
  background: #ff9c00;
}

.irs.ion-warning .irs .irs-from:after {
  border-top-color: #ff9c00;
}

.irs.ion-warning .irs .irs-to {
  background: #ff9c00;
}

.irs.ion-warning .irs .irs-to:after {
  border-top-color: #ff9c00;
}

.irs.ion-warning .irs-bar {
  background: #ff9c00;
}

.irs.ion-warning .irs-bar-edge {
  background: #ff9c00;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.irs.ion-danger .irs .irs-single {
  background: #f93926;
}

.irs.ion-danger .irs .irs-single:after {
  border-top-color: #f93926;
}

.irs.ion-danger .irs .irs-from {
  background: #f93926;
}

.irs.ion-danger .irs .irs-from:after {
  border-top-color: #f93926;
}

.irs.ion-danger .irs .irs-to {
  background: #f93926;
}

.irs.ion-danger .irs .irs-to:after {
  border-top-color: #f93926;
}

.irs.ion-danger .irs-bar {
  background: #f93926;
}

.irs.ion-danger .irs-bar-edge {
  background: #f93926;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* ----------------------------------------------------
 *  15. Timeline
 *
 *  Contains the CSS for the timeline
 * ---------------------------------------------------- */
.timeline-container {
  padding: 15px;
}

.timeline-container ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
}

.timeline-container ul:before {
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 3px;
  background: #D7E4ED;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.timeline-container ul li {
  padding: 15px;
  margin-bottom: 50px;
  position: relative;
  overflow: hidden;
}

.timeline-container ul li.timeline .timeline-incident .timeline-incident-moment {
  width: 46%;
  color: #aaa;
  padding-top: 15px;
  height: 58px;
  line-height: 58px;
}

.timeline-container ul li.timeline .timeline-incident .timeline-incident-moment .timeline-incident-icon {
  position: absolute;
  left: 0%;
  right: 0%;
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  background: #ff9c00;
  color: #ffffff;
  border-radius: 50%;
  border: solid 4px #fff;
  box-shadow: 0 1px 2px #ddd;
  margin: 0 auto;
}

.timeline-container ul li.timeline .timeline-incident .timeline-incident-moment .timeline-incident-icon i {
  height: 50px;
  line-height: 50px;
}

.timeline-container ul li.timeline .timeline-incident .timeline-incident-body {
  margin: 0;
  width: 46%;
  padding: 0 5px 25px;
  border-bottom: solid 3px #D7E4ED;
}

.timeline-container ul li.timeline .timeline-incident .timeline-incident-body .timeline-header {
  margin: 0 0 10px;
}

.timeline-container ul li:nth-child(odd) .timeline-incident .timeline-incident-moment {
  float: left;
  text-align: right;
}

.timeline-container ul li:nth-child(odd) .timeline-incident .timeline-incident-body {
  float: right;
  text-align: left;
}

.timeline-container ul li:nth-child(even) .timeline-incident .timeline-incident-moment {
  float: right;
  text-align: left;
}

.timeline-container ul li:nth-child(even) .timeline-incident .timeline-incident-body {
  float: left;
  text-align: right;
}

/* ----------------------------------------------------
 *  16. Rating
 *
 *  Contains the over ride CSS for jquery rateYo
 * ---------------------------------------------------- */
.jq-ry-container {
  position: relative;
  padding: 0 5px;
  line-height: 0;
  display: block;
  cursor: pointer;
}

.jq-ry-container .jq-ry-group-wrapper .jq-ry-normal-group svg {
  fill: #ddd;
}

.jq-ry-container .jq-ry-group-wrapper .jq-ry-rated-group svg {
  fill: #e7c79b;
}

.rating-default .jq-ry-rated-group svg {
  fill: #e7c79b;
}

.rating-primary .jq-ry-rated-group svg {
  fill: #323c50 !important;
}

.rating-success .jq-ry-rated-group svg {
  fill: #27c24c !important;
}

.rating-info .jq-ry-rated-group svg {
  fill: #00abe8 !important;
}

.rating-warning .jq-ry-rated-group svg {
  fill: #ff9c00 !important;
}

.rating-danger .jq-ry-rated-group svg {
  fill: #f93926;
}

.jq-ry-container[readonly="readonly"] {
  cursor: default;
}

.jq-ry-container > .jq-ry-group-wrapper {
  position: relative;
  width: 100%;
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
  position: relative;
  line-height: 0;
  z-index: 10;
  white-space: nowrap;
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
  display: inline-block;
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
  width: 100%;
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
  width: 0;
  z-index: 11;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.rating-container {
  position: relative;
}

div.rating-container div.counter {
  display: none;
  position: absolute;
  min-width: 50px;
  text-align: center;
  padding: 0px;
  line-height: 32px;
  height: 32px;
  background: #0b1115;
  color: #ffffff;
  right: 0;
  top: 0;
}

div.rating-container:hover div.counter {
  display: block;
}

/* ----------------------------------------------------
 *  17. Tables
 *
 *  This part contains the styles for all the tables
 *  
 *  Contains the over ride CSS for
 *      Boostrap Tables
 *      DataTables
 *      FooTable
 *      Editable
 * ---------------------------------------------------- */
/* ====== Bootstrap Table ===== 
------------------------------------------------------------ */
.table > thead > tr > th {
  /*/*font-family: "Montserrat", sans-serif;*/*/
  padding: 10px;
 /* modified padding: 15px;
  border-bottom-width: 3px;*/
  border-color: #ddd !important;
  text-transform: uppercase;
}

.table > tbody > tr:hover 
{
    /* modified 
  background: black !important;  */
}

.table > tbody > tr:first-child td {
  border-top: none;
}

.table > tbody > tr > td {
  padding: 10px;
  border-top: solid 1px #323c50;
  text-align:right;
  font-weight:400;
  /* modified new font-size:14px; */
  font-size:12px;
}

.table > tbody > tr.primary td {
  background: #323c50;
}

.table > tbody > tr.success td {
  background: #27c24c;
}

.table > tbody > tr.info td {
  background: #00abe8;
}

.table > tbody > tr.warning td {
  background: #ff9c00;
}

.table > tbody > tr.danger td {
  background: #f93926;
}

.table.table-condensed thead tr th {
  padding: 8px;
}

.table.table-condensed tbody tr td {
  padding: 8px;
}

.table.table-striped tbody tr:nth-child(odd) {
  background: #ffffff;
}

/* ====== Datatables ===== 
------------------------------------------------------------ */
.dataTables_wrapper {
  margin-bottom: 15px;
}

.dataTables_wrapper .DTTT_container {
  display: block;
  float: none;
  text-align: right;
}

.dataTables_wrapper .DTTT_container a {
  display: inline-block !important;
  margin: 0;
  border: solid 1px #ddd;
  background: #ffffff;
  padding: 10px 15px;
  box-shadow: none;
  border-radius: 0;
}

.dataTables_wrapper .DTTT_container a:hover {
  background: #ffffff;
  box-shadow: none;
  border-color: #ddd;
}

.dataTables_wrapper .dataTables_length {
  height: 35px;
  line-height: 35px;
}

.dataTables_wrapper .dataTables_filter label {
  text-transform: uppercase;
}

.dataTables_wrapper .dataTables_filter label input {
  box-shadow: none;
  border: 2px solid #e5e5e5;
  padding: 5px;
  height: 35px;
  line-height: 25px;
  color: #6a6c6f;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.dataTables_wrapper .dataTable.no-footer {
  border-color: #eee;
  margin-bottom: 15px;
}

.dataTables_wrapper .dataTable thead th.sorting_asc, .dataTables_wrapper .dataTable thead th.sorting_desc {
  color: #0b1115;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  margin: 0;
  border: none;
  opacity: 0.65;
  padding: 0;
  height: 33px;
  line-height: 33px;
  padding: 0 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: transparent;
  border: none;
  font-weight: bold;
  opacity: 1;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: transparent;
  border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  background: transparent;
  box-shadow: none;
  border: none;
  opacity: 1;
  color: #6a6c6f !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  opacity: 0.65 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  position: relative;
  color: transparent !important;
  width: 30px;
  margin: 0;
  opacity: 1;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
  color: transparent !important;
  background: transparent !important;
  border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:before {
  font-family: 'FontAwesome';
  content: "\f060";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 33px;
  line-height: 33px;
  color: #6a6c6f !important;
  font-size: 0.8em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next:before {
  font-family: 'FontAwesome';
  content: "\f061";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 33px;
  line-height: 33px;
  color: #6a6c6f !important;
  font-size: 0.8em;
}

.fixedHeader-floating {
  top: 50px !important;
}

/* ====== Footable ===== 
------------------------------------------------------------ */
.table.footable.footable-filtering thead tr.footable-filtering th {
  border-color: transparent !important;
}

.table.footable.footable-filtering thead tr.footable-filtering .input-group {
  height: 45px;
}

.table.footable.footable-filtering thead tr.footable-filtering .input-group .input-group-btn {
  height: 100%;
}

.table.footable.footable-filtering thead tr.footable-filtering .input-group .input-group-btn button {
  background: #ffffff;
  border-color: #e5e5e5;
  border-left-color: transparent;
  border-right-color: transparent;
  color: #6a6c6f !important;
  height: 100%;
  border-radius: 0;
  height: 45px;
}

.table.footable.footable-filtering thead tr.footable-filtering .input-group .input-group-btn button.dropdown-toggle {
  border-right-color: #e5e5e5;
}

.table.footable.footable-filtering thead tr.footable-header .footable-asc,
.table.footable.footable-filtering thead tr.footable-header .footable-desc {
  color: #0b1115;
}

.table.footable tbody tr {
  background: #ffffff;
}

.table.footable tbody tr:hover {
  background: #f2fcff;
}

.table.footable tbody tr.footable-detail-row > td {
  padding: 0 !important;
  background: #f9f9f9;
}

.table.footable tbody tr.footable-detail-row .footable-details {
  margin-bottom: 0;
}

.table.footable tbody tr.footable-detail-row .footable-details tr th,
.table.footable tbody tr.footable-detail-row .footable-details tr td {
  padding: 20px;
  background: #f9f9f9;
}

.table.footable tbody tr.footable-detail-row .footable-details tr th {
  padding-left: 40px;
  border-top: solid 1px #eee;
}

.table.footable tbody tr.footable-detail-row .footable-details tr:first-child th {
  border-top: none;
}

.table.footable tbody .footable-toggle {
  font-size: 16px;
  margin-right: 10px;
}

.table.footable tbody .footable-toggle.fooicon-minus:before {
  font-family: "FontAwesome";
  content: "\f056";
}

.table.footable tbody .footable-toggle.fooicon-plus:before {
  font-family: "FontAwesome";
  content: "\f055";
}

.table.footable tfoot .footable-paging .label {
  margin-top: 10px;
}

.table.footable tfoot .footable-paging .pagination li.active a {
  background: #323c50;
  color: #ffffff;
}

.table.footable tfoot .footable-paging .pagination li.active a:hover {
  background: #323c50;
  color: #ffffff;
}

.table.footable tfoot .footable-paging .pagination li a {
  background: transparent;
  color: #6a6c6f;
  border-radius: 50%;
  border: none;
  margin-right: 5px;
}

.table.footable tfoot .footable-paging .pagination li a:hover {
  background: transparent;
  color: #0b1115;
}

/* ====== Editable ===== 
------------------------------------------------------------ */
.editable-container .editableform .editable-input {
  margin-bottom: 15px;
}

.editable-container .editableform .editable-input .well {
  padding: 0;
  border: none;
}

.editable-container .editableform .editable-input .well .datepicker {
  padding: 0;
  background: #ffffff;
  border: none;
}

.editable-container .editableform .editable-input select {
  margin: 0 5px 5px 0;
}

.editable-container .editableform .editable-buttons button {
  margin: 0 15px 15px 0;
}

/* ----------------------------------------------------
 *  18. Modals
 *
 *  Contains all the overridden and added CSS for the
 *  modals animations
 * ---------------------------------------------------- */
/* ====== Modals ===== 
------------------------------------------------------------ */
.modal.fade.modal-top > .modal-dialog {
  margin-top: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.modal.fade.modal-top .modal-content {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.modal.fade.modal-top.in > .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.modal.fade.modal-center .modal-dialog {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
  margin: 0 auto;
  display: table;
  height: 100%;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: modal-center-anim-close;
  animation-name: modal-center-anim-close;
}

.modal.fade.modal-center .modal-dialog .modal-content-container {
  display: table-cell;
  vertical-align: middle;
}

.modal.fade.modal-center.in .modal-dialog {
  -webkit-animation-name: modal-center-anim-open;
  animation-name: modal-center-anim-open;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.modal.fade.modal-bottom {
  overflow: hidden;
  -webkit-animation: bottom-modal-anim-close 0.3s ease-in-out;
  -moz-animation: bottom-modal-anim-close 0.3s ease-in-out;
  animation: bottom-modal-anim-close 0.3s ease-in-out;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.modal.fade.modal-bottom .modal-dialog {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
  margin: 0 auto;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}

.modal.fade.modal-bottom .modal-content {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.modal.fade.modal-bottom.in {
  -webkit-animation: bottom-modal-anim-open 0.3s ease-in-out;
  -moz-animation: bottom-modal-anim-open 0.3s ease-in-out;
  animation: bottom-modal-anim-open 0.3s ease-in-out;
}

.modal.fade.modal-bottom.in .modal-content > * {
  -webkit-animation: bottom-modal-anim-elem 0.3s both;
  animation: bottom-modal-anim-elem 0.3s both;
}

.modal.fade.modal-bottom.in .modal-content .modal-header {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}

.modal.fade.modal-bottom.in .modal-content .modal-body {
  -webkit-animation-delay: 0.20s;
  animation-delay: 0.20s;
}

.modal.fade.modal-bottom.in .modal-content .modal-footer {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

/* ====== Dummy Showcase ===== 
------------------------------------------------------------ */
.dummy-modal {
  background: #eee;
  padding: 15px;
  overflow: hidden;
  width: 70%;
}

.dummy-modal .dummy-modal-header > .dummy-content {
  height: 10px;
  width: 30%;
  background: #aaa;
  margin-bottom: 10px;
}

.dummy-modal .dummy-modal-body > .dummy-content {
  height: 10px;
  background: #aaa;
  margin-bottom: 5px;
}

.dummy-modal .dummy-modal-body > .dummy-content:first-child {
  width: 70%;
}

.dummy-modal .dummy-modal-body > .dummy-content:nth-child(2) {
  width: 60%;
}

.dummy-modal .dummy-modal-body > .dummy-content:nth-child(3) {
  width: 80%;
}

.dummy-modal .dummy-modal-footer .dummy-content {
  height: 15px;
  width: 100px;
  margin-right: 10px;
  margin-top: 15px;
  float: left;
}

.dummy-modal .dummy-modal-footer .dummy-content:first-child {
  width: 30%;
}

.dummy-modal .dummy-modal-footer .dummy-content:nth-child(2) {
  background: #00abe8;
  width: 20%;
  float: right;
}

.dummy-modal .dummy-modal-footer .dummy-content:nth-child(3) {
  background: #adadad;
  width: 20%;
  float: right;
}

.dummy-modal-top {
  height: 175px;
  border: dashed 1px;
  border-color: #ddd;
  position: relative;
}

.dummy-modal-top > .dummy-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.dummy-modal-bottom {
  height: 175px;
  border: dashed 1px;
  border-color: #ddd;
  margin: 0 auto;
  position: relative;
}

.dummy-modal-bottom > .dummy-modal {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.dummy-modal-center {
  height: 175px;
  border: dashed 1px;
  border-color: #ddd;
  margin: 0 auto;
  position: relative;
}

.dummy-modal-center > .dummy-modal {
  height: 125px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* ====== Modal Keyframes - Bottom Modal ===== 
------------------------------------------------------------ */
@-webkit-keyframes modal-center-anim-open {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
  }
}

@keyframes modal-center-anim-open {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes modal-center-anim-close {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 1);
  }
}

@keyframes modal-center-anim-close {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
  }
}

/* ====== Modal Keyframes - Bottom Modal ===== 
------------------------------------------------------------ */
@-webkit-keyframes bottom-modal-anim-open {
  0% {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
  }
}

@keyframes bottom-modal-anim-open {
  0% {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
  }
}

@-webkit-keyframes bottom-modal-anim-close {
  0% {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
  }
}

@keyframes bottom-modal-anim-close {
  0% {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
  }
}

/* Inner elements animations */
@-webkit-keyframes bottom-modal-anim-elem {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@keyframes bottom-modal-anim-elem {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* ----------------------------------------------------
 *  19. Widgets
 *
 *  Contains SCSS codes for all the widgets used
 *  in this framework
 * ---------------------------------------------------- */
.blog-post-min {
  height: 350px;
  margin-bottom: 15px;
  box-shadow: 0 2px 4px #ddd;
}

.blog-post-min .blog-post-header {
  background: #474652;
  height: 350px;
  color: #ffffff;
  padding: 25px;
}

.blog-post-min .blog-post-header > h4:nth-child(2) {
  position: relative;
}

.blog-post-min .blog-post-header > h4:nth-child(2):after {
  content: '';
  height: 4px;
  width: 35px;
  background: #F5755B;
  position: absolute;
  left: 0;
  bottom: -20px;
  border-radius: 2px;
}

.blog-post-min .blog-post-header .blog-posted-by {
  position: absolute;
  bottom: 15px;
}

.blog-post-min .blog-post-content {
  padding: 25px;
  background: #fff;
  color: #83848D;
  height: 300px;
}

.blog-post-min .blog-post-footer {
  height: 50px;
  padding: 0 25px;
  color: #83848D;
  background: #ffffff;
  box-shadow: 0px -10px 10px -10px #f9f9f9;
}

.blog-post-min .blog-post-footer p {
  line-height: 50px;
}

.blog-post-min .blog-post-footer strong {
  color: #5A5B69;
}

.blog-post-compact {
  background: #ffffff;
  margin-bottom: 15px;
  box-shadow: 0 2px 4px #ddd;
}

.blog-post-compact .blog-post-header {
  background: #474652;
  padding: 20px;
  height: 100px;
}

.blog-post-compact .blog-post-body {
  padding: 20px;
}

.blog-post-compact .blog-post-footer {
  height: 50px;
  padding: 0 25px;
  color: #83848D;
  background: #ffffff;
  box-shadow: 0px -10px 10px -10px #f9f9f9;
}

.blog-post-compact .blog-post-footer p {
  line-height: 50px;
}

.blog-post-compact .blog-post-footer strong {
  color: #5A5B69;
}

.blog-post-full {
  background: #ffffff;
  box-shadow: 0 2px 4px #ddd;
  border-radius: 5px;
  overflow: hidden;
}

.blog-post-full .blog-post-header {
  height: 300px;
  background-image: url("../images/lightbox/city1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.blog-post-full .blog-post-header .media {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.blog-post-full .blog-post-header .media h6 {
  color: #ffffff;
}

.blog-post-full .blog-post-body {
  padding: 20px;
}

.blog-post-full .blog-post-footer {
  height: 50px;
  padding: 0 25px;
  color: #83848D;
  background: #ffffff;
  box-shadow: 0px -10px 10px -10px #f9f9f9;
}

.blog-post-full .blog-post-footer p {
  line-height: 50px;
}

.blog-post-full .blog-post-footer strong {
  color: #5A5B69;
}

.blog-post-slim {
  background: #ffffff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 2px 4px #ddd;
}

.blog-post-slim .blog-post-header {
  height: 300px;
  background-image: url("../images/lightbox/city1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.blog-post-slim .blog-post-body {
  padding: 20px;
}

.blog-post-slim .blog-post-footer {
  height: 50px;
  padding: 0 25px;
  color: #83848D;
  background: #ffffff;
  box-shadow: 0px -10px 10px -10px #f9f9f9;
}

.blog-post-slim .blog-post-footer p {
  line-height: 50px;
}

.blog-post-slim .blog-post-footer strong {
  color: #5A5B69;
}

.mini-stats-container {
  position: relative;
  height: 125px;
  border-radius: 100px;
  
 /* modified
 margin-bottom: 15px; */
}

.mini-stats-container.mini-stats-pink {
  background: #fe75bd;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
  box-shadow: 0 2px 4px #757575;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.mini-stats-container.mini-stats-revenue {
  background: #dae4dc;
}

.mini-stats-container.mini-stats-violet {
  background: #cb7cff;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #cb7cff 0%, #64d4dc 99%, #f1d09d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #cb7cff 0%, #64d4dc 99%, #f1d09d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #cb7cff 0%, #64d4dc 99%, #f1d09d 100%);
  box-shadow: 0 2px 4px #757575;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.mini-stats-container.mini-stats-green {
  background: #72cce1;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #72cce1 0%, #f1d09d 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #72cce1 0%, #f1d09d 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #72cce1 0%, #f1d09d 99%);
  box-shadow: 0 2px 4px #757575;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.mini-stats-container .mini-stats-content {
  height: 125px;
  text-align: left;
  /* modified padding: 40px 30px;*/
  padding: 25px 30px;
}

.mini-stats-container .mini-stats-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
 /* modified  background: #ffffff; */
  width: 115px;
  border-radius: 50%;
  text-align: center;
}

.mini-stats-container .mini-stats-icon > i {
  color: #0b1115;
  margin-top: 25px;
}

.pie-widget {
  text-align: center;
  position: relative;
}

.pie-widget .pie-label-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.pie-widget .pie-label-container > .pie-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mini-calendar {
  margin-bottom: 15px;
}

.mini-calendar .mini-calendar-header {
  background: #ffffff;
  padding: 15px 15px;
  position: relative;
  height: 65px;
  /*font-family: "Montserrat", sans-serif;*/
  text-transform: uppercase;
}

.mini-calendar .mini-calendar-header i {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  line-height: 65px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.mini-calendar .mini-calendar-header i.fa-angle-left {
  left: 20px;
}

.mini-calendar .mini-calendar-header i.fa-angle-right {
  right: 20px;
}

.mini-calendar .mini-calendar-body {
  background: #f93926;
  padding: 20px;
  color: #ffffff;
}

.mini-calendar .mini-calendar-body ul li {
  display: block;
  position: relative;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  padding: 0 10px;
}

.mini-calendar .mini-calendar-body ul li i {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  height: 50px;
  line-height: 50px;
}

.mini-calendar .mini-calendar-body .mini-calendar-actions {
  padding: 30px 0 0 0;
}

.mini-calendar .mini-calendar-body .mini-calendar-actions i {
  cursor: pointer;
}

.email-widget {
  margin-bottom: 15px;
}

.email-widget .tab-container ul li {
  display: inline-block;
  width: 33.3333333333%;
  text-align: center;
  background: #ffffff;
  position: relative;
}

.email-widget .tab-container ul li.active {
  border-bottom: solid 2px #f93926;
}

.email-widget .tab-container ul li.active a {
  color: #f93926 !important;
}

.email-widget .tab-container ul li.active:before {
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  z-index: 990;
  width: 100%;
  background: #f93926;
  content: '';
  position: absolute;
}

/* modified 
.mini-user-widget {
  background: #ffffff;
  padding: 7px;
  border-radius: 100px;
  color: #ffffff;
  margin-bottom: 15px;
}
*/

.mini-user-widget {
  background: #ffffff;
  padding: 7px;
  border-radius: 10px;
  color: #ffffff;
  margin-bottom: 15px;
}

.mini-user-widget.mini-user-pink {
  background: #fe75bd;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #fe75bd 0%, #f1d09d 100%);
  box-shadow: 0 2px 4px #757575;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.mini-user-widget.mini-user-violet {
  background: #cb7cff;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #cb7cff 0%, #64d4dc 99%, #f1d09d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #cb7cff 0%, #64d4dc 99%, #f1d09d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #cb7cff 0%, #64d4dc 99%, #f1d09d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-shadow: 0 2px 4px #757575;
}

.mini-user-widget.mini-user-green {
  background: #4AC29A;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #BDFFF3, #4AC29A);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #BDFFF3, #4AC29A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  box-shadow: 0 2px 4px #757575;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.mini-user-widget.mini-user-blue {
 
background: #606c88;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3f4c6b, #606c88);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3f4c6b, #606c88); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

 box-shadow: 0 2px 4px #757575;

}

.mini-user-widget .media .media-left img {
 /* modified border-radius: 50%; */
   border-radius: 20%;
  height: 110px;
  width: 110px;
}

.mini-user-widget .media .media-body h3 {
  margin: 10px 0;
}

.profile-widget-min {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 2px 4px #ddd;
  margin-bottom: 15px;
}

.profile-widget-min .profile-widget-upper {
 background: #FF4E50;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F9D423, #FF4E50);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F9D423, #FF4E50); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  padding: 20px;
  position: relative;
}

.profile-widget-min .profile-widget-upper p {
  color: rgba(255, 255, 255, 0.5);
}

.profile-widget-min .profile-widget-upper .profile-widget-image img {
  border: solid 2px #ffffff;
}

.profile-widget-min .profile-widget-upper .profile-widget-username {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
}

.profile-widget-min .profile-widget-upper button {
  position: absolute;
  bottom: -21px;
  left: 0;
  right: 0;
  margin: 0 auto;
  box-shadow: 0 1px 2px #ddd;
  color: #fe75bd;
  padding: 10px 15px;
  font-weight: 700;
}

.profile-widget-min .profile-widget-lower {
  background: #ffffff;
  padding: 40px 20px;
  text-align: center;
}

.connected-social-widget {
  background: #ffffff;
  margin-bottom: 15px;
}

.connected-social-widget .connected-social-profile {
  height: 85px;
  padding: 10px 15px;
  border-bottom: solid 5px #00abe8;
}

.connected-social-widget .connected-social-items {
  height: 85px;
  padding: 10px 15px;
  position: relative;
  cursor: pointer;
}

.connected-social-widget .connected-social-items i.social-logo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  height: 85px;
  line-height: 85px;
}

.connected-social-widget .connected-social-items .media {
  margin-left: 50px;
  margin-top: 10px;
}

.connected-social-widget .connected-social-items.social-facebook {
  border-bottom: solid 5px #3b5998;
}

.connected-social-widget .connected-social-items.social-facebook i {
  color: #3b5998;
}

.connected-social-widget .connected-social-items.social-facebook.connected {
  background: #3b5998;
}

.connected-social-widget .connected-social-items.social-facebook.connected i {
  color: #ffffff;
}

.connected-social-widget .connected-social-items.social-facebook.connected > .media .media-body > * {
  color: #ffffff;
}

.connected-social-widget .connected-social-items.social-google-plus {
  border-bottom: solid 5px #dd4b39;
}

.connected-social-widget .connected-social-items.social-google-plus i {
  color: #dd4b39;
}

.connected-social-widget .connected-social-items.social-twitter {
  border-bottom: solid 5px #00aced;
}

.connected-social-widget .connected-social-items.social-twitter i {
  color: #00aced;
}

.chart-widget {
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 15px;
}

.chart-widget .highcharts-title {
  /*font-family: "Montserrat", sans-serif;*/
  text-transform: uppercase;
  font-size: 14px !important;
}

.profile-widget-compact {
  /* modified
  position: relative;
  margin-top: 64px;border-radius: 5px; 
  border-radius: 15px;
  box-shadow: 0 2px 4px #b5b5b5;
box-shadow: 0 0 20px 4px #bfbfbf;
*/
  
  position: relative;
    border-radius: 30px;
    
}

.profile-widget-compact .profile-widget-upper .profile-image {
  position: absolute;
  top: -64px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.profile-widget-compact .profile-widget-upper .profile-image img {
  height: 128px;
  width: 128px;
  border-radius: 50%;
}

.profile-widget-compact .profile-widget-upper .profile-info {
  /*padding-top: 75px;
  text-align: center; */
  padding-top: 55px;
  text-align: left;
  margin-left:25px;
  
}

.profile-widget-compact .profile-widget-lower {
  /* modified text-align: center;
        background: #F7FBFC;
*/
  
  padding: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.profile-widget-compact .profile-widget-lower .profile-follow {
  margin-bottom: 10px;
}

.profile-widget-compact .profile-widget-lower .profile-follow .row > div:first-child {
 /* modified padding: 15px 15px 15px 70px; */
}

.profile-widget-compact .profile-widget-lower .profile-follow .row > div:last-child {
 /* modified  padding: 15px 70px 15px 15px; */
}

.profile-widget-compact .profile-widget-lower .profile-friends {
  margin-bottom: 15px;
  text-align: center;
}

.profile-widget-compact .profile-widget-lower .profile-friends ul {
  margin: 0;
  width: 100%;
}

.profile-widget-compact .profile-widget-lower .profile-friends ul li {
  margin-left: -15px;
  padding: 0 !important;
}

.profile-widget-compact .profile-widget-lower .profile-friends ul li img {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  border: solid 2px #ffffff;
}

.profile-widget-simple {
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 2px 4px #ddd;
}

.profile-widget-simple .profile-widget-upper {
  height: 200px;
  background-image: url("../images/lightbox/city1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.profile-widget-simple .profile-widget-lower {
  background: #ffffff;
  text-align: center;
  padding: 75px 25px 25px 25px;
  position: relative;
}

.profile-widget-simple .profile-widget-lower img {
  position: absolute;
  border-radius: 50%;
  height: 128px;
  width: 128px;
  top: -64px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.profile-widget-simple .profile-widget-lower ul {
  margin: 0;
}

/* ----------------------------------------------------
 *  20. Notifications
 *
 *  Contains styling for the notifications which
 *  is exclusive for XPLOIT. Contains both the
 *  notiications CSS and notification demo CSS.
 * ---------------------------------------------------- */
/* ====== Demo - Notification Demo Tab ===== 
------------------------------------------------------------ */
.notification-tab ul li.active h3 {
  position: relative;
  color: #ffffff;
  background: #ffffff !important;
  border: solid 5px #323c50;
}

.notification-tab ul li.active h3:before {
  height: 65px;
  width: 65px;
  line-height: 65px;
  background: transparent;
  color: #323c50;
  font-size: 36px;
  position: absolute;
  display: block;
  margin: auto;
  border-radius: 50%;
  font-family: "FontAwesome";
  content: "\f00c";
}

/* ====== Demo - Notification Styles ===== 
------------------------------------------------------------ */
.notification-style li {
  border-bottom: solid 3px #ddd;
  padding: 10px 15px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  width: 19%;
}

.notification-style li.li-active:first-child {
  color: #323c50;
  border-color: #323c50;
}

.notification-style li.li-active:nth-child(2) {
  color: #27c24c;
  border-color: #27c24c;
}

.notification-style li.li-active:nth-child(3) {
  color: #00abe8;
  border-color: #00abe8;
}

.notification-style li.li-active:nth-child(4) {
  color: #ff9c00;
  border-color: #ff9c00;
}

.notification-style li.li-active:nth-child(5) {
  color: #f93926;
  border-color: #f93926;
}

/* ====== Demo - Notification Dummy ===== 
------------------------------------------------------------ */
.notifications-dummy {
  height: 350px;
  width: 100%;
  background: #f9f9f9;
  border: dashed 3px #ddd;
  position: relative;
}

.notifications-dummy.simple-notification-dummy .dummy-notification, .notifications-dummy.alert-notification-dummy .dummy-notification {
  padding: 20px 15px;
  cursor: pointer;
  background: #ddd;
  border-radius: 4px;
  height: 50px;
  width: 150px;
  position: absolute;
}

.notifications-dummy.simple-notification-dummy .dummy-notification .dummy-notification-content, .notifications-dummy.alert-notification-dummy .dummy-notification .dummy-notification-content {
  height: 10px;
  width: 75%;
  background: #aaa;
  border-radius: 4px;
}

.notifications-dummy.simple-notification-dummy .dummy-notification .dummy-notification-close, .notifications-dummy.alert-notification-dummy .dummy-notification .dummy-notification-close {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #aaa;
  position: absolute;
  top: 10px;
  right: 10px;
}

.notifications-dummy.simple-notification-dummy .dummy-top-left, .notifications-dummy.alert-notification-dummy .dummy-top-left {
  top: 10px;
  left: 10px;
}

.notifications-dummy.simple-notification-dummy .dummy-top-right, .notifications-dummy.alert-notification-dummy .dummy-top-right {
  top: 10px;
  right: 10px;
}

.notifications-dummy.simple-notification-dummy .dummy-bottom-left, .notifications-dummy.alert-notification-dummy .dummy-bottom-left {
  bottom: 10px;
  left: 10px;
}

.notifications-dummy.simple-notification-dummy .dummy-bottom-right, .notifications-dummy.alert-notification-dummy .dummy-bottom-right {
  bottom: 10px;
  right: 10px;
}

.notifications-dummy.thumb-notification-dummy .dummy-notification {
  padding: 10px 10px;
  cursor: pointer;
  background: #ddd;
  height: 50px;
  width: 150px;
  position: absolute;
}

.notifications-dummy.thumb-notification-dummy .dummy-notification .dummy-notification-image {
  height: 30px;
  width: 30px;
  background: #aaa;
  border-radius: 4px;
}

.notifications-dummy.thumb-notification-dummy .dummy-notification .dummy-notification-content {
  height: 10px;
  width: 70px;
  background: #aaa;
  border-radius: 4px;
  position: absolute;
  left: 50px;
  top: 20px;
}

.notifications-dummy.thumb-notification-dummy .dummy-notification .dummy-notification-close {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #aaa;
  position: absolute;
  top: 10px;
  right: 10px;
}

.notifications-dummy.thumb-notification-dummy .dummy-top-left {
  top: 10px;
  left: 10px;
}

.notifications-dummy.thumb-notification-dummy .dummy-top-right {
  top: 10px;
  right: 10px;
}

.notifications-dummy.thumb-notification-dummy .dummy-bottom-left {
  bottom: 10px;
  left: 10px;
}

.notifications-dummy.thumb-notification-dummy .dummy-bottom-right {
  bottom: 10px;
  right: 10px;
}

.notifications-dummy.flip-notification-dummy .dummy-notification {
  padding: 20px 15px;
  cursor: pointer;
  background: #ddd;
  border-radius: 4px;
  height: 75px;
  width: 150px;
  position: absolute;
}

.notifications-dummy.flip-notification-dummy .dummy-notification .dummy-notification-content {
  height: 7px;
  width: 75%;
  background: #aaa;
  border-radius: 4px;
  position: relative;
}

.notifications-dummy.flip-notification-dummy .dummy-notification .dummy-notification-content:before {
  content: '';
  display: block;
  height: 7px;
  width: 50%;
  position: absolute;
  background: #aaa;
  border-radius: 4px;
  top: 15px;
}

.notifications-dummy.flip-notification-dummy .dummy-notification .dummy-notification-content:after {
  content: '';
  display: block;
  height: 7px;
  width: 60%;
  position: absolute;
  background: #aaa;
  border-radius: 4px;
  top: 30px;
}

.notifications-dummy.flip-notification-dummy .dummy-notification .dummy-notification-close {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #aaa;
  position: absolute;
  top: 10px;
  right: 10px;
}

.notifications-dummy.flip-notification-dummy .dummy-top-left {
  top: 0;
  left: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.notifications-dummy.flip-notification-dummy .dummy-top-right {
  top: 0;
  right: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.notifications-dummy.flip-notification-dummy .dummy-bottom-left {
  bottom: 0;
  left: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.notifications-dummy.flip-notification-dummy .dummy-bottom-right {
  bottom: 0;
  right: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.notifications-dummy.thumb-circle-notification-dummy .dummy-notification {
  padding: 10px 10px;
  cursor: pointer;
  background: #ddd;
  height: 50px;
  width: 150px;
  position: absolute;
  border-radius: 50px;
}

.notifications-dummy.thumb-circle-notification-dummy .dummy-notification .dummy-notification-image {
  height: 30px;
  width: 30px;
  background: #aaa;
  border-radius: 50%;
}

.notifications-dummy.thumb-circle-notification-dummy .dummy-notification .dummy-notification-content {
  height: 10px;
  width: 70px;
  background: #aaa;
  border-radius: 4px;
  position: absolute;
  left: 45px;
  top: 20px;
}

.notifications-dummy.thumb-circle-notification-dummy .dummy-notification .dummy-notification-close {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #aaa;
  position: absolute;
  top: 10px;
  right: 15px;
}

.notifications-dummy.thumb-circle-notification-dummy .dummy-top-left {
  top: 10px;
  left: 10px;
}

.notifications-dummy.thumb-circle-notification-dummy .dummy-top-right {
  top: 10px;
  right: 10px;
}

.notifications-dummy.thumb-circle-notification-dummy .dummy-bottom-left {
  bottom: 10px;
  left: 10px;
}

.notifications-dummy.thumb-circle-notification-dummy .dummy-bottom-right {
  bottom: 10px;
  right: 10px;
}

.notifications-dummy.bar-notification-dummy .dummy-notification {
  padding: 20px 15px;
  cursor: pointer;
  background: #ddd;
  border-radius: 4px;
  height: 50px;
  position: absolute;
}

.notifications-dummy.bar-notification-dummy .dummy-notification .dummy-notification-content {
  height: 10px;
  width: 70%;
  background: #aaa;
  border-radius: 4px;
  position: relative;
}

.notifications-dummy.bar-notification-dummy .dummy-notification .dummy-notification-close {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #aaa;
  position: absolute;
  top: 10px;
  right: 10px;
}

.notifications-dummy.bar-notification-dummy .dummy-top {
  top: 0;
  left: 10px;
  right: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.notifications-dummy.bar-notification-dummy .dummy-bottom {
  bottom: 0;
  left: 10px;
  right: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* ====== Notification ===== 
------------------------------------------------------------ */
.notify-container {
  position: fixed;
  z-index: 990;
}

.notify-container .notify-wrapper .notify-close-button {
  position: absolute;
  top: 10px;
  bottom: 0;
  right: 10px;
  cursor: pointer;
  backface-visibility: hidden;
  overflow: hidden;
}

.notify-container .notify-wrapper[data-type="thumb-circle"] {
  width: 350px;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
  border-radius: 50px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.notify-container .notify-wrapper[data-type="thumb-circle"].notify-open .thumb-circle--container .thumb-circle--image, .notify-container .notify-wrapper[data-type="thumb-circle"].notify-close .thumb-circle--container .thumb-circle--image {
  -webkit-animation: animJelly 1s linear forwards;
  -moz-animation: animJelly 1s linear forwards;
  animation: animJelly 1s linear forwards;
}

.notify-container .notify-wrapper[data-type="thumb-circle"].notify-open .thumb-circle--container .thumb-circle--message, .notify-container .notify-wrapper[data-type="thumb-circle"].notify-close .thumb-circle--container .thumb-circle--message {
  -webkit-animation: animSlide 0.4s cubic-bezier(0.7, 0, 0.3, 1) both;
  -moz-animation: animSlide 0.4s cubic-bezier(0.7, 0, 0.3, 1) both;
  animation: animSlide 0.4s cubic-bezier(0.7, 0, 0.3, 1) both;
}

.notify-container .notify-wrapper[data-type="thumb-circle"].notify-open .thumb-circle--container .thumb-circle--message span, .notify-container .notify-wrapper[data-type="thumb-circle"].notify-close .thumb-circle--container .thumb-circle--message span {
  -webkit-animation: animFade 0.3s forwards;
  -moz-animation: animFade 0.3s forwards;
  animation: animFade 0.3s forwards;
  opacity: 0;
}

.notify-container .notify-wrapper[data-type="thumb-circle"].notify-open .notify-close-button, .notify-container .notify-wrapper[data-type="thumb-circle"].notify-close .notify-close-button {
  -webkit-animation: animFade 0.3s forwards;
  -moz-animation: animFade 0.3s forwards;
  animation: animFade 0.3s forwards;
  opacity: 0;
}

.notify-container .notify-wrapper[data-type="thumb-circle"].notify-open .thumb-circle--container .thumb-circle--message {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.notify-container .notify-wrapper[data-type="thumb-circle"].notify-open .thumb-circle--container .thumb-circle--message span {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.notify-container .notify-wrapper[data-type="thumb-circle"].notify-open .notify-close-button {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.notify-container .notify-wrapper[data-type="thumb-circle"].notify-close .thumb-circle--container .thumb-circle--image {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.notify-container .notify-wrapper[data-type="thumb-circle"].notify-close .thumb-circle--container .thumb-circle--message {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.notify-container .notify-wrapper[data-type="thumb-circle"].notify-close .thumb-circle--container .thumb-circle--message span {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}

.notify-container .notify-wrapper[data-type="thumb-circle"].notify-close .notify-close-button {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}

.notify-container .notify-wrapper[data-type="thumb-circle"] .thumb-circle--container {
  position: relative;
}

.notify-container .notify-wrapper[data-type="thumb-circle"] .thumb-circle--container .thumb-circle--image {
  height: 65px;
  width: 65px;
  position: absolute;
  z-index: 9999;
  top: 0;
  bottom: 0;
  left: 0px;
}

.notify-container .notify-wrapper[data-type="thumb-circle"] .thumb-circle--container .thumb-circle--image img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

.notify-container .notify-wrapper[data-type="thumb-circle"] .thumb-circle--container .thumb-circle--message {
  height: 65px;
  line-height: 35px;
  background: #ffffff;
  border-radius: 50px;
  padding: 15px 15px 15px 80px;
}

.notify-container .notify-wrapper[data-type="thumb"] {
  width: 350px;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
}

.notify-container .notify-wrapper[data-type="thumb"].notify-open .thumb--container .thumb--image, .notify-container .notify-wrapper[data-type="thumb"].notify-close .thumb--container .thumb--image {
  -webkit-animation: animJelly 1s linear forwards;
  -moz-animation: animJelly 1s linear forwards;
  animation: animJelly 1s linear forwards;
}

.notify-container .notify-wrapper[data-type="thumb"].notify-open .thumb--container .thumb--message, .notify-container .notify-wrapper[data-type="thumb"].notify-close .thumb--container .thumb--message {
  -webkit-animation: animSlide 0.4s cubic-bezier(0.7, 0, 0.3, 1) both;
  -moz-animation: animSlide 0.4s cubic-bezier(0.7, 0, 0.3, 1) both;
  animation: animSlide 0.4s cubic-bezier(0.7, 0, 0.3, 1) both;
}

.notify-container .notify-wrapper[data-type="thumb"].notify-open .thumb--container .thumb--message span, .notify-container .notify-wrapper[data-type="thumb"].notify-close .thumb--container .thumb--message span {
  -webkit-animation: animFade 0.3s forwards;
  -moz-animation: animFade 0.3s forwards;
  animation: animFade 0.3s forwards;
  opacity: 0;
}

.notify-container .notify-wrapper[data-type="thumb"].notify-open .notify-close-button, .notify-container .notify-wrapper[data-type="thumb"].notify-close .notify-close-button {
  -webkit-animation: animFade 0.3s forwards;
  -moz-animation: animFade 0.3s forwards;
  animation: animFade 0.3s forwards;
  opacity: 0;
}

.notify-container .notify-wrapper[data-type="thumb"].notify-open .thumb--container .thumb--message {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.notify-container .notify-wrapper[data-type="thumb"].notify-open .thumb--container .thumb--message span {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.notify-container .notify-wrapper[data-type="thumb"].notify-open .notify-close-button {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.notify-container .notify-wrapper[data-type="thumb"].notify-close .thumb--container .thumb--image {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.notify-container .notify-wrapper[data-type="thumb"].notify-close .thumb--container .thumb--message {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.notify-container .notify-wrapper[data-type="thumb"].notify-close .thumb--container .thumb--message span {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}

.notify-container .notify-wrapper[data-type="thumb"].notify-close .notify-close-button {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}

.notify-container .notify-wrapper[data-type="thumb"] .thumb--container {
  position: relative;
  box-shadow: 0 7px 4px -3px rgba(0, 0, 0, 0.3);
}

.notify-container .notify-wrapper[data-type="thumb"] .thumb--container .thumb--image {
  height: 65px;
  width: 65px;
  position: absolute;
  z-index: 100;
  overflow: hidden;
}

.notify-container .notify-wrapper[data-type="thumb"] .thumb--container .thumb--image img {
  height: 100%;
  width: 100%;
}

.notify-container .notify-wrapper[data-type="thumb"] .thumb--container .thumb--message {
  height: 65px;
  line-height: 35px;
  background: #ffffff;
  padding: 15px 15px 15px 80px;
}

.notify-container .notify-wrapper[data-type="alert"] {
  width: 350px;
  margin-bottom: 15px;
  position: relative;
}

.notify-container .notify-wrapper[data-type="alert"][data-style="primary"] .alert--container {
  background: #e3e1f1;
}

.notify-container .notify-wrapper[data-type="alert"][data-style="primary"] .alert--container .alert--image,
.notify-container .notify-wrapper[data-type="alert"][data-style="primary"] .alert--container .alert--message {
  color: #4d4292;
}

.notify-container .notify-wrapper[data-type="alert"][data-style="primary"] .notify-close-button {
  color: #4d4292;
}

.notify-container .notify-wrapper[data-type="alert"][data-style="success"] .alert--container {
  background: #d7f7df;
}

.notify-container .notify-wrapper[data-type="alert"][data-style="success"] .alert--container .alert--image,
.notify-container .notify-wrapper[data-type="alert"][data-style="success"] .alert--container .alert--message {
  color: #1a8233;
}

.notify-container .notify-wrapper[data-type="alert"][data-style="success"] .notify-close-button {
  color: #1a8233;
}

.notify-container .notify-wrapper[data-type="alert"][data-style="info"] .alert--container {
  background: #cff2ff;
}

.notify-container .notify-wrapper[data-type="alert"][data-style="info"] .alert--container .alert--image,
.notify-container .notify-wrapper[data-type="alert"][data-style="info"] .alert--container .alert--message {
  color: #00739c;
}

.notify-container .notify-wrapper[data-type="alert"][data-style="info"] .notify-close-button {
  color: #00739c;
}

.notify-container .notify-wrapper[data-type="alert"][data-style="warning"] .alert--container {
  background: #ffebcc;
}

.notify-container .notify-wrapper[data-type="alert"][data-style="warning"] .alert--container .alert--image,
.notify-container .notify-wrapper[data-type="alert"][data-style="warning"] .alert--container .alert--message {
  color: #b36d00;
}

.notify-container .notify-wrapper[data-type="alert"][data-style="warning"] .notify-close-button {
  color: #b36d00;
}

.notify-container .notify-wrapper[data-type="alert"][data-style="danger"] .alert--container {
  background: #fedcd9;
}

.notify-container .notify-wrapper[data-type="alert"][data-style="danger"] .alert--container .alert--image,
.notify-container .notify-wrapper[data-type="alert"][data-style="danger"] .alert--container .alert--message {
  color: #cd1806;
}

.notify-container .notify-wrapper[data-type="alert"][data-style="danger"] .notify-close-button {
  color: #cd1806;
}

.notify-container .notify-wrapper[data-type="alert"].notify-open .alert--container, .notify-container .notify-wrapper[data-type="alert"].notify-close .alert--container {
  -webkit-animation: animScale 0.4s ease;
  -moz-animation: animScale 0.4s ease;
  animation: animScale 0.4s ease;
}

.notify-container .notify-wrapper[data-type="alert"].notify-open .alert--container .alert--image,
.notify-container .notify-wrapper[data-type="alert"].notify-open .alert--container .alert--message, .notify-container .notify-wrapper[data-type="alert"].notify-close .alert--container .alert--image,
.notify-container .notify-wrapper[data-type="alert"].notify-close .alert--container .alert--message {
  -webkit-animation: animFade 0.3s forwards;
  -moz-animation: animFade 0.3s forwards;
  animation: animFade 0.3s forwards;
  opacity: 0;
}

.notify-container .notify-wrapper[data-type="alert"].notify-open .notify-close-button, .notify-container .notify-wrapper[data-type="alert"].notify-close .notify-close-button {
  -webkit-animation: animFade 0.3s forwards;
  -moz-animation: animFade 0.3s forwards;
  animation: animFade 0.3s forwards;
  opacity: 0;
}

.notify-container .notify-wrapper[data-type="alert"].notify-open .alert--container .alert--image,
.notify-container .notify-wrapper[data-type="alert"].notify-open .alert--container .alert--message {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.notify-container .notify-wrapper[data-type="alert"].notify-open .notify-close-button {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.notify-container .notify-wrapper[data-type="alert"].notify-close .alert--container {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.notify-container .notify-wrapper[data-type="alert"].notify-close .alert--container .alert--image,
.notify-container .notify-wrapper[data-type="alert"].notify-close .alert--container .alert--message {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}

.notify-container .notify-wrapper[data-type="alert"].notify-close .notify-close-button {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}

.notify-container .notify-wrapper[data-type="alert"] .alert--container {
  position: relative;
  border-radius: 4px;
  box-shadow: 0 7px 4px -3px rgba(0, 0, 0, 0.3);
}

.notify-container .notify-wrapper[data-type="alert"] .alert--container .alert--image {
  position: absolute;
  width: 65px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.notify-container .notify-wrapper[data-type="alert"] .alert--container .alert--image i {
  font-size: 36px;
  height: 100%;
  width: 100%;
  display: table;
}

.notify-container .notify-wrapper[data-type="alert"] .alert--container .alert--image i:before {
  display: table-cell;
  vertical-align: middle;
}

.notify-container .notify-wrapper[data-type="alert"] .alert--container .alert--message {
  padding: 25px 15px 25px 65px;
}

.notify-container .notify-wrapper[data-type="simple"] {
  width: 350px;
  margin-bottom: 15px;
  position: relative;
  border-radius: 4px;
}

.notify-container .notify-wrapper[data-type="simple"][data-style="primary"] .simple--container {
  background: #e3e1f1;
}

.notify-container .notify-wrapper[data-type="simple"][data-style="primary"] .simple--container .simple--message {
  color: #4d4292;
}

.notify-container .notify-wrapper[data-type="simple"][data-style="primary"] .notify-close-button {
  color: #4d4292;
}

.notify-container .notify-wrapper[data-type="simple"][data-style="success"] .simple--container {
  background: #d7f7df;
}

.notify-container .notify-wrapper[data-type="simple"][data-style="success"] .simple--container .simple--message {
  color: #1a8233;
}

.notify-container .notify-wrapper[data-type="simple"][data-style="success"] .notify-close-button {
  color: #1a8233;
}

.notify-container .notify-wrapper[data-type="simple"][data-style="info"] .simple--container {
  background: #cff2ff;
}

.notify-container .notify-wrapper[data-type="simple"][data-style="info"] .simple--container .simple--message {
  color: #00739c;
}

.notify-container .notify-wrapper[data-type="simple"][data-style="info"] .notify-close-button {
  color: #00739c;
}

.notify-container .notify-wrapper[data-type="simple"][data-style="warning"] .simple--container {
  background: #ffebcc;
}

.notify-container .notify-wrapper[data-type="simple"][data-style="warning"] .simple--container .simple--message {
  color: #b36d00;
}

.notify-container .notify-wrapper[data-type="simple"][data-style="warning"] .notify-close-button {
  color: #b36d00;
}

.notify-container .notify-wrapper[data-type="simple"][data-style="danger"] .simple--container {
  background: #fedcd9;
}

.notify-container .notify-wrapper[data-type="simple"][data-style="danger"] .simple--container .simple--message {
  color: #cd1806;
}

.notify-container .notify-wrapper[data-type="simple"][data-style="danger"] .notify-close-button {
  color: #cd1806;
}

.notify-container .notify-wrapper[data-type="simple"].notify-open .simple--container, .notify-container .notify-wrapper[data-type="simple"].notify-close .simple--container {
  -webkit-animation: animScale 0.4s ease;
  -moz-animation: animScale 0.4s ease;
  animation: animScale 0.4s ease;
}

.notify-container .notify-wrapper[data-type="simple"].notify-open .simple--container .simple--image,
.notify-container .notify-wrapper[data-type="simple"].notify-open .simple--container .simple--message, .notify-container .notify-wrapper[data-type="simple"].notify-close .simple--container .simple--image,
.notify-container .notify-wrapper[data-type="simple"].notify-close .simple--container .simple--message {
  -webkit-animation: animFade 0.3s forwards;
  -moz-animation: animFade 0.3s forwards;
  animation: animFade 0.3s forwards;
  opacity: 0;
}

.notify-container .notify-wrapper[data-type="simple"].notify-open .notify-close-button, .notify-container .notify-wrapper[data-type="simple"].notify-close .notify-close-button {
  -webkit-animation: animFade 0.3s forwards;
  -moz-animation: animFade 0.3s forwards;
  animation: animFade 0.3s forwards;
  opacity: 0;
}

.notify-container .notify-wrapper[data-type="simple"].notify-open .simple--container .simple--image,
.notify-container .notify-wrapper[data-type="simple"].notify-open .simple--container .simple--message {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.notify-container .notify-wrapper[data-type="simple"].notify-open .notify-close-button {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.notify-container .notify-wrapper[data-type="simple"].notify-close .simple--container {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.notify-container .notify-wrapper[data-type="simple"].notify-close .simple--container .simple--image,
.notify-container .notify-wrapper[data-type="simple"].notify-close .simple--container .simple--message {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}

.notify-container .notify-wrapper[data-type="simple"].notify-close .notify-close-button {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}

.notify-container .notify-wrapper[data-type="simple"] .simple--container {
  background: #d3cfea;
  color: #0b1115;
  border-radius: 4px;
  box-shadow: 0 7px 4px -3px rgba(0, 0, 0, 0.3);
}

.notify-container .notify-wrapper[data-type="simple"] .simple--container .simple--message {
  padding: 25px 15px;
}

.notify-container .notify-wrapper[data-type="flip"] {
  width: 350px;
  margin-bottom: 15px;
  position: relative;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.notify-container .notify-wrapper[data-type="flip"][data-style="primary"] .flip--container {
  background: #e3e1f1;
}

.notify-container .notify-wrapper[data-type="flip"][data-style="primary"] .flip--container .flip--message {
  color: #4d4292;
}

.notify-container .notify-wrapper[data-type="flip"][data-style="primary"] .notify-close-button {
  color: #4d4292;
}

.notify-container .notify-wrapper[data-type="flip"][data-style="success"] .flip--container {
  background: #d7f7df;
}

.notify-container .notify-wrapper[data-type="flip"][data-style="success"] .flip--container .flip--message {
  color: #1a8233;
}

.notify-container .notify-wrapper[data-type="flip"][data-style="success"] .notify-close-button {
  color: #1a8233;
}

.notify-container .notify-wrapper[data-type="flip"][data-style="info"] .flip--container {
  background: #cff2ff;
}

.notify-container .notify-wrapper[data-type="flip"][data-style="info"] .flip--container .flip--message {
  color: #00739c;
}

.notify-container .notify-wrapper[data-type="flip"][data-style="info"] .notify-close-button {
  color: #00739c;
}

.notify-container .notify-wrapper[data-type="flip"][data-style="warning"] .flip--container {
  background: #ffebcc;
}

.notify-container .notify-wrapper[data-type="flip"][data-style="warning"] .flip--container .flip--message {
  color: #b36d00;
}

.notify-container .notify-wrapper[data-type="flip"][data-style="warning"] .notify-close-button {
  color: #b36d00;
}

.notify-container .notify-wrapper[data-type="flip"][data-style="danger"] .flip--container {
  background: #fedcd9;
}

.notify-container .notify-wrapper[data-type="flip"][data-style="danger"] .flip--container .flip--message {
  color: #cd1806;
}

.notify-container .notify-wrapper[data-type="flip"][data-style="danger"] .notify-close-button {
  color: #cd1806;
}

.notify-container .notify-wrapper[data-type="flip"].notify-open {
  -webkit-animation-name: flipInX;
  -ms-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: 0.8s;
  -ms-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.notify-container .notify-wrapper[data-type="flip"].notify-close {
  -webkit-animation-name: flipInXSimple;
  -ms-animation-name: flipInXSimple;
  animation-name: flipInXSimple;
  -webkit-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-direction: reverse;
  -ms-animation-direction: reverse;
  animation-direction: reverse;
}

.notify-container .notify-wrapper[data-type="flip"] .flip--container {
  box-shadow: 0 7px 4px -3px rgba(0, 0, 0, 0.3);
}

.notify-container .notify-wrapper[data-type="flip"] .flip--container .flip--message {
  padding: 25px 15px;
}

.notify-container .notify-wrapper[data-type="bar"] {
  width: 100%;
  position: relative;
}

.notify-container .notify-wrapper[data-type="bar"].notify-open, .notify-container .notify-wrapper[data-type="bar"].notify-close {
  -webkit-animation-name: animSlideTop;
  animation-name: animSlideTop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

.notify-container .notify-wrapper[data-type="bar"].notify-close {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}

.notify-container .notify-wrapper[data-type="bar"][data-style="primary"] .bar--container {
  background: #e3e1f1;
}

.notify-container .notify-wrapper[data-type="bar"][data-style="primary"] .bar--container .bar--message {
  color: #4d4292;
}

.notify-container .notify-wrapper[data-type="bar"][data-style="primary"] .notify-close-button {
  color: #4d4292;
}

.notify-container .notify-wrapper[data-type="bar"][data-style="success"] .bar--container {
  background: #d7f7df;
}

.notify-container .notify-wrapper[data-type="bar"][data-style="success"] .bar--container .bar--message {
  color: #1a8233;
}

.notify-container .notify-wrapper[data-type="bar"][data-style="success"] .notify-close-button {
  color: #1a8233;
}

.notify-container .notify-wrapper[data-type="bar"][data-style="info"] .bar--container {
  background: #cff2ff;
}

.notify-container .notify-wrapper[data-type="bar"][data-style="info"] .bar--container .bar--message {
  color: #00739c;
}

.notify-container .notify-wrapper[data-type="bar"][data-style="info"] .notify-close-button {
  color: #00739c;
}

.notify-container .notify-wrapper[data-type="bar"][data-style="warning"] .bar--container {
  background: #ffebcc;
}

.notify-container .notify-wrapper[data-type="bar"][data-style="warning"] .bar--container .bar--message {
  color: #b36d00;
}

.notify-container .notify-wrapper[data-type="bar"][data-style="warning"] .notify-close-button {
  color: #b36d00;
}

.notify-container .notify-wrapper[data-type="bar"][data-style="danger"] .bar--container {
  background: #fedcd9;
}

.notify-container .notify-wrapper[data-type="bar"][data-style="danger"] .bar--container .bar--message {
  color: #cd1806;
}

.notify-container .notify-wrapper[data-type="bar"][data-style="danger"] .notify-close-button {
  color: #cd1806;
}

.notify-container .notify-wrapper[data-type="bar"] .bar--container {
  background: #00abe8;
  box-shadow: 0 7px 4px -3px rgba(0, 0, 0, 0.3);
}

.notify-container .notify-wrapper[data-type="bar"] .bar--container .bar--message {
  padding: 20px 15px;
}

.notify-container[data-position="top"] {
  top: 50px;
  left: 225px;
  right: 0;
  overflow: hidden;
}

.notify-container[data-position="bottom"] {
  bottom: 0px;
  left: 225px;
  right: 0;
  overflow: hidden;
}

.notify-container[data-position="bottom"] [data-type="bar"].notify-open, .notify-container[data-position="bottom"] [data-type="bar"].notify-close {
  -webkit-animation-name: animSlideBottom;
  animation-name: animSlideBottom;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

.notify-container[data-position="bottom"] [data-type="bar"].notify-close {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}

.notify-container[data-position="top-right"] {
  top: 65px;
  right: 15px;
}

.notify-container[data-position="top-right"] [data-type="flip"] {
  top: -15px;
}

.notify-container[data-position="top-left"] {
  top: 65px;
  left: 265px;
}

.notify-container[data-position="top-left"] [data-type="flip"] {
  top: -15px;
}

.notify-container[data-position="bottom-right"] {
  bottom: 15px;
  right: 15px;
}

.notify-container[data-position="bottom-right"] [data-type="flip"] {
  bottom: -15px;
  margin-bottom: 0 !important;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.notify-container[data-position="bottom-right"] [data-type="flip"].notify-open {
  -webkit-animation-name: flipInXBottom;
  animation-name: flipInXBottom;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.notify-container[data-position="bottom-right"] [data-type="flip"].notify-close {
  -webkit-animation-name: flipInXSimpleBottom;
  animation-name: flipInXSimpleBottom;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}

.notify-container[data-position="bottom-right"] [data-type="flip"] .flip--container {
  box-shadow: 0px -7px 4px -4px rgba(0, 0, 0, 0.3) !important;
}

.notify-container[data-position="bottom-left"] {
  bottom: 15px;
  left: 265px;
}

.notify-container[data-position="bottom-left"] [data-type="flip"] {
  bottom: -15px;
  margin-bottom: 0 !important;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.notify-container[data-position="bottom-left"] [data-type="flip"].notify-open {
  -webkit-animation-name: flipInXBottom;
  animation-name: flipInXBottom;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.notify-container[data-position="bottom-left"] [data-type="flip"].notify-close {
  -webkit-animation-name: flipInXSimpleBottom;
  animation-name: flipInXSimpleBottom;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}

.notify-container[data-position="bottom-left"] [data-type="flip"] .flip--container {
  box-shadow: 0px -7px 4px -4px rgba(0, 0, 0, 0.3) !important;
}

.navbar-collapsed .notify-container[data-position="top-left"], .navbar-collapsed .notify-container[data-position="bottom-left"] {
  left: 90px;
}

.navbar-collapsed .notify-container[data-position="top"], .navbar-collapsed .notify-container[data-position="bottom"] {
  left: 75px;
}

@-webkit-keyframes animJelly {
  0% {
    opacity: 0;
    -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.083333% {
    -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.166667% {
    -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.25% {
    -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.333333% {
    -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.416667% {
    opacity: 1;
    -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.583333% {
    -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.75% {
    -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20.833333% {
    -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.916667% {
    -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25% {
    -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  27.083333% {
    -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.166667% {
    -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.25% {
    -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.416667% {
    -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  39.583333% {
    -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.666667% {
    -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.75% {
    -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  45.833333% {
    -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.916667% {
    -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.083333% {
    -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  54.166667% {
    -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.25% {
    -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.333333% {
    -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.416667% {
    -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  62.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  64.583333% {
    -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  68.75% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.833333% {
    -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  72.916667% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  77.083333% {
    -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  79.166667% {
    -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  81.25% {
    -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.416667% {
    -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  89.583333% {
    -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.666667% {
    -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.75% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  95.833333% {
    -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  97.916667% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@keyframes animJelly {
  0% {
    opacity: 0;
    -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.083333% {
    -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.166667% {
    -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.25% {
    -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.333333% {
    -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.416667% {
    opacity: 1;
    -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.583333% {
    -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.75% {
    -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20.833333% {
    -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.916667% {
    -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25% {
    -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  27.083333% {
    -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.166667% {
    -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.25% {
    -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.416667% {
    -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  39.583333% {
    -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.666667% {
    -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.75% {
    -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  45.833333% {
    -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.916667% {
    -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.083333% {
    -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  54.166667% {
    -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.25% {
    -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.333333% {
    -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.416667% {
    -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  62.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  64.583333% {
    -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  68.75% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.833333% {
    -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  72.916667% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  77.083333% {
    -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  79.166667% {
    -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  81.25% {
    -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.416667% {
    -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  89.583333% {
    -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.666667% {
    -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.75% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  95.833333% {
    -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  97.916667% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@-webkit-keyframes animSlide {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@keyframes animSlide {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes animFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes animFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes animScale {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
}

@keyframes animScale {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -webkit-transition-timing-function: ease-in;
    -ms-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    -webkit-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    -webkit-transition-timing-function: ease-in;
    -ms-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    -webkit-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    -o-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -webkit-transition-timing-function: ease-in;
    -ms-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    -webkit-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    -webkit-transition-timing-function: ease-in;
    -ms-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    -webkit-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    -o-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes flipInXSimple {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -webkit-transition-timing-function: ease-in;
    -ms-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    -o-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInXSimple {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -webkit-transition-timing-function: ease-in;
    -ms-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    -o-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes flipInXBottom {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
    -webkit-transition-timing-function: ease-in;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -webkit-transition-timing-function: ease-in;
    -ms-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -webkit-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    -o-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInXBottom {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes flipInXSimpleBottom {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
  }
}

@keyframes flipInXSimpleBottom {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes animSlideTop {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@keyframes animSlideTop {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes animSlideBottom {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@keyframes animSlideBottom {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* ----------------------------------------------------
 *  21. Login, Resgister, Forgot Password, Lockscreen
 *
 *  Styling file for all the above mentioned pages
 * ---------------------------------------------------- */
/*
 *  Lock Screen
 * ========================================================= */
.lockscreen-container {
  width: 400px;
  margin: auto;
  padding: 50px 20px 20px 20px;
}

.lockscreen-container .lockscreen {
  border-radius: 5px;
  box-shadow: 0 2px 4px #ddd;
}

/*
 *  Forgot Password
 * ========================================================= */
.fp-container {
  padding: 100px 25px !important;
}

/*
 *  Generic for all the above mentioned pages
 * ========================================================= */
.register-container,
.login-container,
.fp-container {
  width: 500px;
  padding: 50px 25px;
  margin: 0 auto;
}

.register-container .social-sign-up,
.login-container .social-sign-up,
.fp-container .social-sign-up {
  position: relative;
}

.register-container .social-sign-up:before,
.login-container .social-sign-up:before,
.fp-container .social-sign-up:before {
  content: '';
  display: block;
  right: 0;
  position: absolute;
  left: 0;
  bottom: -26px;
  height: 1px;
  background: #ddd;
  z-index: -1;
  width: 100%;
}

.register-container .social-sign-up i,
.login-container .social-sign-up i,
.fp-container .social-sign-up i {
  font-size: 2em !important;
}

.register-container .social-sign-up + p small,
.login-container .social-sign-up + p small,
.fp-container .social-sign-up + p small {
  background: #f1f1f1;
  padding: 0 15px;
}

/*
 *  Errors
 * ========================================================= */
.error-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* ----------------------------------------------------
 * 22. Mail
 *
 * Contains all the styling for web mail
 * ---------------------------------------------------- */
.content-wrapper.mail #page-content {
  padding: 50px 0 0 0;
}

.content-wrapper.mail #page-content .mail-container {
  height: 100%;
}

.content-wrapper.mail #page-content .mail-container .mail-menu {
  float: left;
  width: 75px;
  height: 100%;
  background: #27333F;
}

.content-wrapper.mail #page-content .mail-container .mail-menu ul li.menu-header {
  /*font-family: "Montserrat", sans-serif;*/
  text-align: center;
  text-transform: uppercase;
  color: #535F6B;
  margin: 15px 0;
}

.content-wrapper.mail #page-content .mail-container .mail-menu ul li.active a {
  color: #ffffff;
}

.content-wrapper.mail #page-content .mail-container .mail-menu ul li a {
  height: 65px;
  line-height: 65px;
  display: block;
  text-align: center;
  color: #535F6B;
  position: relative;
}

.content-wrapper.mail #page-content .mail-container .mail-menu ul li a .badge {
  position: absolute;
  top: 10px;
  right: 18px;
}

.content-wrapper.mail #page-content .mail-container .mail-menu ul li a i {
  font-size: 24px;
}

.content-wrapper.mail #page-content .mail-container .mail-menu ul li a:hover, .content-wrapper.mail #page-content .mail-container .mail-menu ul li a:focus {
  text-decoration: none;
  color: #ffffff;
}

.content-wrapper.mail #page-content .mail-container .mail-list {
  height: 100%;
  width: 400px;
  overflow: auto;
  position: relative;
  background: #f9f9f9;
  float: left;
}

.content-wrapper.mail #page-content .mail-container .mail-list .ioslist-fake-header, .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .ioslist-group-header {
  /*font-family: "Montserrat", sans-serif;*/
  padding: 3px 15px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  border: solid 1px #ddd;
  border-left: none;
  border-right: none;
  width: 100%;
  text-shadow: none;
  background: #f1f1f1;
  color: rgba(0, 0, 0, 0.5);
  z-index: 900;
}

.content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container {
  padding-top: 29px;
}

.content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item {
  margin: 0;
  cursor: pointer;
  border-bottom: solid 1px #f1f1f1;
  position: relative;
}

.content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.active {
  background: #ffffff;
}

.content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-primary:before, .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-success:before, .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-info:before, .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-warning:before, .content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-danger:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3px;
  height: 100%;
}

.content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-primary:before {
  background: #323c50;
}

.content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-success:before {
  background: #27c24c;
}

.content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-info:before {
  background: #00abe8;
}

.content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-warning:before {
  background: #ff9c00;
}

.content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item.flag-danger:before {
  background: #f93926;
}

.content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item:hover {
  background: #edecf6 !important;
}

.content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item .mail-list-sender {
  color: #0b1115;
}

.content-wrapper.mail #page-content .mail-container .mail-list .ioslist-wrapper .ioslist-group-container .mail-item .mail-list-subject {
  color: #0b1115;
}

.content-wrapper.mail #page-content .mail-container .mail-message {
  overflow: auto;
  height: 100%;
  background: #ffffff;
}

.content-wrapper.mail #page-content .mail-container .mail-message .mail-header {
  background: #fff;
}

.content-wrapper.mail #page-content .mail-container .mail-message .current-mail-actions {
  background: #fff;
}

.content-wrapper.mail #page-content .mail-container .mail-message .mail-attachments img {
  cursor: pointer;
}

/* ----------------------------------------------------
 * 23. Todo
 *
 * Contains all the styling for Todo app
 * ---------------------------------------------------- */
.todo-container {
  height: 650px;
  max-height: 1000px;
}

.todo-container .todo-body {
  overflow: hidden;
  height: 100%;
}

.todo-container .todo-body .todo-aside {
  background: #fcfcfc;
  float: left;
  width: 300px;
  height: calc(100% - 50px);
}

.todo-container .todo-body .todo-aside .todo-projects > p {
  padding: 20px 30px;
  margin: 0;
}

.todo-container .todo-body .todo-aside .todo-projects #todo-projects-ul {
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
}

.todo-container .todo-body .todo-aside .todo-projects #todo-projects-ul > li {
  height: 40px;
  line-height: 40px;
  position: relative;
  cursor: pointer;
  padding: 0 30px;
}

.todo-container .todo-body .todo-aside .todo-projects #todo-projects-ul > li:before {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 10px;
  height: 10px;
  width: 10px;
  background: #ccc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.todo-container .todo-body .todo-aside .todo-projects #todo-projects-ul > li:last-child:before {
  content: none;
}

.todo-container .todo-body .todo-aside .todo-projects #todo-projects-ul > li > a.move-project {
  float: left;
  opacity: 0;
  cursor: move;
  margin-right: 10px;
}

.todo-container .todo-body .todo-aside .todo-projects #todo-projects-ul > li > .dropdown {
  float: right;
  opacity: 0;
}

.todo-container .todo-body .todo-aside .todo-projects #todo-projects-ul > li:hover > a {
  opacity: 1;
}

.todo-container .todo-body .todo-aside .todo-projects #todo-projects-ul > li:hover > .dropdown {
  opacity: 1;
}

.todo-container .todo-body .todo-project-content {
  padding: 20px;
  overflow: auto;
  height: 100%;
}

.todo-container .todo-body .todo-project-content input[name="hiddenField"] {
  height: 30px;
}

.todo-container .todo-body .todo-project-content .todo-task-container .todo-content-container {
  display: none;
}

.todo-container .todo-body .todo-project-content .todo-task-container .todo-content-container:first-child {
  display: block;
}

.todo-container .todo-body .todo-project-content .todo-task-container .todo-task {
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  cursor: pointer;
}

.todo-container .todo-body .todo-project-content .todo-task-container .todo-task > .move-task {
  float: left;
  opacity: 0;
}

.todo-container .todo-body .todo-project-content .todo-task-container .todo-task > .checkbox {
  margin: 0;
  margin-right: 5px;
  float: left;
}

.todo-container .todo-body .todo-project-content .todo-task-container .todo-task > .todo-task-name {
  cursor: auto;
}

.todo-container .todo-body .todo-project-content .todo-task-container .todo-task > .dropdown {
  float: right;
  opacity: 0;
}

.todo-container .todo-body .todo-project-content .todo-task-container .todo-task > input {
  height: 40px;
  line-height: 40px;
  width: 80%;
  padding: 10px;
  margin-top: 5px;
  border: 2px solid #e5e5e5;
  border-radius: 50px;
}

.todo-container .todo-body .todo-project-content .todo-task-container .todo-task:hover > a {
  opacity: 1;
}

.todo-container .todo-body .todo-project-content .todo-task-container .todo-task:hover > .dropdown {
  opacity: 1;
}

/* ----------------------------------------------------
 * 24. Calendar
 *  
 * Contains all the styling for jQuery fullCalendar
 * ---------------------------------------------------- */
.fc.fc-ltr {
  color: #555;
}

.fc.fc-ltr .fc-header-toolbar {
  margin: 0;
  position: relative;
}

.fc.fc-ltr .fc-header-toolbar .fc-left .fc-prev-button,
.fc.fc-ltr .fc-header-toolbar .fc-left .fc-next-button {
  position: absolute;
  top: 40px;
  height: 60px;
  line-height: 60px;
  background: transparent;
  border: none;
  box-shadow: none;
}

.fc.fc-ltr .fc-header-toolbar .fc-left .fc-prev-button {
  left: 0;
}

.fc.fc-ltr .fc-header-toolbar .fc-left .fc-next-button {
  right: 0;
}

.fc.fc-ltr .fc-header-toolbar .fc-center {
  width: 100%;
  height: 60px;
  margin-top: 15px;
  background: #ffffff;
  border: solid 1px #ddd;
}

.fc.fc-ltr .fc-header-toolbar .fc-center h2 {
  display: block;
  line-height: 60px;
  text-align: center;
  float: none;
}

.fc.fc-ltr .fc-header-toolbar .fc-right button {
  background: #323c50;
  box-shadow: none;
  color: #ffffff;
  text-shadow: none;
  border: none;
  text-transform: uppercase;
}

.fc.fc-ltr .fc-header-toolbar .fc-right button.fc-state-active {
  background: #8278c2;
}

.fc.fc-ltr .fc-view-container {
  background: #ffffff;
}

.fc.fc-ltr .fc-view-container .fc-view table thead.fc-head th {
  height: 25px;
  line-height: 25px;
  text-transform: uppercase;
  background: #fff;
  border: none;
  /*font-family: "Montserrat", sans-serif;*/
}

.fc.fc-ltr .fc-view-container .fc-view table tbody.fc-body .fc-day {
  border: solid 1px #f1f1f1;
}

.fc.fc-ltr .fc-view-container .fc-view table tbody.fc-body .fc-event-container .fc-event {
  background: #B387DE;
  border: none;
}

/* ----------------------------------------------------
 * 25. Profile
 *
 * Contains all the styling profile page
 * ---------------------------------------------------- */
.profile-background {
  position: relative;
}

.profile-background .profile-information {
  position: absolute;
  bottom: 0;
  left: 0;
}

.profile-background .profile-information button:hover {
  background: #27c24c;
  border-color: #27c24c;
}

.profile-background .profile-stats {
  position: absolute;
  right: 50px;
  bottom: 30px;
}

.profile-content-container {
  padding: 0 25px;
}

.profile-content-container hr {
  border-top-color: #e0e0e0;
}

.profile-content-container .write-comment-container #write-comment {
  resize: none;
  border-color: #ddd;
  border-radius: 4px 4px 0 0;
}

.profile-content-container .write-comment-container .write-comment-options {
  background: #f9f9f9;
  padding: 10px 10px;
  border: solid 1px;
  border-top: none;
  border-color: #ddd;
  border-radius: 0 0 4px 4px;
  position: relative;
}

.profile-content-container .write-comment-container .write-comment-options i {
  font-size: 16px;
}

.profile-content-container .write-comment-container .write-comment-options button {
  position: absolute;
  right: 10px;
  top: 5px;
  bottom: 5px;
  padding: 2px 15px;
  font-size: 13px;
}

.profile-content-container .profile-content .profile-posts-container .post-comment-container {
  background: #f9f9f9;
  border-radius: 4px;
  overflow: hidden;
}

.profile-content-container .profile-content .profile-posts-container .post-comment-container .comments-header {
  background: #eee;
  padding: 10px 15px;
}

.profile-content-container .profile-content .profile-posts-container .post-comment-container .media {
  padding: 10px 15px;
  margin: 0;
}

table.fixedHeader-floating {
  position: fixed !important;
  background-color: white;
}

table.fixedHeader-floating.no-footer {
  border-bottom-width: 0;
}

table.fixedHeader-locked {
  position: absolute !important;
  background-color: white;
}

@media print {
  table.fixedHeader-floating {
    display: none;
  }
}

/* ----------------------------------------------------
 * 26. Switch
 *
 * Contains all the styling of Swutch CheckBok(iOS Style)
 * ---------------------------------------------------- */
 


/* ----------------------------------------------------
 * 27. Scroll Bar
 *
 * Contains all the styling of Custom Scroll Bar
 * ---------------------------------------------------- */
 ::-webkit-scrollbar
        {
            width: 5px;
            height: 5px;
        }
        
        /* Track */
        ::-webkit-scrollbar-track
        {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }
        
        /* Handle */
        ::-webkit-scrollbar-thumb
        {
            -webkit-border-radius: 5px;
            border-radius: 5px;
            background: #323c50;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
        }
        ::-webkit-scrollbar-thumb:window-inactive
        {
            background: #323c50
        }
        


/* ----------------------------------------------------
 * 28. Dynamic Admin Menu
 *
 * Dynamic JSON driven menu
 * ---------------------------------------------------- */

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  
  background: #323c50;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 19px;
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 700;
  text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
  color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 220px;
  font-size: 12px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background:  #323c50;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #dddddd;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ffffff;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #dddddd;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}

 @media only screen and (max-width:1173px) and (min-width: 745px)
        {
            #cssmenu
            {
                width: 100%;
                margin-top: -17px;
              
            }
            #cssmenu ul
            {
                width: 100%;
                display: none;
                
            }
           
            #cssmenu.align-center > ul
            {
                text-align: left;
            }
            #cssmenu ul li
            {
                width: 100%;
                border-top: 1px solid rgba(120, 120, 120, 0.2);
            }
            #cssmenu ul ul li, #cssmenu li:hover > ul > li
            {
                height: auto;
            }
            #cssmenu ul li a, #cssmenu ul ul li a
            {
                width: 100%;
                border-bottom: 0;
            }
            #cssmenu > ul > li
            {
                float: none;
            }
            #cssmenu ul ul li a
            {
                padding-left: 25px;
            }
            #cssmenu ul ul ul li a
            {
                padding-left: 35px;
            }
            #cssmenu ul ul li a
            {
                color: #dddddd;
                background: none;
            }
            #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a
            {
                color: #ffffff;
            }
            #cssmenu ul ul, #cssmenu ul ul ul, #cssmenu.align-right ul ul
            {
                position: relative;
                left: 0;
                width: 100%;
                margin: 0;
                text-align: left;
            }
            #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before
            {
                display: none;
            }
            #cssmenu #menu-button
            {
                display: block;
                padding: 17px;
                color: #dddddd;
                cursor: pointer;
                font-size: 12px;
                text-transform: uppercase;
                font-weight: 700;
            }
            #cssmenu #menu-button:after
            {
                position: absolute;
                top: 22px;
                right: 17px;
                display: block;
                height: 4px;
                width: 20px;
                border-top: 2px solid #dddddd;
                border-bottom: 2px solid #dddddd;
                content: '';
            }
            #cssmenu #menu-button:before
            {
                position: absolute;
                top: 16px;
                right: 17px;
                display: block;
                height: 2px;
                width: 20px;
                background: #dddddd;
                content: '';
            }
            #cssmenu #menu-button.menu-opened:after
            {
                top: 23px;
                border: 0;
                height: 2px;
                width: 15px;
                background: #ffffff;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }
            #cssmenu #menu-button.menu-opened:before
            {
                top: 23px;
                background: #ffffff;
                width: 15px;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }
            #cssmenu .submenu-button
            {
                position: absolute;
                z-index: 99;
                right: 0;
                top: 0;
                display: block;
                border-left: 1px solid rgba(120, 120, 120, 0.2);
                height: 46px;
                width: 46px;
                cursor: pointer;
            }
            #cssmenu .submenu-button.submenu-opened
            {
                background: #262626;
            }
            #cssmenu ul ul .submenu-button
            {
                height: 34px;
                width: 34px;
            }
            #cssmenu .submenu-button:after
            {
                position: absolute;
                top: 22px;
                right: 19px;
                width: 8px;
                height: 2px;
                display: block;
                background: #dddddd;
                content: '';
            }
            #cssmenu ul ul .submenu-button:after
            {
                top: 15px;
                right: 13px;
            }
            #cssmenu .submenu-button.submenu-opened:after
            {
                background: #ffffff;
            }
            #cssmenu .submenu-button:before
            {
                position: absolute;
                top: 19px;
                right: 22px;
                display: block;
                width: 2px;
                height: 8px;
                background: #dddddd;
                content: '';
            }
            #cssmenu ul ul .submenu-button:before
            {
                top: 12px;
                right: 16px;
            }
            #cssmenu .submenu-button.submenu-opened:before
            {
                display: none;
            }
        
        }
        

/* ----------------------------------------------------
 * 28. Custom Styles
 * ---------------------------------------------------- */

.font-color-white
{
    color: #ffffff;
}

.font-color-black
{
    color: black;
}

.bg1{
background: #A8E6CE;  /* fallback for old browsers */

}

.bg2{
background: #DCEDC2;  /* fallback for old browsers */

}

.bg3
{
background: #FFD3B5;  /* fallback for old browsers */
}

.bg4
{
background: #FFAAA6;  /* fallback for old browsers */
}

.bg5
{
background: #FF8C94 ;  /* fallback for old browsers */
}

.bg6
{
background: #80c3e4;  /* fallback for old browsers */
}

.bg7
{
background: #f7c270;  /* fallback for old browsers */
}

.bg8
{
background: #D5c9B1;  /* fallback for old browsers */
}

/* ----------------------------------------------------
 * 29. Flip Animation
 * ---------------------------------------------------- */

.flip {
  -webkit-perspective: 800;
    perspective: 800;
    position: relative;
}
.flip .card.flipped {
  -webkit-transform: rotatex(-180deg);
    transform: rotatex(-180deg);
}
.flip .card {
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;
}
.flip .card .face {

  -webkit-backface-visibility: hidden ;
    backface-visibility: hidden ;
  z-index: 2;
   
}
.flip .card .front {
   position: absolute;
   width: 100%;
  z-index: 1;
  height:auto;

}
.flip .card .back 
{
    
  -webkit-transform: rotatex(-180deg);
    transform: rotatex(-180deg);
}
.inner{margin:0px !important;}

/* ----------------------------------------------------
 * 30. Table-for Grids
 * ---------------------------------------------------- */
 
         #Table0.table tr td:nth-child(1), #Table1.table tr td:nth-child(1), #Table2.table tr td:nth-child(1), #Table3.table tr td:nth-child(1),#Table4.table tr td:nth-child(1),#Table5.table tr td:nth-child(1),#Table6.table tr td:nth-child(1),#Table7.table tr td:nth-child(1) {
            font-weight:600 !important;
            text-align:left;
           
        }
                
        #Grid0,#Grid1, #Grid2, #Grid3, #Grid4, #Grid5, #Grid6, #Grid7,#Grid8
        {
            display: none;
        }
        #accordion0, #accordion1, #accordion2, #accordion3, #accordion4,#accordion5,#accordion6,#accordion7,#accordion8
        {
            display: none;
        }
        
        Table
        {
            text-align: right;
            font-size: 15px;
        }
        .HeadingTable
        {
            font-size: 25px;
            font-weight: 200;
            margin: 15px auto;
            border-collapse: collapse;
            color: black;
            margin-bottom: 0px;
        }
        table.HeadingTable th, td
        {
            color: black;
            font-size: 15px;
            font-weight: 200;
            padding: 12px 35px;
            border-collapse: collapse;
        }
        table.HeadingTable th
        {
            text-transform: uppercase;
            font-size: 15px;
            color: black;
            font-weight: 400;
            padding-bottom: 0px;
        }
        table.HeadingTable th.last
        {
            border-right: none;
        }
        #Table0 tr:last-child, #Table1 tr:last-child, #Table2 tr:last-child, #Table3 tr:last-child, #Table4 tr:last-child,#Table5 tr:last-child,#Table6 tr:last-child,#Table7 tr:last-child,#Table8 tr:last-child
        {
            background: #d4d4d4;
                
        }
        
        .Heading_style
        {
            height:40px;
            webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            margin:0 auto;
            width:210px;
            background:#323c50;
        }