/* ********************
=Classes
******************** */
.block {
  display: block;
}
.inlineblock {
  display: inline-block;
}
.none {
  display: none;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.fixed {
  position: fixed;
}
.hidden {
  overflow: hidden;
}
.bg-orange {
  background-color: #EE7551;
}
.mb60 {
  margin-bottom: 60px;
}
/* Float & align  */
.fl {
  float: left;
}
.fr {
  float: right;
}
.fn {
  float: none;
}
.cb {
  clear: both !important;
}
.cl {
  clear: left !important;
}
.cr {
  clear: right !important;
}
.al {
  text-align: left !important;
}
.ar {
  text-align: right !important;
}
.ac {
  text-align: center !important;
}
/* Mixins  */
@font-face {
  font-family: 'MetronicSlabProAir';
  src: url(/fonts/MetronicSlabProAir.woff?6699b0016dc9890ffcd6eff08058c2f3) format('woff');
  src: url(/fonts/MetronicSlabProAir.eot?48faf3c6352d4ade92a25d740d6d8f01?#iefix) format('embedded-opentype'), url(/fonts/MetronicSlabProAir.woff?6699b0016dc9890ffcd6eff08058c2f3) format('woff'), url(/fonts/MetronicSlabProAir.ttf?298d896b68d72922d9531124689f5f8a) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MetronicSlabProBlack';
  src: url(/fonts/MetronicSlabProBlack.woff?e60ea81e325c23dbc4662ca683576de9) format('woff');
  src: url(/fonts/MetronicSlabProBlack.eot?b3753c7c04d9f5387cabaf2c35c9ee7e?#iefix) format('embedded-opentype'), url(/fonts/MetronicSlabProBlack.woff?e60ea81e325c23dbc4662ca683576de9) format('woff'), url(/fonts/MetronicSlabProBlack.ttf?3676631ce501f04d5a916aba44acd0a5) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MetronicSlabProBold';
  src: url(/fonts/MetronicSlabProBold.woff?7a077ce6e209ad521eeaa9f6085b70ca) format('woff');
  src: url(/fonts/MetronicSlabProBold.eot?6fb2e287fe5b9801190719900a2e6367?#iefix) format('embedded-opentype'), url(/fonts/MetronicSlabProBold.woff?7a077ce6e209ad521eeaa9f6085b70ca) format('woff'), url(/fonts/MetronicSlabProBold.ttf?3881a852cef4fd604e8e3b8caf8dd43c) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MetronicSlabProLight';
  src: url(/fonts/MetronicSlabProLight.woff?116a4d97661db5231c9c224f3a762e5e) format('woff');
  src: url(/fonts/MetronicSlabProLight.eot?3371c4cf71badb5d7547857dcdfb6845?#iefix) format('embedded-opentype'), url(/fonts/MetronicSlabProLight.woff?116a4d97661db5231c9c224f3a762e5e) format('woff'), url(/fonts/MetronicSlabProLight.ttf?770cfa94b61557d1fb9d0321dac6ccdb) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MetronicSlabProRegular';
  src: url(/fonts/MetronicSlabProRegular.woff?fda34ed8b7db7ff574fa7eb4aa999e5b) format('woff');
  src: url(/fonts/MetronicSlabProRegular.eot?271030576546bdff67c48188720c4234?#iefix) format('embedded-opentype'), url(/fonts/MetronicSlabProRegular.woff?fda34ed8b7db7ff574fa7eb4aa999e5b) format('woff'), url(/fonts/MetronicSlabProRegular.ttf?4f703d5b3f6f755ae64c184c6ad19f5b) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MetronicSlabProSemiBold';
  src: url(/fonts/MetronicSlabProSemiBold.woff?122cca2e5883b52c07881e6a8339cab9) format('woff');
  src: url(/fonts/MetronicSlabProSemiBold.eot?30ed20298c6cf91f979cec7c26ecf470?#iefix) format('embedded-opentype'), url(/fonts/MetronicSlabProSemiBold.woff?122cca2e5883b52c07881e6a8339cab9) format('woff'), url(/fonts/MetronicSlabProSemiBold.ttf?5cc92ea1042fa9cb53f4281357850405) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v29/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v29/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v29/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v29/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype');
}
/* ********************
=Colors
******************** */
/* ********************
=Html / Body
******************** */
html {
  background: #F7F9FA;
}
html body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  background: #F7F9FA;
}
/* ********************
=Typography
******************** */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'MetronicSlabProRegular', sans-serif;
  font-weight: 400;
}
p {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400 !important;
}
p a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #EE7551;
  text-decoration: none;
}
a:hover {
  color: #c63c13;
}
i {
  margin-right: 5px;
}
/* ********************
=General
******************** */
.container .btn-primary,
.content-page .btn-primary {
  display: inline-block;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 17px;
  background-color: #EE7551 !important;
  border: 2px solid #EE7551 !important;
  transition: all 0.2s ease;
  box-shadow: 0 0 0 0;
  border-radius: 4px;
  text-decoration: none;
  height: 50px;
  color: white;
  padding: 12px 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.container .btn-primary:hover,
.content-page .btn-primary:hover {
  background-color: #e95023 !important;
  border: 2px solid #e95023 !important;
  box-shadow: 0 0 0 0 !important;
}
.container .btn-primary.small,
.content-page .btn-primary.small {
  font-size: 14px;
  padding: 3px 15px;
  height: 30px;
}
.container > .content,
.content-page > .content {
  margin-bottom: 120px;
}
.content-page .btn-primary {
  padding: 6px 20px;
  height: 40px;
}
/* ********************
=Topbar
******************** */
.topbar {
  background: #D2DADE;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
.topbar .topbar-left {
  background: #D2DADE;
  padding-top: 13px;
}
.topbar .logo {
  overflow: hidden;
  display: inline-block;
  line-height: 0;
  height: 42px;
}
body.fixed-left-void .topbar .logo {
  width: 42px;
}
.navbar-custom {
  background: #D2DADE;
}
.navbar-custom .dripicons-menu:before {
  color: #4A4A4A;
}
.nav-user img {
  display: inline-block;
}
.nav-user img:before {
  display: none;
}
.button-menu-mobile i {
  margin-right: 0;
}
/* ********************
=Dashboard
******************** */
.dashboard-boxes {
  margin-bottom: 30px;
}
/* ********************
=Sidebar
******************** */
.side-menu.left {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
}
.side-menu #sidebar-menu ul li a {
  transition: none;
}
.side-menu #sidebar-menu ul li a:hover {
  background: #eef2f4;
}
.side-menu #sidebar-menu ul li.active a {
  background: #eef2f4;
}
/* ********************
=Login page
******************** */
.page-login {
  height: 100vh;
}
.login-wrapper {
  position: absolute;
  width: 100%;
  max-width: 500px;
  top: 40%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.login-wrapper .login-logo {
  text-align: center !important;
  display: inline-block;
  width: 100%;
  padding: 20px 0;
}
.login-wrapper .login-logo img {
  margin: 0 auto;
}
.login-wrapper .login-inner {
  margin-bottom: 0;
}
/* ********************
=Page
******************** */
.page-title {
  font-size: 28px;
  margin-bottom: 30px;
}
/* ********************
=Forms
******************** */
form {
  display: inline-block;
  width: 100%;
}
form input[type="submit"] {
  cursor: pointer;
}
.content-page form .form-group input {
  margin-bottom: 0.3rem;
}
.content-page form .form-group .row {
  padding: 0 15px;
}
.content-page form .form-group .left {
  padding-right: 0.15rem;
  padding-left: 0;
}
.content-page form .form-group .right {
  padding-right: 0;
  padding-left: 0.15rem;
}
.content-page form h4 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .content-page form .form-group .left {
    padding-right: 0;
  }
  .content-page form .form-group .right {
    padding-left: 0;
  }
}
input[type="file"] {
  border: 0 !important;
  background: 0 !important;
  padding: 7px 0 !important;
}
/* ********************
=Tables
******************** */
.table {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  background: white;
}
.table > thead > tr > th {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 700 !important;
}
.table > tbody > tr > th,
.table > tbody > tr > td {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.table > tbody > tr > th a,
.table > tbody > tr > td a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
.table > tbody > tr > th.open,
.table > tbody > tr > td.open {
  padding: 0.5rem 0.75rem;
}
.table > tbody > tr > th.open span,
.table > tbody > tr > td.open span {
  margin-right: 10px;
}
.table > tbody > tr:nth-of-type(2n + 1) {
  background-color: rgba(0, 0, 0, 0.02);
}
.table .paid,
.table .sign {
  color: #5faa1a;
}
.table .failed,
.table .do-not-sign {
  color: #cf0808;
}
.table .should-not-sign {
  color: #ffc100;
}
.table .actions {
  white-space: nowrap;
}
.table .output-table-field div {
  pointer-events: none;
}
.table .output-table-field input {
  width: 100%;
}
@media (max-width: 991px) {
  .table > tbody > tr > th,
  .table > tbody > tr > td {
    white-space: nowrap;
  }
}
/* ********************
=Rounded icon
******************** */
.bg-icon i {
  margin-right: 0;
}
/* ********************
Fonts
******************** */
.opensans_light {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
.opensans_regular {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
.opensans_semibold {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
.opensans_bold {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}
.metronic_air {
  font-family: 'MetronicSlabProAir', sans-serif;
  font-weight: 400;
}
.metronic_light {
  font-family: 'MetronicSlabProLight', sans-serif;
  font-weight: 400;
}
.metronic_regular {
  font-family: 'MetronicSlabProRegular', sans-serif;
  font-weight: 400;
}
.metronic_semibold {
  font-family: 'MetronicSlabProSemiBold', sans-serif;
  font-weight: 400;
}
.metronic_bold {
  font-family: 'MetronicSlabProBold', sans-serif;
  font-weight: 400;
}
.metronic_black {
  font-family: 'MetronicSlabProBlack', sans-serif;
  font-weight: 400;
}