html {
  overflow-y: scroll; }

/*body {
    font-family: 'Helvetica Neue', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 12px;
}*/
/* Colors */
/* used in navigation items, item headers */
/* Font */
/* Sizes */
.content-holder {
  width: 100%; }

#wrapper {
  width: 100%;
  background: #202020; }

#page-wrapper {
  min-height: 600px; }

/*#overview{
    margin-top: 110px !important;
}*/
#page-inner {
  width: 100%;
  background-color: transparent !important;
  padding: 10px; }

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

.no-boder {
  border: 1px solid #f3f3f3; }

h2 {
  color: #000;
  font-size: 24px; }

h4 {
  padding-top: 10px; }

.strong-text1 {
  color: #C00000 !important; }

.strong-text2 {
  color: #333333 !important; }

.slider-quote {
  background-color: rgba(255, 255, 255, 0.5); }

.square-btn-adjust {
  border: 0px solid transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

.form-group.special {
  margin-bottom: 0; }

p {
  font-size: 16px;
  line-height: 25px; }

.input-container.model .form-group {
  margin-left: -5px; }

.bs-edit-table-container {
  margin-left: -15px; }

/*==============================================
   DASHBOARD STYLES
    =============================================*/
.panel-back {
  background-color: #F8F8F8; }

.noti-box {
  min-height: 100px;
  padding: 20px; }

.noti-box .icon-box {
  display: block;
  float: left;
  margin: 0 15px 10px 0;
  width: 70px;
  height: 70px;
  line-height: 75px;
  vertical-align: middle;
  text-align: center;
  font-size: 40px; }

.text-box p {
  margin: 0 0 3px;
  text-align: left;
  overflow: hidden; }

.main-text {
  font-size: 25px;
  font-weight: 600; }

.set-icon {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px; }

.bg-color-green {
  background-color: #00CE6F;
  color: #fff; }

.bg-color-blue {
  background-color: #A95DF0;
  color: #fff; }

.bg-color-red {
  background-color: #DB0630;
  color: #fff; }

.bg-color-brown {
  background-color: #B94A00;
  color: #fff; }

.icon-box-right {
  display: block;
  float: right;
  margin: 0 15px 10px 0;
  width: 70px;
  height: 70px;
  line-height: 75px;
  vertical-align: middle;
  text-align: center;
  font-size: 40px; }

.main-temp-back {
  background: #8702A8;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  text-align: center; }

.main-temp-back .text-temp {
  font-size: 40px; }

.back-dash {
  padding: 20px;
  font-size: 20px;
  font-weight: 500;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: #2EA7EB;
  color: #fff; }

.back-dash p {
  padding-top: 16px;
  font-size: 13px;
  color: #fff;
  line-height: 25px;
  text-align: justify; }

.back-footer-green {
  background-color: #009B50;
  border-top: 0px solid #fff; }

.back-footer-red {
  background-color: #a32020;
  border-top: 0px solid #fff; }

.color-bottom-txt {
  color: #000;
  font-size: 16px;
  line-height: 30px; }

/*==============================================
    MENU STYLES
    =============================================*/
.user-image {
  margin: 25px auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  max-height: 170px;
  max-width: 170px; }

.navbar-header .navbar-brand {
  text-align: center;
  height: 60px !important;
  font-size: 24px; }

.navbar-header .navbar-brand .part1 {
  color: #C00000;
  font-weight: 800; }

.navbar-header .navbar-brand .part2 {
  color: #333333;
  font-weight: 800; }

.navbar-cls-top .navbar {
  margin-bottom: 0 !important; }

.arrow {
  float: right; }

.fa.arrow:before {
  content: "\f104"; }

/*.active > a > .fa.arrow:before {
    content: "\f107";
}*/
.context-bar {
  bottom: 0;
  margin-top: 42px;
  margin-left: 20px; }

.nav-second-level li,
.nav-third-level li {
  border-bottom: none !important; }

.nav-second-level li a {
  padding-left: 37px; }

.nav-third-level li a {
  padding-left: 55px; }

.sidebar-collapse,
.sidebar-collapse .nav {
  background: none; }

.sidebar-collapse .nav {
  padding: 0; }

.sidebar-collapse .nav > li > a {
  color: #fff;
  background: #202020;
  text-shadow: none; }

.sidebar-collapse > .nav > li > a {
  padding: 15px 10px; }

.sidebar-collapse > .nav > li {
  border-bottom: 1px solid rgba(107, 108, 109, 0.19); }

.sidebar-collapse .nav > li > a:hover,
.sidebar-collapse .nav > li > a:focus {
  background: #0A0A0A;
  outline: 0; }

.nav-second-level > li > a:before,
.nav-third-level > li > a:before {
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  width: 15px;
  height: 1px;
  background: #ff0000;
  top: 20px; }

.nav-second-level > li > a:after,
.nav-third-level > li > a:after {
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  width: 1px;
  height: 100%;
  background: #ff0000;
  top: 0px;
  z-index: 10; }

.nav-second-level > li:last-child > a:after,
.nav-third-level > li:last-child > a:after {
  height: 50%; }

.nav-third-level > li > a:after,
.nav-third-level > li > a:before {
  left: 40px; }

#menu-section {
  padding-left: 15px;
  padding-top: 110px;
  background: #202020; }

#menu-section #menu-top,
#menu-section li,
#menu-section a {
  height: 70px !important; }

#menu-section > li {
  float: left; }

#menu-top > li > a {
  color: #fff;
  background: #202020;
  text-shadow: none;
  font-size: 12px; }

#menu-top span {
  display: block;
  text-align: center; }

#menu-top > .nav > li {
  border-bottom: 1px solid rgba(107, 108, 109, 0.19); }

#menu-top > li > a:hover,
#menu-top > li > a:focus {
  background: #0A0A0A;
  outline: 0; }

.top-bar {
  max-height: 36px; }

#menu-user {
  padding-top: 0;
  min-height: 0;
  position: relative;
  top: 1px; }

#menu-user span {
  padding-right: 10px;
  font-size: 15px; }

#menu-user i {
  padding-right: 7px; }

#menu-user .navbar {
  margin-top: 0 !important; }

.btn-user {
  background-color: #C00000;
  color: #fff !important;
  margin-top: -10px; }

.navbar-side {
  border: none;
  background-color: #202020; }

.navbar-cls-top {
  background: #4D4D4D;
  border-bottom: none; }

.navbar-cls-top .navbar-brand:hover {
  background: #C00000;
  color: #fff; }

.navbar-light {
  border: 0 solid black; }

.nav > li > a > i {
  margin-right: 10px; }

/* Tables/Forms */
.form-group h5 {
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase; }

.form-group .input-group-addon {
  padding: 2px 12px;
  font-size: 12px; }

.form-group .form-control {
  height: 2.1em;
  padding: 1px 4px;
  font-size: 12px;
  display: block; }

.currency {
  width: 100%; }

.row .multi-input > :nth-child(2) {
  padding-left: 0; }

.table-condensed > tbody > tr > td {
  height: 24px !important;
  padding: 2px 2px 1px 5px; }

.table-condensed > tbody > tr > td:last-child {
  height: 24px !important;
  padding: 2px 10px 1px 5px; }

.table-condensed > tbody > tr > td input[type="checkbox"],
.table-condensed > tbody > tr > td input[type="radio"] {
  margin: 0 !important;
  margin-top: 3px !important;
  margin-bottom: -2px !important;
  height: 15px; }

.table-condensed > tbody > tr > td > input,
.table-condensed > tbody > tr > td > select {
  height: 21px; }

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

.table-condensed > thead th {
  background-color: #a32020;
  color: white; }

.edit-table.btn-group {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.edit-table .dropdown-menu {
  font-size: inherit; }

.edit-table .dropdown-menu > li > a {
  padding: 5px; }

.edit-table .dropdown-menu.open {
  margin-top: 0;
  margin-left: -1px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0; }

.edit-table input,
select,
.btn.dropdown-toggle {
  border: none; }

.edit-table .btn.dropdown-toggle {
  padding: 1px 25px 1px 3px;
  cursor: default;
  width: auto;
  background-color: #fff; }

.edit-table .btn.dropdown-toggle.btn-default:focus {
  background-color: #fff;
  outline-width: 0 !important; }

.edit-table input:focus,
select:focus,
.btn.dropdown-toggle:focus {
  outline-width: 0;
  -webkit-box-shadow: inset 0 0px 2px 0px rgba(102, 175, 233, 0.6) !important;
  -moz-box-shadow: inset 0 0px 2px 0px rgba(102, 175, 233, 0.6) !important;
  box-shadow: inset 0 0px 2px 0px rgba(102, 175, 233, 0.6) !important; }

.entrytype-row .row {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0; }

.entrytype-row td div:first-of-type {
  height: 22px; }

.entrytype-row .glyphicon {
  top: -2px; }

.entrytype-row td .col-sm-1,
.entrytype-row .col-md-1,
.entrytype-row .col-lg-1 {
  padding-right: 0; }

.entrytype-row .row > fieldset {
  padding-left: 5px;
  padding-top: 15px; }

.entrytype-row > :nth-child(1) {
  padding-left: 0; }

.entrytype-row.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.entrytype-row.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.entrytype-row.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.entrytype-row.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1 {
  padding-left: 5px; }

/* Buttons  */
.btn-circle {
  width: 50px;
  height: 50px;
  padding: 6px 0;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429; }

/*.btn-primary {
    background-color: @button-primary;
    border-color: @table-border;
}*/
.btn-primary:focus,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  outline-color: #a32020; }

.btn-system.border-btn.btn-context {
  max-width: 38px !important;
  margin-right: 3px !important; }

.btn-fg-green {
  border-color: #60a917 !important;
  color: #60a917 !important; }

.btn-fg-green:hover {
  background-color: #60a917 !important;
  color: #fff !important; }

/*==============================================
    MEDIA QUERIES
    =============================================*/
@media (min-width: 1200px) {
  .fingine-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto; }
  #page-wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 1200px) {
  .fingine-container {
    width: 100%;
    margin-left: 0;
    margin-right: 0; } }

@media (min-width: 768px) {
  #page-wrapper {
    width: 100%; }
  #overview {
    margin-top: 1px !important; }
  .navbar-side {
    z-index: 1;
    position: absolute;
    width: 260px; }
  .navbar {
    border-radius: 0px; }
  #menu-section {
    padding-top: 60px; } }
