@font-face {
  font-family: 'fontello';
  src: url(/fonts/fontello.eot?4664c6a8b6b61d32e467e7f4145d5dd3);
  src: url(/fonts/fontello.eot?4664c6a8b6b61d32e467e7f4145d5dd3#iefix) format('embedded-opentype'),
       url(/fonts/fontello.woff2?6d79fcbbcfc1e24cc1d180fca45aaf45) format('woff2'),
       url(/fonts/fontello.woff?e91ab99f6c93d05890b29e93a5d8542d) format('woff'),
       url(/fonts/fontello.ttf?24fbf6fa6bc3afc4ed1f5d10c9209c74) format('truetype'),
       url(/fonts/fontello.svg?4e7f8a0eb38a33bc961484f73ff6ba68#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?42215972#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-arrow:before { content: '\E800'; } /* '' */
.icon-edytuj:before { content: '\E801'; } /* '' */
.icon-forma-1-1:before { content: '\E802'; } /* '' */
.icon-forma-1-2:before { content: '\E803'; } /* '' */
.icon-forma-1-3:before { content: '\E804'; } /* '' */
.icon-forma-1-4:before { content: '\E805'; } /* '' */
.icon-forma-1-5:before { content: '\E806'; } /* '' */
.icon-forma-1-6:before { content: '\E807'; } /* '' */
.icon-forma-1-7:before { content: '\E808'; } /* '' */
.icon-forma-1-8:before { content: '\E809'; } /* '' */
.icon-forma-1-9:before { content: '\E80A'; } /* '' */
.icon-forma-1:before { content: '\E80B'; } /* '' */
.icon-menu:before { content: '\E80C'; } /* '' */
.icon-shape-1-1:before { content: '\E80D'; } /* '' */
.icon-shape-1-2:before { content: '\E80E'; } /* '' */
.icon-shape-1-3:before { content: '\E80F'; } /* '' */
.icon-shape-1-4:before { content: '\E810'; } /* '' */
.icon-shape-1:before { content: '\E811'; } /* '' */
.icon-szukaj:before { content: '\E812'; } /* '' */
.icon-szukajka:before { content: '\E813'; } /* '' */
.icon-right-dir:before { content: '\E814'; } /* '' */
.icon-sort-up-and-down-arrows-couple:before { content: '\E815'; } /* '' */ul.notifications-list li {
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
}
.notificationsCounter {
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
}
.notificationIcon {
  font-size: 30px;
}
.removeNotification {
  z-index: 999;
  font-size: 12px !important;
  position: absolute;
  top: -35px;
  right: 0px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
  position: absolute;
  bottom: -30px;
  right: 0px;
  top: auto;
}
.btn-upload {
  margin-bottom: 12px;
}
.jsThumbnailImageWrapper {
  padding-top: 8px;
  overflow-y: auto;
}
.jsThumbnailImageWrapper figure {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #eee;
  padding: 3px;
  border-radius: 3px;
  vertical-align: bottom;
}
.jsThumbnailImageWrapper i.removeIcon {
  position: absolute;
  top: -10px;
  right: -10px;
  color: #f56954;
  font-size: 2em;
  background: white;
  border-radius: 20px;
  height: 25px;
}
figure.ui-state-highlight {
  border: none;
  width: 100px;
  height: 0;
}
footer.main-footer a {
  cursor: pointer;
}
footer.main-footer p.text-muted {
  margin-bottom: 0;
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background: #202227;
}
.skin-blue .sidebar-menu > li.menu-title {
  color: #93AFBB;
  background: #25272d;
  padding: 10px 25px 10px 15px;
  font-size: 12px;
}
.sidebar-menu .append {
  margin-top: -44px;
}
.sidebar-menu .treeview-menu .append {
  margin-top: -30px;
}
.skin-blue .sidebar-menu .append:hover,
.skin-blue .sidebar-menu > li.active > a.append {
  color: #fff;
  background: none;
  border: 0;
}
.sidebar-mini.sidebar-collapse .sidebar-menu a.append,
.sidebar-mini.sidebar-collapse .sidebar-menu li.menu-title {
  display: none;
}
.checkbox label {
  padding-left: 0;
}
.checkbox label div {
  margin-right: 5px;
  margin-top: -2px;
}
body {
  font-family: 'Sarala';
  font-size: 13px;
}
.skin-blue .sidebar-menu .append:hover,
.skin-blue .sidebar-menu > li.active > a.append {
  display: none;
}
.main-skin .sidebar-menu li .treeview-menu li .append {
  display: none;
}
.main-skin .main-header {
  max-height: unset;
}
.main-skin .main-header .logo,
.main-skin .main-header .navbar {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-skin .main-header .logo {
  background: #084796;
}
.main-skin .main-header .logo .logo-lg {
  margin: 0 auto;
}
.main-skin .main-header .logo:hover {
  background: #252525;
}
.main-sidebar {
  padding-top: 100px;
}
.main-sidebar .fa-plus {
  display: none;
}
.main-skin .sidebar a {
  color: #fff;
}
.main-skin .sidebar-menu li:hover a,
.main-skin .sidebar-menu li.active a {
  background: #252525;
  border-left-color: transparent;
}
.main-skin .sidebar-menu li a {
  padding: 16px 5px 16px 25px;
}
.main-skin .sidebar-menu li.menu-title {
  display: none;
}
.main-skin .sidebar-menu li .treeview-menu {
  margin: 0px;
}
.main-skin .sidebar-menu li .treeview-menu li {
  position: relative;
}
.main-skin .sidebar-menu li .treeview-menu li .append {
  position: absolute;
  top: 30px;
  right: 0px;
}
.main-skin .treeview-menu {
  padding-left: 0px;
}
.main-skin .treeview-menu li a {
  color: #fff;
}
.main-skin .treeview-menu li:hover a,
.main-skin .treeview-menu li.active a {
  background: #363636;
}
.main-skin .main-sidebar {
  background: #084796 !important;
}
.main-skin .treeview-menu li a {
  background: #252525;
}
.main-top-nav {
  background-color: #fff !important;
}
.main-top-nav .top-beam {
  width: 100%;
  display: inline-block;
  /*background: lightblue;*/
  height: 100%;
}
.main-top-nav .top-beam .element__breadcrumbs,
.main-top-nav .top-beam .element__settings,
.main-top-nav .top-beam .element__log {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: left;
  height: 100%;
}
.main-top-nav .top-beam .element__breadcrumbs {
  width: 72%;
  /*background: lightgray;*/
}
.main-top-nav .top-beam .element__breadcrumbs .breadcrumb {
  margin: 0px;
  font-size: 24px;
  padding: 0px 48px;
  background: none;
}
.main-top-nav .top-beam .element__breadcrumbs .breadcrumb li {
  color: #252525;
}
.main-top-nav .top-beam .element__breadcrumbs .breadcrumb li a {
  color: #252525;
}
.main-top-nav .top-beam .element__breadcrumbs .breadcrumb li i {
  margin-right: 10px;
}
.main-top-nav .top-beam .element__breadcrumbs .breadcrumb > li + li:before {
  padding: 0 15px 0 12px !important;
  content: "\E800" !important;
  color: #252525;
  font-family: 'fontello';
  font-size: 16px;
}
.main-top-nav .top-beam .element__settings,
.main-top-nav .top-beam .element__log {
  width: 14%;
}
.main-top-nav .top-beam .element__settings a,
.main-top-nav .top-beam .element__log a {
  margin: 0 auto;
  color: #737373;
}
.main-top-nav .top-beam .element__settings a span,
.main-top-nav .top-beam .element__log a span,
.main-top-nav .top-beam .element__settings a i,
.main-top-nav .top-beam .element__log a i {
  display: inline-block;
  float: left;
}
.main-top-nav .top-beam .element__settings a i,
.main-top-nav .top-beam .element__log a i {
  color: rgba(8, 71, 150, 0.61);
  font-size: 28px;
  margin-top: -6px;
  margin-left: 14px;
  display: grid;
}
.main-top-nav .top-beam .element__log {
  border-left: 1px solid #eceff4;
}
.main-copyrighter {
  color: #88aede;
  position: relative;
  width: 100%;
  min-height: 50px;
  margin-top: 25px;
}
.main-copyrighter .content-info {
  width: 80%;
  display: inline-block;
  padding-left: 25px;
}
.main-copyrighter .main-beam,
.main-copyrighter .author {
  width: 100%;
  display: inline-block;
}
.main-copyrighter .main-beam {
  border-bottom: 1px solid #88aede;
  padding-bottom: 14px;
}
.main-copyrighter .author {
  margin-top: 15px;
}
.main-copyrighter .author img {
  margin-top: 15px;
}
.main-footer {
  padding: 32px 64px;
}
.main-mask {
  width: 100%;
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(white));
  background: linear-gradient(#f3f3f3, white);
  height: 100px;
  position: absolute;
  left: 0;
}
.section-title {
  font-size: 16px;
  margin: 0px;
  font-weight: 900;
  bottom: -12px;
  position: relative;
}
.section-title .light {
  font-weight: 400;
}
.main-dashboard {
  min-height: calc(100vh - 100px);
}
.beam-events .flatpickr-day.disabled {
  cursor: pointer !important;
}
.simple-beam {
  width: 100%;
  display: inline-block;
  padding-bottom: 15px;
  position: relative;
}
.simple-beam.main {
  border-bottom: 1px solid #c3c3c3;
}
.simple-beam.m-top {
  margin-top: 25px;
}
.simple-section {
  width: 100%;
  display: block;
  padding: 0px;
  margin-bottom: 55px;
}
.simple-information {
  width: 100%;
  display: inline-block;
  padding: 23px 0px;
}
.simple-information .item {
  display: block;
  line-height: 23px;
  padding: 2px 0px;
}
.simple-information .item .tt {
  color: #7b7b7b;
}
.content {
  padding: 0px;
}
.content-wrapper,
.right-side {
  background: #fff;
}
.main-content {
  position: relative;
}
.main-content-box {
  padding: 40px 50px;
}
.wrapper {
  /*background: transparent !important;*/
  background: #084796 !important;
  position: unset;
}
.box-footer {
  border: none;
  padding: 10px 0px;
}
/*create/update*/
.box-body {
  padding: 0px;
  padding-top: 16px;
}
.nav-tabs-custom {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.nav-tabs-custom .tab-content {
  padding: 0px;
  background: transparent;
}
.button-form-group {
  width: 100%;
  display: inline-block;
  padding-top: 23px;
}
/*.input-files{
    width: 100%;
    display: inline-block;
    .form-group{
        osition: relative;
    }
    .file {
        z-index: 10000;
        position: absolute;
        right: 0;
        width: 100%; 
        opacity: 0;
    }
    input, button{
        height: 36px; 
    }
    button{
        border-radius: 0px 5px 5px 0px !important;
    } 
    .input-dz{
        font-size: 14px;
    }
    .input-group-addon{
        width: 52px;
        border-radius: 0px;
    }
    input{
        margin-bottom: 0px !important;
    }
}*/
.add-event-form {
  width: 100%;
  display: inline-block;
  background-color: #eceff4;
  border-left: 2px solid #c6cfde;
  padding: 45px 70px 0px 75px;
  height: 100vh;
}
.add-event-form .simple-beam {
  margin-bottom: 30px;
}
.add-event-form .btn {
  width: 100%;
}
.event-description-section,
.event-data {
  margin-top: 20px;
}
.calendar-section {
  padding: 45px;
}
.ev-list-section {
  padding: 0px 45px;
}
a.fc-day-number {
  margin: 10px;
  font-size: 12px;
  color: #333;
}
.fc-scroller.fc-day-grid-container {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.fc-unthemed td.fc-today {
  background: #084796 !important;
}
.fc-unthemed td.fc-today .fc-day-number {
  color: #fff;
  font-size: 12px;
}
.eventDay {
  background: #4c9bff;
  position: relative;
}
.eventDay .fc-day-number {
  color: #fff;
  font-size: 12px;
}
.hoveredDay {
  background: rgba(76, 155, 255, 0.75);
  -webkit-transition: background .5s;
  transition: background .5s;
}
.fc-bg .info:after {
  content: "Kliknij, aby zobaczyc list\119   wydarze\144";
  position: absolute;
  color: #fff;
  bottom: 0;
  right: 0;
  padding: 11px;
  font-size: 12px;
  text-align: right;
}
.fc-other-month {
  background: #f4f4f4;
  opacity: 1 !important;
}
.fc-other-month .fc-day-number {
  color: #333;
}
.fc-buttons {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: -20px;
}
.fc-buttons #prev,
.fc-buttons #currentMonth,
.fc-buttons #next {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: left;
}
.fc-buttons #currentMonth {
  font-size: 15px;
  font-weight: 700;
  width: 140px;
  text-align: center;
}
.fc-buttons #currentMonth span {
  margin: 0 auto;
  text-transform: capitalize;
}
.fc-buttons #prev {
  position: relative;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  display: inline-block;
}
.fc-buttons #prev,
.fc-buttons #next {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  padding: 0px;
}
.fc-buttons #prev i,
.fc-buttons #next i {
  font-size: 16px;
}
.fc-buttons #prev:focus,
.fc-buttons #next:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.nav-tabs-custom .nav-tabs li.active {
  border-top-color: #084796;
  border-radius: 4px;
}
.table-responsive {
  border: none !important;
  overflow: unset;
}
.investment-sent-files {
  margin-bottom: 50px;
}
.investment-sent-files .section-title {
  margin: 20px 0;
}
.investment-sent-files .simpleblock-row .simpleblock {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.investment-sent-files .simpleblock-row .simpleblock img {
  max-width: 40px;
  margin-right: 10px;
}
.investment-sent-files .simpleblock-row .simpleblock .jsRemoveLink {
  color: #e41818;
}
table .collapsed {
  max-height: 140px;
  overflow: hidden;
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.justify-content-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.investment-edit .simple-section {
  margin-bottom: 0;
}
.investment-edit .simple-section .box {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.investment-edit .simple-section .box .section-title {
  bottom: -4px;
}
.investment-edit .simple-section .box .collapse-icon {
  margin-left: 5px;
}
.investment-edit .simple-section .box .section-title {
  bottom: 0;
}
.investment-edit .simple-section .btn-group .collapse-button {
  margin-left: 10px;
}
.investment-edit .simple-section .badge {
  background-color: #084796;
  margin-left: 10px;
  font-size: 13px;
  border-radius: 4px;
}
.users-select .bootstrap-select .dropdown-menu {
  min-width: 100% !important;
}
.calendar {
  min-height: 900px;
  width: 100%;
  border: none;
}
.calendar body,
.calendar html {
  overflow: hidden;
}
.calendar body::-webkit-scrollbar,
.calendar html::-webkit-scrollbar {
  width: 0px;
}
.calendar::-webkit-scrollbar {
  width: 0px;
}
.investments .filter-form .btn-group {
  margin-top: 23px;
  margin-left: auto;
  display: table;
}
@media screen and (max-width: 1650px) {
  .investments .filter-form .btn-group {
    margin-top: 18px;
  }
}
.investments .filter-form .btn-group .btn:first-child {
  margin-right: 5px;
}
@media screen and (max-width: 1650px) {
  .investments .filter-form .btn-group {
    margin-bottom: 18px;
  }
}
.btn-main {
  padding: 6px 30px !important;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px !important;
  background: #084796;
  border: 1px solid #084796;
  color: #fff;
}
.btn-main:hover,
.btn-main:focus {
  color: #fff;
  border: 1px solid #082f5f;
  background: #082f5f;
}
.btn-main.black {
  border: 1px solid #252525;
  background: #252525;
}
.btn-main.black:hover,
.btn-main.black:focus {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
.btn-main.red {
  border: 1px solid #bf1a1a;
  background: #bf1a1a;
}
.btn-main.red:hover,
.btn-main.red:focus {
  border: 1px solid #8c1616;
  background: #8c1616;
}
.btn-main.clear {
  background: #fff;
  border: 1px solid #c1c1c1;
  color: #c1c1c1;
}
.btn-main.clear:hover,
.btn-main.clear:focus {
  background: #fff;
  border: 1px solid #c1c1c1;
  color: #c1c1c1;
}
.btn-clear {
  background: none;
  border: none;
  padding: 0px;
  display: inline-block;
}
.btn-clear span {
  color: #084796;
  padding: 0px 5px;
}
.form-control {
  height: 36px;
  padding: 0px 20px;
  border-radius: 4px;
}
textarea.form-control {
  padding: 10px 20px;
}
label {
  color: #737373;
}
/*table:*/
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc:after {
  content: "\E815";
  display: inline-block;
  margin-left: 17px;
  position: absolute;
  top: 38%;
  font-family: 'fontello';
}
table.dataTable thead .sorting:after {
  opacity: 0.5;
  content: "\E815";
  display: inline-block;
  margin-left: 17px;
  position: absolute;
  top: 38%;
  font-family: 'fontello';
}
.table thead {
  background: #eceff4;
  border-top: 1px solid #c1c1c1;
}
.table thead th {
  font-weight: 400;
  border-bottom: 1px solid #c1c1c1 !important;
}
.table tr td,
.table tr th {
  height: 55px;
  vertical-align: middle !important;
}
.table tr td {
  border-bottom: 1px solid #c1c1c1;
}
.table .odd {
  background: #f6f9fe;
}
.table .odd:hover,
.table .even:hover {
  background: #dfe5f3;
}
.table a,
.table span {
  color: #7b7b7b;
}
.table .red span {
  color: #bf1a1a;
}
.table a.text-success {
  color: #3c763d;
}
.table a.text-danger {
  color: #a94442;
}
.dataTables_info {
  display: none;
}
/*pagination table:*/
.pagination {
  margin: 6px 0px !important;
}
.pagination li:first-child a,
.pagination li:last-child a {
  padding: 6px 30px !important;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px !important;
  background: #084796;
  border: 1px solid #084796;
  color: #fff;
}
.pagination li:first-child a:hover,
.pagination li:last-child a:hover,
.pagination li:first-child a:focus,
.pagination li:last-child a:focus {
  border: 1px solid #252525;
  background: #252525;
  color: #fff;
}
.pagination li:first-child.disabled a,
.pagination li:last-child.disabled a {
  background: #fff;
  border: 1px solid #c1c1c1;
  color: #c1c1c1;
}
.pagination li:first-child.disabled a:hover,
.pagination li:last-child.disabled a:hover,
.pagination li:first-child.disabled a:focus,
.pagination li:last-child.disabled a:focus {
  background: #fff;
  border: 1px solid #c1c1c1;
  color: #c1c1c1;
}
.pagination li.paginate_button a {
  padding: 6px 15px !important;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px !important;
  background: #fff;
  border: 1px solid #7b7b7b;
  color: #7b7b7b;
  margin: 0px 2px;
}
.pagination li.paginate_button a:hover,
.pagination li.paginate_button a:focus {
  border: 1px solid #252525;
  background: #252525;
  color: #fff;
}
.pagination li.paginate_button.active a {
  background: #084796;
  border: 1px solid #084796;
  color: #fff;
}
/*alert:*/
.alert {
  position: relative;
  margin-bottom: 35px;
  border-radius: 0px;
  padding: 38px 50px;
}
.alert .close {
  color: #fff !important;
  opacity: 0.7 !important;
}
.alert.alert-success {
  background-color: #05bd69 !important;
  border-color: #07ad61 !important;
}
.bootstrap-alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  position: relative;
}
.bootstrap-alert .close {
  top: -7px;
  right: 0;
  opacity: .8;
}
/*button:*/
.btn-index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  margin-left: 6px;
}
.btn-index .tt {
  color: #7b7b7b;
}
.btn-index .iicon {
  background: #084796;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: right;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  margin-left: 10px;
}
.btn-index .iicon i {
  margin: 0 auto;
  color: #fff;
}
.btn-index .iicon.red {
  background: #bf1a1a;
}
.btn-index.info {
  margin-left: 0px;
  padding: 0px;
  display: inline-block;
}
.btn-index.info .iicon {
  background: #ea6161;
}
.btn-index.info .iicon i {
  font-size: 18px;
}
.btn-index.search .iicon i {
  margin-top: -2px;
  margin-left: 7px;
}
.btn-index:hover,
.btn-index:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.btn-smpl {
  color: #252525;
  text-transform: uppercase;
  background: none;
  border: none;
}
.btn-smpl.red {
  color: #bf1a1a;
}
.btn-smpl:hover,
.btn-smpl:focus {
  background: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.btn-upload {
  background: #084796;
  border: 1px solid #084796;
  padding: 6px 30px !important;
  font-size: 16px;
  font-weight: 600;
}
.btn-upload:hover,
.btn-upload:focus {
  border: 1px solid #084796;
  padding: 6px 30px !important;
}
/*note:*/
.simple-note {
  width: 100%;
  display: inline-block;
  min-height: 50px;
  background: #f5f5f5;
  padding: 20px 50px;
  border-top: 2px solid #dadada;
}
.simple-note .item-note {
  width: 100%;
  display: inline-block;
  background: #fff;
  padding: 24px;
  margin-bottom: 25px;
  overflow: hidden;
  position: relative;
  max-height: 77px;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s;
}
.simple-note .item-note.open {
  max-height: 1600px;
}
.simple-note .item-note .open-note {
  color: #b3b3b3;
  position: absolute;
  right: 25px;
  top: 0;
  font-size: 25px;
  line-height: 50px;
  letter-spacing: 2px;
  cursor: pointer;
}
.simple-note .item-note .open-note:hover {
  color: #333;
}
.simple-note .item-note .tt {
  margin-bottom: 16px;
}
.simple-note .item-note .cc {
  color: #7b7b7b;
}
.simple-note .item-note .bottom-operation {
  width: 100%;
  display: inline-block;
  padding-top: 15px;
}
.simple-note .item-note .bottom-operation .btn {
  padding: 0px;
  padding-right: 15px;
}
.simple-note .item-note:after {
  content: "";
  /*background: lightblue;*/
  background: #fff;
  position: absolute;
  width: 100%;
  height: 20px;
  left: 0;
  bottom: 0;
}
/*status:*/
.status-label {
  width: 100%;
  display: inline-block;
}
.status-label .lamp,
.status-label .tt {
  display: inline-block;
  float: left;
}
.status-label .lamp {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 8px;
  position: relative;
  bottom: -2px;
}
.status-label .lamp.default {
  background: #cccccc;
}
.status-label .lamp.positive {
  background: #00e011;
}
.status-label .lamp.negative {
  background: #bf1a1a;
}
.calendar-box {
  width: 100%;
  display: block;
  height: 100%;
  background-color: #363636;
  position: relative;
  top: -40px;
  right: -50px;
}
.calendar-box .calendar,
.calendar-box .reservation {
  width: 100%;
  display: inline-block;
  position: relative;
}
.calendar-box .calendar {
  min-height: 415px;
  background-color: #252525;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.calendar-box .calendar .content {
  width: 100%;
}
.calendar-box .calendar .content .legend {
  display: block;
  margin-top: 10px;
  padding: 0px 102px;
  width: 100%;
  float: left;
}
.calendar-box .calendar .content .legend .el-red {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #fa3f3f;
  float: left;
}
.calendar-box .calendar .content .legend .el-red.classService {
  background-color: #0e7cec;
}
.calendar-box .calendar .content .legend .text {
  color: #fff;
  margin-top: -3px;
  margin-left: 6px;
  display: block;
  float: left;
}
.calendar-box .reservation {
  padding: 0 50px 45px 50px;
}
.calendar-box .reservation .section-title,
.calendar-box .reservation label {
  color: #fff;
}
.calendar-box .reservation .btn-main {
  width: 100%;
}
/*calendar:*/
.fc-event {
  background-color: #333333!important;
  border: none!important;
}
.fc-event .fc-title {
  font-weight: 700;
}
.fc-event .fc-content {
  padding: 2px;
}
.flatpickr-calendar {
  margin: 0 auto;
  top: 0;
  background: #252525 !important;
}
.flatpickr-calendar.inline {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  margin-bottom: 5px;
}
.flatpickr-months .flatpickr-month {
  height: 40px !important;
  margin-bottom: 10px;
}
.main-dashboard .flatpickr-day.disabled {
  background-color: #0e7cec !important;
}
.flatpickr-day {
  color: #9d9d9d !important;
}
.flatpickr-day.selected {
  color: #fff !important;
}
.flatpickr-day.disabled {
  background-color: #fc2929 !important;
  color: #252525 !important;
}
.flatpickr-day.disabled.serviceClass {
  background-color: #0e7cec !important;
}
.flatpickr-day.nextMonthDay {
  color: #515151 !important;
}
.flatpickr-day.nextMonthDay.disabled {
  background-color: #252525 !important;
  color: #515151 !important;
}
.flatpickr-day.today {
  background-color: #eee !important;
  color: #252525 !important;
}
/*simple gallery:*/
.simple-gallery {
  width: 100%;
  display: inline-block;
  margin-top: 35px;
}
.simple-gallery .single-image {
  width: 100%;
  display: inline-block;
  height: 160px;
}
.simple-gallery .single-image img {
  max-height: 100%;
  margin: 0 auto;
}
.main-separator {
  width: 100%;
  display: inline-block;
  margin-bottom: 25px;
}
/*drag drop:*/
.dd-area {
  width: 100%;
  display: inline-block;
  margin-top: 15px;
}
.dd-box {
  width: 100%;
  min-height: 500px;
  border-radius: 5px;
  margin-top: 8px;
}
.dd-box .dd-element {
  width: 100%;
  background: #676767;
  margin: 10px 0px;
  padding: 15px 10px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  cursor: -webkit-grab;
  cursor: grab;
}
.dd-box .dd-element .nn {
  font-weight: 700;
  margin-bottom: 3px;
  display: inline-block;
}
.dd-box.selected-element {
  background: #eaeaea;
}
.dd-box.selected-element .dd-element {
  background: #252525;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100% !important;
}
.bilans-box {
  width: 60%;
  display: inline-block;
  float: left;
  padding-top: 40px;
}
.legend {
  display: inline-block;
  float: left;
  padding-left: 64px;
  padding-top: 80px;
}
.legend .ell {
  display: block;
}
.legend .ell .color,
.legend .ell .value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: left;
  height: 35px;
}
.legend .ell .color {
  margin-right: 15px;
}
.legend .ell .color span {
  display: block;
  width: 35px;
  border-bottom: 3px solid #333;
}
.legend .ell .color span.limit {
  border-color: #2467bb;
}
.legend .ell .color span.steps {
  border-color: #a5badc;
}
.legend .ell .color span.alarm_fund {
  border-color: #ff0000;
}
.body-loader {
  display: none;
}
.main-wrapper:after {
  content: '';
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity .7s;
  transition: opacity .7s;
}
.main-wrapper.loading:after {
  width: 100%;
  height: 100vh;
  position: absolute;
  background-color: #fff;
  z-index: 10000;
  top: 0;
  opacity: .7;
}
.main-wrapper.loading .body-loader {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  top: 40vh;
  z-index: 10001;
  font-size: 30px;
  position: absolute;
  -webkit-animation: rotate 1.5s infinite;
          animation: rotate 1.5s infinite;
  display: block;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@font-face {
  font-family: 'Sarala';
  src: url('/fonts/Sarala/Sarala-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Sarala';
  src: url('/fonts/Sarala/Sarala-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}
ul.notifications-list li {
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
}
.notificationsCounter {
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
}
.notificationIcon {
  font-size: 30px;
}
.removeNotification {
  z-index: 999;
  font-size: 12px !important;
  position: absolute;
  top: -35px;
  right: 0px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
  position: absolute;
  bottom: -30px;
  right: 0px;
  top: auto;
}
.btn-upload {
  margin-bottom: 12px;
}
.jsThumbnailImageWrapper {
  padding-top: 8px;
  overflow-y: auto;
}
.jsThumbnailImageWrapper figure {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #eee;
  padding: 3px;
  border-radius: 3px;
  vertical-align: bottom;
}
.jsThumbnailImageWrapper i.removeIcon {
  position: absolute;
  top: -10px;
  right: -10px;
  color: #f56954;
  font-size: 2em;
  background: white;
  border-radius: 20px;
  height: 25px;
}
figure.ui-state-highlight {
  border: none;
  width: 100px;
  height: 0;
}
footer.main-footer a {
  cursor: pointer;
}
footer.main-footer p.text-muted {
  margin-bottom: 0;
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background: #202227;
}
.skin-blue .sidebar-menu > li.menu-title {
  color: #93AFBB;
  background: #25272d;
  padding: 10px 25px 10px 15px;
  font-size: 12px;
}
.sidebar-menu .append {
  margin-top: -44px;
}
.sidebar-menu .treeview-menu .append {
  margin-top: -30px;
}
.skin-blue .sidebar-menu .append:hover,
.skin-blue .sidebar-menu > li.active > a.append {
  color: #fff;
  background: none;
  border: 0;
}
.sidebar-mini.sidebar-collapse .sidebar-menu a.append,
.sidebar-mini.sidebar-collapse .sidebar-menu li.menu-title {
  display: none;
}
.checkbox label {
  padding-left: 0;
}
.checkbox label div {
  margin-right: 5px;
  margin-top: -2px;
}
.slider-slides .edit-icon {
  position: absolute;
  top: -10px;
  right: 25px;
  font-size: 2em;
  background: white;
  height: 25px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  cursor: pointer;
}
.modal input {
  margin: 5px 0;
}

body.login-page {
  background-color: #f6f8f9;
}
.logo-background {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.login-box {
  max-width: 618px;
  width: auto;
  margin: 20vh auto;
}
.login-box-body {
  background-color: #fafbfb;
  -webkit-box-shadow: 0px 27px 49px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 27px 49px 0px rgba(0, 0, 0, 0.1);
  padding: 40px 56px;
}
.login-box-msg {
  color: #606060;
  font-size: 32px;
  padding: 0 0 40px 0;
  font-weight: 300;
}
.has-feedback {
  border-style: solid;
  border-width: 1px;
  border-color: #e3e3e3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fafbfb;
  height: 58px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
}
.has-feedback .form-control {
  border: none;
  background-color: initial;
  height: 100%;
  padding-left: 20px;
}
.icon-pass {
  padding: 0 4px;
}
.btn-login {
  background-color: #9cbef5;
  color: #fafbfb;
  font-size: 14px;
  font-weight: 600;
  height: 48px;
  border-radius: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.btn-login:hover {
  background-color: #2489c5;
  color: #fff;
}
.margin-top {
  margin-top: 30px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill {
  background-color: #fff;
}
.mooncms-container {
  max-width: 390px;
  margin: auto;
  text-align: center;
}
.mooncms-container .info {
  color: #9b9b9b;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
}
.mooncms-container .info a {
  color: #9b9b9b;
  margin: 0 7px;
}
.main-dashboard {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-dashboard .beam-information,
.main-dashboard .beam-investment,
.main-dashboard .beam-events {
  display: inline-block;
  float: left;
  min-height: 824px;
}
.main-dashboard .beam-information .section-title,
.main-dashboard .beam-investment .section-title,
.main-dashboard .beam-events .section-title {
  margin-bottom: 45px;
}
.main-dashboard .beam-investment {
  padding: 35px 50px;
}
.main-dashboard .beam-investment .simple-box {
  width: 100%;
  height: auto;
  min-height: 100px;
}
.main-dashboard .beam-information {
  /*background: lightblue;*/
  border-right: #c6cfde 1px solid;
  width: 32%;
  max-height: 100vh;
  overflow-x: hidden;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.main-dashboard .beam-information::-webkit-scrollbar {
  width: 5px;
}
.main-dashboard .beam-information::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.main-dashboard .beam-information::-webkit-scrollbar-thumb {
  background: #084796;
  border-radius: 9px;
}
.main-dashboard .beam-information::-webkit-scrollbar-thumb:hover {
  background: #073625;
}
.main-dashboard .beam-information .section-title {
  padding: 35px 50px 0;
  margin-bottom: 10px;
}
.main-dashboard .beam-information .block {
  border-bottom: #c6cfde 1px solid;
  padding: 35px 50px;
  border-right: 1px transparent solid;
}
.main-dashboard .beam-information .block:hover {
  cursor: pointer;
  background-color: #f6f9fe;
  border-right: 1px #084796 solid;
}
.main-dashboard .beam-information .block p {
  color: #7b7b7b;
}
.main-dashboard .beam-information .block p b {
  color: #333;
}
.main-dashboard .beam-information .block .close {
  font-size: 16px;
}
.main-dashboard .beam-information .block .title {
  position: relative;
  color: #333;
  font-weight: 600;
}
.main-dashboard .beam-information .block .title:before {
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background-color: #000;
  border: #000 1px solid;
  display: block;
  position: absolute;
  left: -20px;
  top: 5px;
}
.main-dashboard .beam-information .block .title.read:before {
  background-color: #fff;
}
.main-dashboard .beam-investment {
  background: #eceff4;
  width: 39%;
  position: relative;
}
.main-dashboard .beam-investment .all-investment {
  position: absolute;
  width: 100%;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  bottom: 0;
  left: 0;
  background: #084796;
  text-decoration: none;
}
.main-dashboard .beam-investment .all-investment span {
  margin: 0 auto;
}
.main-dashboard .beam-investment .all-investment:hover,
.main-dashboard .beam-investment .all-investment:focus {
  text-decoration: none;
}
.main-dashboard .beam-events {
  background: #363636;
  width: 29%;
}
.main-dashboard .beam-events .calendar-box {
  left: 0;
  top: 0;
}
.main-dashboard .beam-events .upcomming {
  display: inline-block;
  width: 100%;
  padding: 38px 62px 0px;
}
.main-dashboard .beam-events .upcomming .section-title {
  color: #fff;
  margin-bottom: 28px;
}
.main-dashboard .beam-events .ending-event {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #6f6f6f;
  padding: 30px 0px;
}
.main-dashboard .beam-events .ending-event .content-ev {
  position: relative;
  padding: 0px 64px;
}
.main-dashboard .beam-events .ending-event .tt-ev,
.main-dashboard .beam-events .ending-event .dd-ev {
  width: 100%;
  display: inline-block;
}
.main-dashboard .beam-events .ending-event .tt-ev {
  color: #fff;
  font-weight: 600;
  padding-bottom: 10px;
}
.main-dashboard .beam-events .ending-event .tt-ev .title,
.main-dashboard .beam-events .ending-event .tt-ev .open {
  display: inline-block;
  float: left;
}
.main-dashboard .beam-events .ending-event .tt-ev .title {
  width: 82%;
}
.main-dashboard .beam-events .ending-event .tt-ev .open {
  width: 18%;
  text-align: right;
  font-size: 25px;
  line-height: 25px;
  letter-spacing: 2px;
  cursor: pointer;
  font-size: 15px;
  color: #909090;
}
.main-dashboard .beam-events .ending-event .dd-ev {
  color: #909090;
}
.main-dashboard .investment-box {
  width: 100%;
  display: inline-block;
  margin-bottom: 35px;
  background: #fff;
}
.main-dashboard .investment-box .head-tt {
  width: 100%;
  height: 57px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid #d4d8e0;
  padding: 0px 20px;
  font-weight: 600;
  position: relative;
}
.main-dashboard .investment-box .head-tt a {
  color: #084796;
  right: 20px;
  top: 20px;
  position: absolute;
}
.main-dashboard .investment-box .inv-info {
  width: 25%;
  display: inline-block;
  float: left;
  height: 110px;
  border-bottom: 2px solid #d4d8e0;
  padding: 0px 5px;
}
.main-dashboard .investment-box .inv-info.v1,
.main-dashboard .investment-box .inv-info.v2,
.main-dashboard .investment-box .inv-info.v3 {
  border-right: 2px solid #d4d8e0;
}
.main-dashboard .investment-box .inv-info.v4 .inv-icon {
  margin-bottom: 4px;
}
.main-dashboard .investment-box .inv-info.v4 .inv-icon i {
  font-size: 29px;
}
.main-dashboard .investment-box .inv-info .inv-icon,
.main-dashboard .investment-box .inv-info .inv-tt,
.main-dashboard .investment-box .inv-info .inv-inf {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.main-dashboard .investment-box .inv-info .inv-icon {
  padding-top: 10px;
}
.main-dashboard .investment-box .inv-info .inv-icon i {
  color: #5e9ae8;
  font-size: 32px;
}
.main-dashboard .investment-box .inv-info .inv-tt {
  color: #767676;
  padding-bottom: 4px;
}
.main-dashboard .investment-box .inv-info .inv-tt .inf {
  color: #5e9ae8;
}
.main-dashboard .investment-box .inv-info .inv-inf {
  color: #5e9ae8;
}
/*Desctop: 1501*/
@media screen and (max-width: 1650px) {
  body {
    font-size: 10.5px;
  }
  .section-title {
    font-size: 13px;
  }
  .main-skin .main-header .logo,
  .main-skin .main-header .navbar {
    height: 75px;
  }
  .main-sidebar {
    padding-top: 75px;
  }
  .sidebar-menu .treeview-menu li a {
    font-size: 11px;
  }
  .main-copyrighter {
    margin-top: 50px;
  }
  /*dashboard:*/
  .main-dashboard {
    min-height: calc(100vh - 75px);
  }
  .main-dashboard .beam-investment,
  .main-dashboard .beam-information,
  .main-dashboard .beam-events {
    min-height: 730px;
  }
  .main-dashboard .beam-investment {
    padding: 25px 35px;
  }
  .main-dashboard .beam-investment .all-investment {
    height: 80px;
    font-size: 13px;
  }
  .main-dashboard .investment-box .head-tt {
    height: 42px;
  }
  .main-dashboard .investment-box .head-tt a {
    top: 12px;
  }
  .main-dashboard .investment-box .inv-info {
    height: 100px;
  }
  .main-dashboard .investment-box .inv-info .inv-icon i {
    font-size: 27px;
  }
  .main-dashboard .investment-box .inv-info.v4 .inv-icon i {
    font-size: 24px;
  }
  .main-dashboard .investment-box .inv-info .inv-tt {
    padding-bottom: 2px;
  }
  .main-dashboard .beam-events .upcomming {
    padding: 30px 33px 0px;
  }
  .main-dashboard .beam-events .upcomming .section-title {
    margin-bottom: 20px;
  }
  .main-dashboard .beam-events .ending-event {
    padding: 25px 0px;
  }
  .main-dashboard .beam-events .ending-event .content-ev {
    padding: 0px 33px;
  }
  /*main:*/
  .main-top-nav .top-beam .element__breadcrumbs .breadcrumb {
    padding: 0px 33px;
    font-size: 16px;
  }
  .calendar-box {
    top: 0;
    right: 0;
  }
  .calendar-box .calendar {
    min-height: 375px;
  }
  .calendar-box .calendar .content .legend {
    padding: 0px 40px;
  }
  .calendar-box .reservation {
    padding: 0 34px 32px 34px;
  }
  /*index:*/
  .main-content-box {
    padding: 30px 40px;
  }
  .btn {
    font-size: 11px;
  }
  .btn-main {
    padding: 5px 22px 4px 22px !important;
    font-size: 12px;
    border-radius: 3px !important;
  }
  .btn-index .iicon {
    width: 20px;
    height: 20px;
    font-size: 10px;
  }
  .btn-index.search .iicon i {
    margin-left: 5px;
  }
  .button-form-group {
    padding-top: 19px;
  }
  .pagination li.paginate_button a {
    padding: 5px 15px !important;
    font-size: 12px;
    border-radius: 3px !important;
  }
  .form-control {
    font-size: 11px;
    height: 27px;
    padding: 0px 15px;
    border-radius: 3px;
  }
  .main-top-nav .top-beam .element__breadcrumbs .breadcrumb > li + li:before {
    padding: 0 12px 0 9px !important;
    font-size: 11px;
  }
}
/*Desctop: 1240*/
@media (max-width: 1500px) {
  body {
    font-size: 9.5px;
  }
  .btn {
    font-size: 10px;
  }
  .section-title {
    font-size: 11px;
  }
  .main-skin .main-header .logo {
    width: 194px;
  }
  .main-skin .main-header .logo img {
    width: 116px;
  }
  .sidebar-menu .treeview-menu li a {
    font-size: 10px;
  }
  .main-sidebar,
  .left-side {
    width: 194px;
  }
  .main-header .navbar {
    margin-left: 194px;
  }
  .content-wrapper,
  .right-side,
  .main-footer {
    margin-left: 194px;
  }
  /*dashboard:*/
  .main-dashboard .beam-investment,
  .main-dashboard .beam-information,
  .main-dashboard .beam-events {
    min-height: 600px;
  }
  .main-dashboard .beam-investment .section-title,
  .main-dashboard .beam-information .section-title,
  .main-dashboard .beam-events .section-title {
    margin-bottom: 35px;
  }
  .main-dashboard .beam-investment {
    padding: 10px 15px;
  }
  .main-dashboard .beam-investment .all-investment {
    height: 64px;
    font-size: 11px;
  }
  .main-dashboard .investment-box {
    margin-bottom: 17px;
  }
  .main-dashboard .investment-box .head-tt {
    height: 35px;
  }
  .main-dashboard .investment-box .head-tt a {
    top: 10px;
  }
  .main-dashboard .investment-box .inv-info {
    height: 94px;
  }
  .main-dashboard .investment-box .inv-info .inv-icon i {
    font-size: 22px;
  }
  .main-dashboard .investment-box .inv-info.v4 .inv-icon i {
    font-size: 20px;
  }
  .main-dashboard .investment-box .inv-info .inv-tt {
    /*padding-bottom: 2px;*/
  }
  .main-dashboard .beam-events .upcomming {
    padding: 15px 15px 0px;
  }
  .main-dashboard .beam-events .upcomming .section-title {
    margin-bottom: 10px;
  }
  .main-dashboard .beam-events .ending-event {
    padding: 22px 0px;
  }
  .main-dashboard .beam-events .ending-event .content-ev {
    padding: 0px 15px;
  }
  .main-dashboard .beam-events .ending-event .tt-ev {
    padding-bottom: 3px;
  }
  .main-dashboard .beam-events .ending-event .tt-ev .title {
    width: 88%;
  }
  .main-dashboard .beam-events .ending-event .tt-ev .open {
    width: 12%;
    font-size: 25px;
    line-height: 18px;
    letter-spacing: 1px;
    font-size: 14px;
  }
  /*main:*/
  .main-top-nav .top-beam .element__breadcrumbs .breadcrumb {
    padding: 0px 15px;
    font-size: 12px;
  }
  .main-top-nav .top-beam .element__settings a i,
  .main-top-nav .top-beam .element__log a i {
    font-size: 21px;
    margin-top: -4px;
  }
  .calendar-box {
    top: -20px;
    right: -15px;
  }
  .calendar-box .calendar {
    min-height: 330px;
  }
  .rangeMode .flatpickr-day {
    font-size: 10px;
  }
  .flatpickr-day {
    max-width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
  }
  span.flatpickr-weekday {
    font-size: 10px !important;
  }
  .flatpickr-calendar,
  .flatpickr-days,
  .flatpickr-rContainer,
  .flatpickr-innerContainer,
  .dayContainer {
    width: 245px !important;
  }
  .dayContainer {
    min-width: 245px !important;
    max-width: 245px !important;
  }
  .flatpick-current-month {
    font-size: 12px !important;
  }
  .flatpickr-months .flatpickr-prev-month svg,
  .flatpickr-months .flatpickr-next-month svg {
    width: 10px !important;
    height: 10px !important;
  }
  .flatpickr-current-month {
    font-size: 12px !important;
  }
  .flatpickr-months {
    height: 25px !important;
  }
  /*index:*/
  .main-content-box {
    padding: 20px 15px;
  }
  .btn-main {
    padding: 4px 16px 3px 16px !important;
    font-size: 11px;
    border-radius: 2px !important;
  }
  .btn-index .iicon {
    width: 16px;
    height: 16px;
    font-size: 7px;
  }
  .btn-index.search .iicon {
    margin-left: 4px;
  }
  .btn-index.search .iicon i {
    margin-left: 4px;
  }
  .pagination li.paginate_button a {
    padding: 4px 12px !important;
    font-size: 11px;
    border-radius: 2px !important;
  }
  .form-control {
    height: 24px;
    padding: 0px 12px;
    border-radius: 2px;
  }
  .main-top-nav .top-beam .element__breadcrumbs .breadcrumb > li + li:before {
    padding: 0 10px 0 7px !important;
    font-size: 8px;
  }
  .table tr td,
  .table tr th {
    height: 42px;
  }
  .table > tbody > tr > td,
  .table > tbody > tr > th,
  .table > tfoot > tr > td,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > thead > tr > th {
    padding: 5px;
  }
  /*show:*/
  .btn-index.info .iicon i {
    font-size: 12px;
  }
  .bilans-box {
    width: 70%;
  }
  .legend {
    float: right;
    padding-left: 0px;
  }
  .simple-note {
    padding: 5px 15px;
  }
  .simple-note .item-note {
    max-height: 135px;
    min-height: 135px;
  }
  /*calendar:*/
  .calendar-section {
    padding: 30px;
    padding-right: 5px;
  }
  .fc-bg .info:after {
    padding: 6px;
    font-size: 8px;
    line-height: 10px;
  }
  .eventDay .fc-day-number {
    font-size: 8px;
  }
  .fc-buttons {
    padding-bottom: 0px;
  }
  .fc-buttons #currentMonth {
    font-size: 11px;
    width: 125px;
  }
  .fc-buttons #prev i,
  .fc-buttons #next i {
    font-size: 14px;
  }
  .fc-other-month .fc-day-number {
    font-size: 8px;
  }
  .fc-basic-view .fc-body .fc-row {
    height: 64px !important;
    padding: 0px !important;
  }
  .fc-unthemed td.fc-today .fc-day-number {
    font-size: 8px !important;
    padding: 0px !important;
  }
  .fc-scroller.fc-day-grid-container {
    height: 384px !important;
  }
  .add-event-form {
    padding: 22px 35px 0px 35px;
  }
  .ev-list-section {
    padding: 0px 30px;
  }
}
/*Desctop: 992*/
@media (max-width: 1239px) {
  .main-top-nav .top-beam .element__settings,
  .main-top-nav .top-beam .element__log {
    width: 15%;
  }
  .main-top-nav .top-beam .element__settings a i,
  .main-top-nav .top-beam .element__log a i {
    font-size: 17px;
    margin-top: 0px;
    margin-left: 8px;
  }
  .main-top-nav .top-beam .element__breadcrumbs {
    width: 70%;
  }
  /*dashboard:*/
  .main-dashboard {
    display: block;
  }
  .main-dashboard .beam-information,
  .main-dashboard .beam-investment,
  .main-dashboard .beam-events {
    width: 100%;
    min-height: unset;
  }
  .main-dashboard .beam-investment .all-investment {
    display: none;
  }
  /*calendar:*/
  .calendar-section {
    padding: 16px;
    padding-right: 0px;
  }
  .fc-bg .info:after {
    line-height: 9px;
  }
  .eventDay .fc-day-number {
    padding: 0px !important;
  }
  .fc-basic-view .fc-body .fc-row {
    height: 60px !important;
  }
  .fc-scroller.fc-day-grid-container {
    height: 360px !important;
  }
  .add-event-form {
    padding: 15px 22px 0px 22px;
  }
}
/*Desctop: 768*/
@media (max-width: 991px) {
  .main-top-nav .top-beam .element__settings,
  .main-top-nav .top-beam .element__log {
    width: 10%;
  }
  .main-top-nav .top-beam .element__settings a span,
  .main-top-nav .top-beam .element__log a span {
    display: none;
  }
  .main-top-nav .top-beam .element__settings a i,
  .main-top-nav .top-beam .element__log a i {
    margin: 0px;
  }
  .main-top-nav .top-beam .element__breadcrumbs {
    width: 80%;
  }
}
/*Desctop: 550*/
@media (max-width: 767px) {
  .table-responsive {
    overflow: auto;
    overflow-y: hidden !important;
  }
  .skin-blue .main-header .navbar .sidebar-toggle {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #084796 !important;
    height: 100%;
    padding: 25px;
  }
  .skin-blue .main-header .navbar .sidebar-toggle:hover {
    background: #084796 !important;
  }
  .main-header .navbar {
    margin-left: unset;
  }
  .content-wrapper,
  .right-side,
  .main-footer {
    margin-left: unset;
    padding-left: 57px;
  }
  .main-skin .main-header .logo {
    display: none;
  }
  .main-skin .main-header .logo,
  .main-skin .main-header .navbar {
    height: 60px;
  }
  .main-sidebar {
    padding-top: 60px;
  }
  .main-sidebar,
  .left-side {
    width: 230px;
    -webkit-transform: translate(-172px, 0);
            transform: translate(-172px, 0);
  }
  .main-skin .sidebar-menu li a i {
    float: right;
    padding-right: 17px;
  }
  .main-skin .sidebar-menu li a i.fa-caret-right {
    padding-right: 25px;
  }
  .main-skin .sidebar-menu li a .fa-angle-left {
    display: none;
  }
  .sidebar-menu > li > a > .fa,
  .sidebar-menu > li > a > .glyphicon,
  .sidebar-menu > li > a > .ion {
    width: unset;
  }
  /*dashboard:*/
  .main-dashboard .investment-box .inv-info {
    width: 50%;
    height: 124px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main-dashboard .investment-box .inv-info.v2 {
    border-right: none;
  }
  .main-dashboard .investment-box .inv-info .m-cnt {
    margin: 0 auto;
  }
  .main-copyrighter .content-info {
    width: 115px;
  }
  /*index:*/
  div.dataTables_wrapper div.dataTables_filter label {
    float: right;
  }
  /*show:*/
  .calendar-section {
    padding: 15px !important;
  }
  .ev-list-section {
    padding: 0px;
  }
  .bilans-box,
  .legend {
    width: 100%;
  }
  .legend {
    padding: 32px 0px;
  }
  .legend .ell {
    display: inline-block;
    width: 100%;
  }
  .legend .ell .color,
  .legend .ell .value {
    height: 24px;
  }
}
/*Desctop: 425*/
@media (max-width: 549px) {
  .content-wrapper,
  .right-side,
  .main-footer {
    padding-left: 47px;
  }
  .skin-blue .main-header .navbar .sidebar-toggle {
    padding: 19px;
  }
  .main-sidebar,
  .left-side {
    -webkit-transform: translate(-184px, 0);
            transform: translate(-184px, 0);
  }
  .main-skin .sidebar-menu li a i {
    padding-right: 12px;
  }
  .main-skin .sidebar-menu li a i.fa-caret-right {
    padding-right: 21px;
  }
}
/*Desctop: 320*/