hr {
  margin-top: 15px;
  margin-bottom: 15px;
}

.select2-container {
  width: 100% !important;
}

.login-register .white-box {
  flex-grow: 1;
}
.login-register {
  /* background: url(../img/bg_login.png) center center/cover no-repeat !important; */
  background: url(../img/dummy-login.svg) center center/cover no-repeat !important;

  height: 100%;
  position: fixed;
}
.login-register .form-material {
  margin-top: 50px;
}

/*dashboard*/
.sidebar #side-menu .user-pro {
  background: url(../img/profile-menu.png) center center/cover no-repeat !important;
}

#side-menu li a i {
  margin-right: 5px;
}

/*datatable*/
.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: 10px 5px !important;
  
}

.table td, .table th {
  vertical-align: middle !important;
}

/*modal issue*/
.fade.in {
  opacity: 1;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-backdrop.in {
  opacity: 0.5;
}

.modal-backdrop {
  z-index: 12;
}

/*form*/
.form-horizontal .form-group {
  margin-bottom: 10px;
}
.panel .panel-footer {
  padding: 10px 15px;
}
.white-box {
  margin-bottom: 0;
}
.container-fluid {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}
.bg-title {
  padding: 5px 15px 5px 15px;
  margin-bottom: 15px;
}

.bg-title h4 {
  font-size: 15px;
}
.bg-title .breadcrumb {
  font-size: 13px;
}
.table-responsive {
  font-size: 0.9em;
}
select.input-sm {
  height: 30px !important;
  line-height: 30px;
}

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

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }
}

.panel.panel-loading .panel-body {
  position: relative;
  z-index: 0;
}

.panel.panel-loading .panel-body .panel-loader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.9;
  -webkit-animation: fadeIn 0.2s;
  animation: fadeIn 0.2s;
  z-index: 1020;
  border-radius: 0 0 4px 4px;
}

.modal.modal-loading .modal-body {
  position: relative;
  z-index: 0;
}

.modal.modal-loading .modal-body .modal-loader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.9;
  -webkit-animation: fadeIn 0.2s;
  animation: fadeIn 0.2s;
  z-index: 1020;
  border-radius: 0 0 4px 4px;
}

.spinner,
.spinner-small {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  border: 2px solid rgba(0, 0, 0, 0.5);
  border-top: 2px solid #fff;
  border-radius: 100%;
}

.fade.in .spinner,
.fade.in .spinner-small,
.fade.show .spinner,
.fade.show .spinner-small {
  -webkit-animation: rotation 0.6s infinite linear;
  animation: rotation 0.6s infinite linear;
}

.spinner-small {
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-top: 2px solid #24b498;
  height: 30px;
  width: 30px;
  margin: -15px 0 0 -15px;
}

.label {
  font-size: 85%;
}

/* WIDGET */
.widget {
  overflow: hidden;
}

.widget.widget-stats {
  position: relative;
  color: #fff;
  padding: 15px;
  border-radius: 3px;
}

.widget-stats .stats-info h4 {
  font-size: 12px;
  margin: 5px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.7);
}

.widget-stats .stats-icon {
  font-size: 42px;
  height: 56px;
  width: 56px;
  text-align: center;
  line-height: 56px;
  margin-left: 15px;
  color: #000;
  position: absolute;
  right: 15px;
  top: 15px;
  opacity: 0.15;
}

.widget-stats .stats-content,
.widget-stats .stats-icon.stats-icon-lg i {
  position: relative;
}

.widget-stats .stats-info p {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

.widget-stats .stats-link a {
  display: block;
  margin: 15px -15px -15px;
  padding: 7px 15px;
  background: rgba(0, 0, 0, 0.4);
  text-align: right;
  color: #fff;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}

.widget-stats .stats-link a:focus,
.widget-stats .stats-link a:hover {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.widget-stats .stats-icon.stats-icon-lg {
  font-size: 128px;
  top: 15px;
  right: 0;
  color: #fff;
  width: 128px;
  height: 50px;
  line-height: 50px;
  text-shadow: 3px 7px rgba(0, 0, 0, 0.25);
}

.widget-stats .stats-icon.stats-icon-square {
  opacity: 1;
  border-radius: 12px;
  font-size: 42px;
  top: 15px;
  right: 15px;
  height: 56px;
  width: 56px;
  text-align: center;
  line-height: 56px;
  margin-left: 15px;
}

.widget-stats .stats-title {
  position: relative;
  margin: 0 0 2px;
  font-size: 12px;
}

.widget-stats .stats-desc,
.widget-stats .stats-title {
  color: #fff;
  color: rgba(255, 255, 255, 0.7);
}

.widget-stats .stats-desc {
  margin: -5px 0 -3px;
  font-weight: 300;
}

.widget-stats .stats-number {
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: 600;
  letter-spacing: 1px;
}

.widget-stats .stats-progress {
  background: rgba(0, 0, 0, 0.5);
  height: 2px;
  margin: 0 0 15px;
  border-radius: 3px;
}

.widget-stats .stats-progress.stats-progress-light {
  background: rgba(255, 255, 255, 0.3);
}

.widget-stats .stats-progress .progress-bar {
  background: #fff;
  border-radius: 0 3px 3px 0;
}

.widget-stats.text-inverse .stats-desc,
.widget-stats.text-inverse .stats-title {
  color: rgba(0, 0, 0, 0.85);
}

.widget-stats.text-inverse .stats-desc,
.widget-stats.text-inverse .stats-number {
  letter-spacing: 0;
  font-weight: 400;
}

.widget-stats.text-inverse .stats-title {
  font-weight: 700;
}

.widget-stats.bg-white .stats-progress {
  background: rgba(0, 0, 0, 0.1);
}

.widget-stats.bg-white .stats-progress .progress-bar {
  background: #2d353c;
}

/* TEXT AND BG */
.text-black,
.text-inverse {
  color: #2d353c !important;
}

.text-black-transparent-9 {
  color: rgba(45, 53, 60, 0.9) !important;
}

.text-black-transparent-8 {
  color: rgba(45, 53, 60, 0.8) !important;
}

.text-black-transparent-7 {
  color: rgba(45, 53, 60, 0.7) !important;
}

.text-black-transparent-6 {
  color: rgba(45, 53, 60, 0.6) !important;
}

.text-black-transparent-5 {
  color: rgba(45, 53, 60, 0.5) !important;
}

.text-black-transparent-4 {
  color: rgba(45, 53, 60, 0.4) !important;
}

.text-black-transparent-3 {
  color: rgba(45, 53, 60, 0.3) !important;
}

.text-black-transparent-2 {
  color: rgba(45, 53, 60, 0.2) !important;
}

.text-black-transparent-1 {
  color: rgba(45, 53, 60, 0.1) !important;
}

.text-black-darker {
  color: #242a30 !important;
}

.text-black-lighter,
a.text-inverse:focus,
a.text-inverse:hover {
  color: #575d63 !important;
}

.text-success,
.text-teal {
  color: #00acac !important;
}

.text-teal-transparent-9 {
  color: rgba(0, 172, 172, 0.9) !important;
}

.text-teal-transparent-8 {
  color: rgba(0, 172, 172, 0.8) !important;
}

.text-teal-transparent-7 {
  color: rgba(0, 172, 172, 0.7) !important;
}

.text-teal-transparent-6 {
  color: rgba(0, 172, 172, 0.6) !important;
}

.text-teal-transparent-5 {
  color: rgba(0, 172, 172, 0.5) !important;
}

.text-teal-transparent-4 {
  color: rgba(0, 172, 172, 0.4) !important;
}

.text-teal-transparent-3 {
  color: rgba(0, 172, 172, 0.3) !important;
}

.text-teal-transparent-2 {
  color: rgba(0, 172, 172, 0.2) !important;
}

.text-teal-transparent-1 {
  color: rgba(0, 172, 172, 0.1) !important;
}

.text-teal-darker {
  color: #008a8a !important;
}

.text-teal-lighter,
a.text-success:focus,
a.text-success:hover {
  color: #33bdbd !important;
}

.text-aqua,
.text-info {
  color: #49b6d6 !important;
}

.text-aqua-transparent-9 {
  color: rgba(73, 182, 214, 0.9) !important;
}

.text-aqua-transparent-8 {
  color: rgba(73, 182, 214, 0.8) !important;
}

.text-aqua-transparent-7 {
  color: rgba(73, 182, 214, 0.7) !important;
}

.text-aqua-transparent-6 {
  color: rgba(73, 182, 214, 0.6) !important;
}

.text-aqua-transparent-5 {
  color: rgba(73, 182, 214, 0.5) !important;
}

.text-aqua-transparent-4 {
  color: rgba(73, 182, 214, 0.4) !important;
}

.text-aqua-transparent-3 {
  color: rgba(73, 182, 214, 0.3) !important;
}

.text-aqua-transparent-2 {
  color: rgba(73, 182, 214, 0.2) !important;
}

.text-aqua-transparent-1 {
  color: rgba(73, 182, 214, 0.1) !important;
}

.text-aqua-darker {
  color: #3a92ab !important;
}

.text-aqua-lighter,
a.text-info:focus,
a.text-info:hover {
  color: #6dc5de !important;
}

.text-blue,
.text-primary {
  color: #348fe2 !important;
}

.text-blue-transparent-9 {
  color: rgba(52, 143, 226, 0.9) !important;
}

.text-blue-transparent-8 {
  color: rgba(52, 143, 226, 0.8) !important;
}

.text-blue-transparent-7 {
  color: rgba(52, 143, 226, 0.7) !important;
}

.text-blue-transparent-6 {
  color: rgba(52, 143, 226, 0.6) !important;
}

.text-blue-transparent-5 {
  color: rgba(52, 143, 226, 0.5) !important;
}

.text-blue-transparent-4 {
  color: rgba(52, 143, 226, 0.4) !important;
}

.text-blue-transparent-3 {
  color: rgba(52, 143, 226, 0.3) !important;
}

.text-blue-transparent-2 {
  color: rgba(52, 143, 226, 0.2) !important;
}

.text-blue-transparent-1 {
  color: rgba(52, 143, 226, 0.1) !important;
}

.text-blue-darker {
  color: #2a72b5 !important;
}

.text-blue-lighter,
a.text-primary:focus,
a.text-primary:hover {
  color: #5da5e8 !important;
}

.text-orange,
.text-warning {
  color: #f59c1a !important;
}

.text-orange-transparent-9 {
  color: rgba(245, 156, 26, 0.9) !important;
}

.text-orange-transparent-8 {
  color: rgba(245, 156, 26, 0.8) !important;
}

.text-orange-transparent-7 {
  color: rgba(245, 156, 26, 0.7) !important;
}

.text-orange-transparent-6 {
  color: rgba(245, 156, 26, 0.6) !important;
}

.text-orange-transparent-5 {
  color: rgba(245, 156, 26, 0.5) !important;
}

.text-orange-transparent-4 {
  color: rgba(245, 156, 26, 0.4) !important;
}

.text-orange-transparent-3 {
  color: rgba(245, 156, 26, 0.3) !important;
}

.text-orange-transparent-2 {
  color: rgba(245, 156, 26, 0.2) !important;
}

.text-orange-transparent-1 {
  color: rgba(245, 156, 26, 0.1) !important;
}

.text-orange-darker {
  color: #c47d15 !important;
}

.text-orange-lighter,
a.text-warning:focus,
a.text-warning:hover {
  color: #f7b048 !important;
}

.text-danger,
.text-red {
  color: #ff5b57 !important;
}

.text-red-transparent-9 {
  color: rgba(255, 91, 87, 0.9) !important;
}

.text-red-transparent-8 {
  color: rgba(255, 91, 87, 0.8) !important;
}

.text-red-transparent-7 {
  color: rgba(255, 91, 87, 0.7) !important;
}

.text-red-transparent-6 {
  color: rgba(255, 91, 87, 0.6) !important;
}

.text-red-transparent-5 {
  color: rgba(255, 91, 87, 0.5) !important;
}

.text-red-transparent-4 {
  color: rgba(255, 91, 87, 0.4) !important;
}

.text-red-transparent-3 {
  color: rgba(255, 91, 87, 0.3) !important;
}

.text-red-transparent-2 {
  color: rgba(255, 91, 87, 0.2) !important;
}

.text-red-transparent-1 {
  color: rgba(255, 91, 87, 0.1) !important;
}

.text-red-darker {
  color: #cc4946 !important;
}

.text-red-lighter,
a.text-danger:focus,
a.text-danger:hover {
  color: #ff7c79 !important;
}

.text-white {
  color: #fff !important;
}

.text-white-transparent-9 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.text-white-transparent-8 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.text-white-transparent-7 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.text-white-transparent-6 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.text-white-transparent-5 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-white-transparent-4 {
  color: rgba(255, 255, 255, 0.4) !important;
}

.text-white-transparent-3 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.text-white-transparent-2 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.text-white-transparent-1 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.text-silver,
a.text-white:focus,
a.text-white:hover {
  color: #f0f3f4 !important;
}

.text-silver-transparent-9 {
  color: rgba(240, 243, 244, 0.9) !important;
}

.text-silver-transparent-8 {
  color: rgba(240, 243, 244, 0.8) !important;
}

.text-silver-transparent-7 {
  color: rgba(240, 243, 244, 0.7) !important;
}

.text-silver-transparent-6 {
  color: rgba(240, 243, 244, 0.6) !important;
}

.text-silver-transparent-5 {
  color: rgba(240, 243, 244, 0.5) !important;
}

.text-silver-transparent-4 {
  color: rgba(240, 243, 244, 0.4) !important;
}

.text-silver-transparent-3 {
  color: rgba(240, 243, 244, 0.3) !important;
}

.text-silver-transparent-2 {
  color: rgba(240, 243, 244, 0.2) !important;
}

.text-silver-transparent-1 {
  color: rgba(240, 243, 244, 0.1) !important;
}

.text-silver-lighter {
  color: #f4f6f7 !important;
}

.text-silver-darker,
a.text-silver:focus,
a.text-silver:hover {
  color: #b4b6b7 !important;
}

.text-grey,
.text-muted {
  color: #b6c2c9 !important;
}

.text-grey-transparent-9 {
  color: rgba(182, 194, 201, 0.9) !important;
}

.text-grey-transparent-8 {
  color: rgba(182, 194, 201, 0.8) !important;
}

.text-grey-transparent-7 {
  color: rgba(182, 194, 201, 0.7) !important;
}

.text-grey-transparent-6 {
  color: rgba(182, 194, 201, 0.6) !important;
}

.text-grey-transparent-5 {
  color: rgba(182, 194, 201, 0.5) !important;
}

.text-grey-transparent-4 {
  color: rgba(182, 194, 201, 0.4) !important;
}

.text-grey-transparent-3 {
  color: rgba(182, 194, 201, 0.3) !important;
}

.text-grey-transparent-2 {
  color: rgba(182, 194, 201, 0.2) !important;
}

.text-grey-transparent-1 {
  color: rgba(182, 194, 201, 0.1) !important;
}

.text-grey-darker {
  color: #929ba1 !important;
}

.text-grey-lighter,
a.text-grey:focus,
a.text-grey:hover {
  color: #c5ced4 !important;
}

.text-yellow {
  color: #ffd900 !important;
}

.text-yellow-transparent-9 {
  color: rgba(255, 217, 0, 0.9) !important;
}

.text-yellow-transparent-8 {
  color: rgba(255, 217, 0, 0.8) !important;
}

.text-yellow-transparent-7 {
  color: rgba(255, 217, 0, 0.7) !important;
}

.text-yellow-transparent-6 {
  color: rgba(255, 217, 0, 0.6) !important;
}

.text-yellow-transparent-5 {
  color: rgba(255, 217, 0, 0.5) !important;
}

.text-yellow-transparent-4 {
  color: rgba(255, 217, 0, 0.4) !important;
}

.text-yellow-transparent-3 {
  color: rgba(255, 217, 0, 0.3) !important;
}

.text-yellow-transparent-2 {
  color: rgba(255, 217, 0, 0.2) !important;
}

.text-yellow-transparent-1 {
  color: rgba(255, 217, 0, 0.1) !important;
}

.text-yellow-darker {
  color: #bfa300 !important;
}

.text-yellow-lighter {
  color: #fde248 !important;
}

a.text-yellow:focus,
a.text-yellow:hover {
  color: #e9fb65 !important;
}

.text-purple {
  color: #727cb6 !important;
}

.text-purple-transparent-9 {
  color: rgba(114, 124, 182, 0.9) !important;
}

.text-purple-transparent-8 {
  color: rgba(114, 124, 182, 0.8) !important;
}

.text-purple-transparent-7 {
  color: rgba(114, 124, 182, 0.7) !important;
}

.text-purple-transparent-6 {
  color: rgba(114, 124, 182, 0.6) !important;
}

.text-purple-transparent-5 {
  color: rgba(114, 124, 182, 0.5) !important;
}

.text-purple-transparent-4 {
  color: rgba(114, 124, 182, 0.4) !important;
}

.text-purple-transparent-3 {
  color: rgba(114, 124, 182, 0.3) !important;
}

.text-purple-transparent-2 {
  color: rgba(114, 124, 182, 0.2) !important;
}

.text-purple-transparent-1 {
  color: rgba(114, 124, 182, 0.1) !important;
}

.text-purple-darker {
  color: #5b6392 !important;
}

.text-purple-lighter,
a.text-purple:focus,
a.text-purple:hover {
  color: #8e96c5 !important;
}

.text-lime {
  color: #90ca4b !important;
}

.text-lime-transparent-9 {
  color: rgba(144, 202, 75, 0.9) !important;
}

.text-lime-transparent-8 {
  color: rgba(144, 202, 75, 0.8) !important;
}

.text-lime-transparent-7 {
  color: rgba(144, 202, 75, 0.7) !important;
}

.text-lime-transparent-6 {
  color: rgba(144, 202, 75, 0.6) !important;
}

.text-lime-transparent-5 {
  color: rgba(144, 202, 75, 0.5) !important;
}

.text-lime-transparent-4 {
  color: rgba(144, 202, 75, 0.4) !important;
}

.text-lime-transparent-3 {
  color: rgba(144, 202, 75, 0.3) !important;
}

.text-lime-transparent-2 {
  color: rgba(144, 202, 75, 0.2) !important;
}

.text-lime-transparent-1 {
  color: rgba(144, 202, 75, 0.1) !important;
}

.text-lime-darker {
  color: #6c9738 !important;
}

.text-lime-lighter {
  color: #acd778 !important;
}

a.text-lime:focus,
a.text-lime:hover {
  color: #6c9738 !important;
}

.text-indigo {
  color: #8753de !important;
}

.text-indigo-transparent-9 {
  color: rgba(135, 83, 222, 0.9) !important;
}

.text-indigo-transparent-8 {
  color: rgba(135, 83, 222, 0.8) !important;
}

.text-indigo-transparent-7 {
  color: rgba(135, 83, 222, 0.7) !important;
}

.text-indigo-transparent-6 {
  color: rgba(135, 83, 222, 0.6) !important;
}

.text-indigo-transparent-5 {
  color: rgba(135, 83, 222, 0.5) !important;
}

.text-indigo-transparent-4 {
  color: rgba(135, 83, 222, 0.4) !important;
}

.text-indigo-transparent-3 {
  color: rgba(135, 83, 222, 0.3) !important;
}

.text-indigo-transparent-2 {
  color: rgba(135, 83, 222, 0.2) !important;
}

.text-indigo-transparent-1 {
  color: rgba(135, 83, 222, 0.1) !important;
}

.text-indigo-darker {
  color: #6c42b2 !important;
}

.text-indigo-lighter {
  color: #9f75e5 !important;
}

a.text-indigo:focus,
a.text-indigo:hover {
  color: #6c42b2 !important;
}

.text-pink {
  color: #fb5597 !important;
}

.text-pink-transparent-9 {
  color: rgba(251, 85, 151, 0.9) !important;
}

.text-pink-transparent-8 {
  color: rgba(251, 85, 151, 0.8) !important;
}

.text-pink-transparent-7 {
  color: rgba(251, 85, 151, 0.7) !important;
}

.text-pink-transparent-6 {
  color: rgba(251, 85, 151, 0.6) !important;
}

.text-pink-transparent-5 {
  color: rgba(251, 85, 151, 0.5) !important;
}

.text-pink-transparent-4 {
  color: rgba(251, 85, 151, 0.4) !important;
}

.text-pink-transparent-3 {
  color: rgba(251, 85, 151, 0.3) !important;
}

.text-pink-transparent-2 {
  color: rgba(251, 85, 151, 0.2) !important;
}

.text-pink-transparent-1 {
  color: rgba(251, 85, 151, 0.1) !important;
}

.text-pink-darker {
  color: #c94479 !important;
}

.text-pink-lighter {
  color: #fc77ac !important;
}

a.text-pink:focus,
a.text-pink:hover {
  color: #c94479 !important;
}

.text-green {
  color: #32a932 !important;
}

.text-green-transparent-9 {
  color: rgba(50, 169, 50, 0.9) !important;
}

.text-green-transparent-8 {
  color: rgba(50, 169, 50, 0.8) !important;
}

.text-green-transparent-7 {
  color: rgba(50, 169, 50, 0.7) !important;
}

.text-green-transparent-6 {
  color: rgba(50, 169, 50, 0.6) !important;
}

.text-green-transparent-5 {
  color: rgba(50, 169, 50, 0.5) !important;
}

.text-green-transparent-4 {
  color: rgba(50, 169, 50, 0.4) !important;
}

.text-green-transparent-3 {
  color: rgba(50, 169, 50, 0.3) !important;
}

.text-green-transparent-2 {
  color: rgba(50, 169, 50, 0.2) !important;
}

.text-green-transparent-1 {
  color: rgba(50, 169, 50, 0.1) !important;
}

.text-green-darker {
  color: #288728 !important;
}

.text-green-lighter {
  color: #5bba5b !important;
}

a.text-green:focus,
a.text-green:hover {
  color: #288728 !important;
}

.bg-blue,
.bg-primary {
  background-color: #348fe2 !important;
}

.bg-blue-transparent-9 {
  background-color: rgba(52, 143, 226, 0.9) !important;
}

.bg-blue-transparent-8 {
  background-color: rgba(52, 143, 226, 0.8) !important;
}

.bg-blue-transparent-7 {
  background-color: rgba(52, 143, 226, 0.7) !important;
}

.bg-blue-transparent-6 {
  background-color: rgba(52, 143, 226, 0.6) !important;
}

.bg-blue-transparent-5 {
  background-color: rgba(52, 143, 226, 0.5) !important;
}

.bg-blue-transparent-4 {
  background-color: rgba(52, 143, 226, 0.4) !important;
}

.bg-blue-transparent-3 {
  background-color: rgba(52, 143, 226, 0.3) !important;
}

.bg-blue-transparent-2 {
  background-color: rgba(52, 143, 226, 0.2) !important;
}

.bg-blue-transparent-1 {
  background-color: rgba(52, 143, 226, 0.1) !important;
}

.bg-blue-darker {
  background-color: #2a72b5 !important;
}

.bg-blue-lighter {
  background-color: #5da5e8 !important;
}

.bg-gradient-blue {
  background: -moz-linear-gradient(
    -45deg,
    rgba(81, 136, 218, 1) 0,
    rgba(52, 135, 226, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    -45deg,
    rgba(81, 136, 218, 1) 0,
    rgba(52, 135, 226, 1) 100%
  ) !important;
  background: linear-gradient(
    135deg,
    rgba(81, 136, 218, 1) 0,
    rgba(52, 135, 226, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5188da', endColorstr='#3487e2', GradientType=1) !important;
}

.bg-aqua,
.bg-info {
  background-color: #49b6d6 !important;
}

.bg-aqua-transparent-9 {
  background-color: rgba(73, 182, 214, 0.9) !important;
}

.bg-aqua-transparent-8 {
  background-color: rgba(73, 182, 214, 0.8) !important;
}

.bg-aqua-transparent-7 {
  background-color: rgba(73, 182, 214, 0.7) !important;
}

.bg-aqua-transparent-6 {
  background-color: rgba(73, 182, 214, 0.6) !important;
}

.bg-aqua-transparent-5 {
  background-color: rgba(73, 182, 214, 0.5) !important;
}

.bg-aqua-transparent-4 {
  background-color: rgba(73, 182, 214, 0.4) !important;
}

.bg-aqua-transparent-3 {
  background-color: rgba(73, 182, 214, 0.3) !important;
}

.bg-aqua-transparent-2 {
  background-color: rgba(73, 182, 214, 0.2) !important;
}

.bg-aqua-transparent-1 {
  background-color: rgba(73, 182, 214, 0.1) !important;
}

.bg-aqua-darker {
  background-color: #3a92ab !important;
}

.bg-aqua-lighter {
  background-color: #6dc5de !important;
}

.bg-gradient-aqua {
  background: #6dc5de !important;
  background: -moz-linear-gradient(
    top,
    rgba(109, 197, 222, 1) 0,
    rgba(73, 182, 214, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(109, 197, 222, 1) 0,
    rgba(73, 182, 214, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(109, 197, 222, 1) 0,
    rgba(73, 182, 214, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6dc5de', endColorstr='#49b6d6', GradientType=0) !important;
}

.bg-success,
.bg-teal {
  background-color: #00acac !important;
}

.bg-teal-transparent-9 {
  background-color: rgba(0, 172, 172, 0.9) !important;
}

.bg-teal-transparent-8 {
  background-color: rgba(0, 172, 172, 0.8) !important;
}

.bg-teal-transparent-7 {
  background-color: rgba(0, 172, 172, 0.7) !important;
}

.bg-teal-transparent-6 {
  background-color: rgba(0, 172, 172, 0.6) !important;
}

.bg-teal-transparent-5 {
  background-color: rgba(0, 172, 172, 0.5) !important;
}

.bg-teal-transparent-4 {
  background-color: rgba(0, 172, 172, 0.4) !important;
}

.bg-teal-transparent-3 {
  background-color: rgba(0, 172, 172, 0.3) !important;
}

.bg-teal-transparent-2 {
  background-color: rgba(0, 172, 172, 0.2) !important;
}

.bg-teal-transparent-1 {
  background-color: rgba(0, 172, 172, 0.1) !important;
}

.bg-teal-darker {
  background-color: #008a8a !important;
}

.bg-teal-lighter {
  background-color: #33bdbd !important;
}

.bg-gradient-teal {
  background: #34babb !important;
  background: -moz-linear-gradient(
    -45deg,
    rgba(52, 186, 187, 1) 0,
    rgba(0, 172, 172, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    -45deg,
    rgba(52, 186, 187, 1) 0,
    rgba(0, 172, 172, 1) 100%
  ) !important;
  background: linear-gradient(
    135deg,
    rgba(52, 186, 187, 1) 0,
    rgba(0, 172, 172, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34babb', endColorstr='#00acac', GradientType=1) !important;
}

.bg-danger,
.bg-red {
  background-color: #ff5b57 !important;
}

.bg-red-transparent-9 {
  background-color: rgba(255, 91, 87, 0.9) !important;
}

.bg-red-transparent-8 {
  background-color: rgba(255, 91, 87, 0.8) !important;
}

.bg-red-transparent-7 {
  background-color: rgba(255, 91, 87, 0.7) !important;
}

.bg-red-transparent-6 {
  background-color: rgba(255, 91, 87, 0.6) !important;
}

.bg-red-transparent-5 {
  background-color: rgba(255, 91, 87, 0.5) !important;
}

.bg-red-transparent-4 {
  background-color: rgba(255, 91, 87, 0.4) !important;
}

.bg-red-transparent-3 {
  background-color: rgba(255, 91, 87, 0.3) !important;
}

.bg-red-transparent-2 {
  background-color: rgba(255, 91, 87, 0.2) !important;
}

.bg-red-transparent-1 {
  background-color: rgba(255, 91, 87, 0.1) !important;
}

.bg-red-darker {
  background-color: #cc4946 !important;
}

.bg-red-lighter {
  background-color: #ff7c79 !important;
}

.bg-gradient-red {
  background: #ff7c79 !important;
  background: -moz-linear-gradient(
    top,
    rgba(255, 124, 121, 1) 0,
    rgba(255, 91, 87, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(255, 124, 121, 1) 0,
    rgba(255, 91, 87, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(255, 124, 121, 1) 0,
    rgba(255, 91, 87, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7c79', endColorstr='#ff5b57', GradientType=0) !important;
}

.bg-orange,
.bg-warning {
  background-color: #f59c1a !important;
}

.bg-orange-transparent-9 {
  background-color: rgba(245, 156, 26, 0.9) !important;
}

.bg-orange-transparent-8 {
  background-color: rgba(245, 156, 26, 0.8) !important;
}

.bg-orange-transparent-7 {
  background-color: rgba(245, 156, 26, 0.7) !important;
}

.bg-orange-transparent-6 {
  background-color: rgba(245, 156, 26, 0.6) !important;
}

.bg-orange-transparent-5 {
  background-color: rgba(245, 156, 26, 0.5) !important;
}

.bg-orange-transparent-4 {
  background-color: rgba(245, 156, 26, 0.4) !important;
}

.bg-orange-transparent-3 {
  background-color: rgba(245, 156, 26, 0.3) !important;
}

.bg-orange-transparent-2 {
  background-color: rgba(245, 156, 26, 0.2) !important;
}

.bg-orange-transparent-1 {
  background-color: rgba(245, 156, 26, 0.1) !important;
}

.bg-orange-darker {
  background-color: #c47d15 !important;
}

.bg-orange-lighter {
  background-color: #f7b048 !important;
}

.bg-gradient-orange {
  background: #f7b048 !important;
  background: -moz-linear-gradient(
    top,
    rgba(247, 176, 72, 1) 0,
    rgba(245, 156, 26, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(247, 176, 72, 1) 0,
    rgba(245, 156, 26, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(247, 176, 72, 1) 0,
    rgba(245, 156, 26, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7b048', endColorstr='#f59c1a', GradientType=0) !important;
}

.bg-black,
.bg-inverse {
  background-color: #2d353c !important;
}

.bg-black-transparent-9 {
  background-color: rgba(45, 53, 60, 0.9) !important;
}

.bg-black-transparent-8 {
  background-color: rgba(45, 53, 60, 0.8) !important;
}

.bg-black-transparent-7 {
  background-color: rgba(45, 53, 60, 0.7) !important;
}

.bg-black-transparent-6 {
  background-color: rgba(45, 53, 60, 0.6) !important;
}

.bg-black-transparent-5 {
  background-color: rgba(45, 53, 60, 0.5) !important;
}

.bg-black-transparent-4 {
  background-color: rgba(45, 53, 60, 0.4) !important;
}

.bg-black-transparent-3 {
  background-color: rgba(45, 53, 60, 0.3) !important;
}

.bg-black-transparent-2 {
  background-color: rgba(45, 53, 60, 0.2) !important;
}

.bg-black-transparent-1 {
  background-color: rgba(45, 53, 60, 0.1) !important;
}

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

.bg-black-lighter {
  background-color: #575d63 !important;
}

.bg-gradient-black {
  background: #586169 !important;
  background: -moz-linear-gradient(
    -45deg,
    rgba(88, 97, 105, 1) 0,
    rgba(45, 53, 60, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    -45deg,
    rgba(88, 97, 105, 1) 0,
    rgba(45, 53, 60, 1) 100%
  ) !important;
  background: linear-gradient(
    135deg,
    rgba(88, 97, 105, 1) 0,
    rgba(45, 53, 60, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#586169', endColorstr='#2d353c', GradientType=1) !important;
}

.bg-yellow {
  background-color: #ffd900 !important;
}

.bg-yellow-transparent-9 {
  background-color: rgba(255, 217, 0, 0.9) !important;
}

.bg-yellow-transparent-8 {
  background-color: rgba(255, 217, 0, 0.8) !important;
}

.bg-yellow-transparent-7 {
  background-color: rgba(255, 217, 0, 0.7) !important;
}

.bg-yellow-transparent-6 {
  background-color: rgba(255, 217, 0, 0.6) !important;
}

.bg-yellow-transparent-5 {
  background-color: rgba(255, 217, 0, 0.5) !important;
}

.bg-yellow-transparent-4 {
  background-color: rgba(255, 217, 0, 0.4) !important;
}

.bg-yellow-transparent-3 {
  background-color: rgba(255, 217, 0, 0.3) !important;
}

.bg-yellow-transparent-2 {
  background-color: rgba(255, 217, 0, 0.2) !important;
}

.bg-yellow-transparent-1 {
  background-color: rgba(255, 217, 0, 0.1) !important;
}

.bg-yellow-darker {
  background-color: #bfa300 !important;
}

.bg-yellow-lighter {
  background-color: #fde248 !important;
}

.bg-gradient-yellow {
  background: #fde248 !important;
  background: -moz-linear-gradient(
    top,
    rgba(253, 226, 72, 1) 0,
    rgba(255, 217, 0, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(253, 226, 72, 1) 0,
    rgba(255, 217, 0, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(253, 226, 72, 1) 0,
    rgba(255, 217, 0, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde248', endColorstr='#ffd900', GradientType=0) !important;
}

.bg-silver {
  background-color: #f0f3f4 !important;
}

.bg-silver-transparent-9 {
  background-color: rgba(240, 243, 244, 0.9) !important;
}

.bg-silver-transparent-8 {
  background-color: rgba(240, 243, 244, 0.8) !important;
}

.bg-silver-transparent-7 {
  background-color: rgba(240, 243, 244, 0.7) !important;
}

.bg-silver-transparent-6 {
  background-color: rgba(240, 243, 244, 0.6) !important;
}

.bg-silver-transparent-5 {
  background-color: rgba(240, 243, 244, 0.5) !important;
}

.bg-silver-transparent-4 {
  background-color: rgba(240, 243, 244, 0.4) !important;
}

.bg-silver-transparent-3 {
  background-color: rgba(240, 243, 244, 0.3) !important;
}

.bg-silver-transparent-2 {
  background-color: rgba(240, 243, 244, 0.2) !important;
}

.bg-silver-transparent-1 {
  background-color: rgba(240, 243, 244, 0.1) !important;
}

.bg-silver-lighter {
  background-color: #f4f6f7 !important;
}

.bg-silver-darker {
  background-color: #b4b6b7 !important;
}

.bg-gradient-silver {
  background: #f4f6f7 !important;
  background: -moz-linear-gradient(
    top,
    rgba(244, 246, 247, 1) 0,
    rgba(240, 243, 244, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(244, 246, 247, 1) 0,
    rgba(240, 243, 244, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(244, 246, 247, 1) 0,
    rgba(240, 243, 244, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f6f7', endColorstr='#f0f3f4', GradientType=0) !important;
}

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

.bg-grey-transparent-9 {
  background-color: rgba(182, 194, 201, 0.9) !important;
}

.bg-grey-transparent-8 {
  background-color: rgba(182, 194, 201, 0.8) !important;
}

.bg-grey-transparent-7 {
  background-color: rgba(182, 194, 201, 0.7) !important;
}

.bg-grey-transparent-6 {
  background-color: rgba(182, 194, 201, 0.6) !important;
}

.bg-grey-transparent-5 {
  background-color: rgba(182, 194, 201, 0.5) !important;
}

.bg-grey-transparent-4 {
  background-color: rgba(182, 194, 201, 0.4) !important;
}

.bg-grey-transparent-3 {
  background-color: rgba(182, 194, 201, 0.3) !important;
}

.bg-grey-transparent-2 {
  background-color: rgba(182, 194, 201, 0.2) !important;
}

.bg-grey-transparent-1 {
  background-color: rgba(182, 194, 201, 0.1) !important;
}

.bg-grey-darker {
  background-color: #929ba1 !important;
}

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

.bg-gradient-grey {
  background: #c5ced4 !important;
  background: -moz-linear-gradient(
    top,
    rgba(197, 206, 212, 1) 0,
    rgba(182, 194, 201, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(197, 206, 212, 1) 0,
    rgba(182, 194, 201, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(197, 206, 212, 1) 0,
    rgba(182, 194, 201, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5ced4', endColorstr='#b6c2c9', GradientType=0) !important;
}

.bg-purple {
  background-color: #727cb6 !important;
}

.bg-purple-transparent-9 {
  background-color: rgba(114, 124, 182, 0.9) !important;
}

.bg-purple-transparent-8 {
  background-color: rgba(114, 124, 182, 0.8) !important;
}

.bg-purple-transparent-7 {
  background-color: rgba(114, 124, 182, 0.7) !important;
}

.bg-purple-transparent-6 {
  background-color: rgba(114, 124, 182, 0.6) !important;
}

.bg-purple-transparent-5 {
  background-color: rgba(114, 124, 182, 0.5) !important;
}

.bg-purple-transparent-4 {
  background-color: rgba(114, 124, 182, 0.4) !important;
}

.bg-purple-transparent-3 {
  background-color: rgba(114, 124, 182, 0.3) !important;
}

.bg-purple-transparent-2 {
  background-color: rgba(114, 124, 182, 0.2) !important;
}

.bg-purple-transparent-1 {
  background-color: rgba(114, 124, 182, 0.1) !important;
}

.bg-purple-darker {
  background-color: #5b6392 !important;
}

.bg-purple-lighter {
  background-color: #8e96c5 !important;
}

.bg-gradient-purple {
  background: #8457f3 !important;
  background: -moz-linear-gradient(
    -45deg,
    rgba(132, 87, 243, 1) 0,
    rgba(114, 124, 182, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    -45deg,
    rgba(132, 87, 243, 1) 0,
    rgba(114, 124, 182, 1) 100%
  ) !important;
  background: linear-gradient(
    135deg,
    rgba(132, 87, 243, 1) 0,
    rgba(114, 124, 182, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8457f3', endColorstr='#727cb6', GradientType=1) !important;
}

.bg-lime {
  background-color: #90ca4b !important;
}

.bg-lime-transparent-9 {
  background-color: rgba(144, 202, 75, 0.9) !important;
}

.bg-lime-transparent-8 {
  background-color: rgba(144, 202, 75, 0.8) !important;
}

.bg-lime-transparent-7 {
  background-color: rgba(144, 202, 75, 0.7) !important;
}

.bg-lime-transparent-6 {
  background-color: rgba(144, 202, 75, 0.6) !important;
}

.bg-lime-transparent-5 {
  background-color: rgba(144, 202, 75, 0.5) !important;
}

.bg-lime-transparent-4 {
  background-color: rgba(144, 202, 75, 0.4) !important;
}

.bg-lime-transparent-3 {
  background-color: rgba(144, 202, 75, 0.3) !important;
}

.bg-lime-transparent-2 {
  background-color: rgba(144, 202, 75, 0.2) !important;
}

.bg-lime-transparent-1 {
  background-color: rgba(144, 202, 75, 0.1) !important;
}

.bg-lime-darker {
  background-color: #6c9738 !important;
}

.bg-lime-lighter {
  background-color: #acd778 !important;
}

.bg-gradient-lime {
  background: #acd778 !important;
  background: -moz-linear-gradient(
    top,
    rgba(172, 215, 120, 1) 0,
    rgba(144, 202, 75, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(172, 215, 120, 1) 0,
    rgba(144, 202, 75, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(172, 215, 120, 1) 0,
    rgba(144, 202, 75, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#acd778', endColorstr='#90ca4b', GradientType=0) !important;
}

.bg-indigo {
  background-color: #8753de !important;
}

.bg-indigo-transparent-9 {
  background-color: rgba(135, 83, 222, 0.9) !important;
}

.bg-indigo-transparent-8 {
  background-color: rgba(135, 83, 222, 0.8) !important;
}

.bg-indigo-transparent-7 {
  background-color: rgba(135, 83, 222, 0.7) !important;
}

.bg-indigo-transparent-6 {
  background-color: rgba(135, 83, 222, 0.6) !important;
}

.bg-indigo-transparent-5 {
  background-color: rgba(135, 83, 222, 0.5) !important;
}

.bg-indigo-transparent-4 {
  background-color: rgba(135, 83, 222, 0.4) !important;
}

.bg-indigo-transparent-3 {
  background-color: rgba(135, 83, 222, 0.3) !important;
}

.bg-indigo-transparent-2 {
  background-color: rgba(135, 83, 222, 0.2) !important;
}

.bg-indigo-transparent-1 {
  background-color: rgba(135, 83, 222, 0.1) !important;
}

.bg-indigo-darker {
  background-color: #6c42b2 !important;
}

.bg-indigo-lighter {
  background-color: #9f75e5 !important;
}

.bg-gradient-indigo {
  background: #9f75e5 !important;
  background: -moz-linear-gradient(
    top,
    rgba(159, 117, 229, 1) 0,
    rgba(108, 66, 178, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(159, 117, 229, 1) 0,
    rgba(108, 66, 178, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(159, 117, 229, 1) 0,
    rgba(108, 66, 178, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f75e5', endColorstr='#6c42b2', GradientType=0) !important;
}

.bg-pink {
  background-color: #fb5597 !important;
}

.bg-pink-transparent-9 {
  background-color: rgba(251, 85, 151, 0.9) !important;
}

.bg-pink-transparent-8 {
  background-color: rgba(251, 85, 151, 0.8) !important;
}

.bg-pink-transparent-7 {
  background-color: rgba(251, 85, 151, 0.7) !important;
}

.bg-pink-transparent-6 {
  background-color: rgba(251, 85, 151, 0.6) !important;
}

.bg-pink-transparent-5 {
  background-color: rgba(251, 85, 151, 0.5) !important;
}

.bg-pink-transparent-4 {
  background-color: rgba(251, 85, 151, 0.4) !important;
}

.bg-pink-transparent-3 {
  background-color: rgba(251, 85, 151, 0.3) !important;
}

.bg-pink-transparent-2 {
  background-color: rgba(251, 85, 151, 0.2) !important;
}

.bg-pink-transparent-1 {
  background-color: rgba(251, 85, 151, 0.1) !important;
}

.bg-pink-darker {
  background-color: #c94479 !important;
}

.bg-pink-lighter {
  background-color: #fc77ac !important;
}

.bg-gradient-pink {
  background: #fc77ac !important;
  background: -moz-linear-gradient(
    top,
    rgba(252, 119, 172, 1) 0,
    rgba(201, 68, 121, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(252, 119, 172, 1) 0,
    rgba(201, 68, 121, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(252, 119, 172, 1) 0,
    rgba(201, 68, 121, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc77ac', endColorstr='#c94479', GradientType=0) !important;
}

.bg-green {
  background-color: #32a932 !important;
}

.bg-green-transparent-9 {
  background-color: rgba(50, 169, 50, 0.9) !important;
}

.bg-green-transparent-8 {
  background-color: rgba(50, 169, 50, 0.8) !important;
}

.bg-green-transparent-7 {
  background-color: rgba(50, 169, 50, 0.7) !important;
}

.bg-green-transparent-6 {
  background-color: rgba(50, 169, 50, 0.6) !important;
}

.bg-green-transparent-5 {
  background-color: rgba(50, 169, 50, 0.5) !important;
}

.bg-green-transparent-4 {
  background-color: rgba(50, 169, 50, 0.4) !important;
}

.bg-green-transparent-3 {
  background-color: rgba(50, 169, 50, 0.3) !important;
}

.bg-green-transparent-2 {
  background-color: rgba(50, 169, 50, 0.2) !important;
}

.bg-green-transparent-1 {
  background-color: rgba(50, 169, 50, 0.1) !important;
}

.bg-green-darker {
  background-color: #288728 !important;
}

.bg-green-lighter {
  background-color: #5bba5b !important;
}

.bg-gradient-green {
  background: #5bba5b !important;
  background: -moz-linear-gradient(
    top,
    rgba(91, 186, 91, 1) 0,
    rgba(40, 135, 40, 1) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    rgba(91, 186, 91, 1) 0,
    rgba(40, 135, 40, 1) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    rgba(91, 186, 91, 1) 0,
    rgba(40, 135, 40, 1) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bba5b', endColorstr='#288728', GradientType=0) !important;
}

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

.bg-white-transparent-9 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.bg-white-transparent-8 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.bg-white-transparent-7 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.bg-white-transparent-6 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.bg-white-transparent-5 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.bg-white-transparent-4 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.bg-white-transparent-3 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.bg-white-transparent-2 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.bg-white-transparent-1 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.text-gradient {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.text-line-through {
  text-decoration: line-through !important;
}

.bg-none,
.no-bg {
  background: 0 0 !important;
}

.f-w-100 {
  font-weight: 100 !important;
}

.f-w-200 {
  font-weight: 200 !important;
}

.f-w-300 {
  font-weight: 300 !important;
}

.f-w-400 {
  font-weight: 400 !important;
}

.f-w-500 {
  font-weight: 500 !important;
}

.f-w-600,
.semi-bold {
  font-weight: 600 !important;
}

.f-w-700 {
  font-weight: 700 !important;
}

/* FILTER BOX TREE */
.page-loader-wrapper-tree {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  display: none;
}

.page-loader-wrapper-tree .loader {
  position: relative;
  top: 5px;
}

.page-loader-wrapper-tree.active {
  display: block;
}

#wrap.mySearchTree {
  display: inline-block;
  width: 95%;
  padding: 0;
  position: absolute;
  right: 8px;
  top: 5px;
  cursor: pointer;
}

.mySearchTree input[type="text"] {
  height: 20px;
  font-size: 13px;
  display: inline-block;
  font-weight: 100;
  border: none;
  outline: none;
  color: #555;
  padding: 3px;
  padding-right: 10px;
  width: 0px;
  position: absolute;
  top: -5px;
  right: 3px;
  background: none;
  z-index: 3;
  transition: all ease 0.5s;
  cursor: pointer;
}

.mySearchTree input[type="text"]:focus:hover {
  border-bottom: 1px solid #bbb;
}

.over-hid {
  overflow: hidden;
  padding-bottom: 5px;
}

.reset-tree.active {
  right: 31px;
}

.back-tree:hover,
.reset-tree:hover {
  cursor: pointer;
}

.reset-tree {
  position: absolute;
  height: 20px;
  width: 20px;
  z-index: 99;
  right: -10%;
  top: 2px;
  transition: all ease 0.5s;
}

.back-tree.active {
  right: 3px;
}

.back-tree {
  position: absolute;
  top: 48px;
  height: 25px;
  font-weight: 700;
  width: 26px;
  z-index: 99;
  right: -10%;
  top: 1px;
  background-color: #fff;
  padding: 0px 8px 10px 9px;
  transition: all ease 0.5s;
}

.mySearchTree .open {
  height: 20px;
  width: 20px;
  display: inline-block;
  float: right;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity 0.4s ease;
}

.mySearchTree input[type="text"].active {
  width: 100%;
  z-index: 1;
  border-bottom: 1px solid #bbb;
  background-color: #fff;
  cursor: text;
}

.mySearchTree span:hover {
  opacity: 0.8;
}

.head-elcard {
  display: none;
}

.head-elcard .row h5 {
  border-bottom: 1px solid rgba(128, 128, 128, 0.24);
  padding-bottom: 5px;
}

.head-elcard.active {
  display: block;
}

.sub-head {
  display: none;
}

.sub-head.active {
  display: block;
}

.page-content.dashboard-content {
  height: 100vh !important;
}

.sensor-graph-row {
  margin-top: 20px;
}

.filter-show {
  position: absolute;
  top: 5px;
  right: 40px;
  cursor: pointer;
  /* color: #bcbcbc; */
  /* font-size: 20px; */
}

.filter-show:hover {
  cursor: pointer;
}

.filter-content {
  bottom: -30px;
  position: absolute;
  left: 5px;
  z-index: 9;
  height: 30px;
  width: 100%;
  background-color: #fff;
  flex-direction: column;
  transition: all ease 0.5s;
}

.filter-content.active {
  bottom: 0;
  display: flex;
}

.filter-box {
  width: 70%;
}

.bg-green {
  background-color: #34d33e;
}

.bg-red {
  background-color: #ff0000;
}

.bg-yellow {
  background-color: #ff7f00;
}

.bg-grey {
  background-color: #b1adad;
}

.filter-box select {
  color: #fff;
  outline: none;
  border: none;
  padding: 2px 5px;
  line-height: 20px;
  border-radius: 10px;
}

.filter-box select::-ms-expand {
  display: none;
}

.filter-reset:hover,
.filter-hide:hover {
  cursor: pointer;
}

.filter-hide {
  position: absolute;
  height: 25px;
  color: #c1c1c1;
  font-size: 24px;
  font-weight: 700;
  width: 26px;
  z-index: 99;
  right: 5%;
  top: -2px;
  background-color: #fff;
  padding: 0px 8px 10px 9px;
  transition: all ease 0.5s;
}

.filter-reset {
  position: absolute;
  height: 25px;
  color: #c1c1c1;
  font-size: 20px;
  width: 26px;
  z-index: 99;
  right: 17%;
  top: 0px;
  background-color: #fff;
  padding: 0px 8px 10px 9px;
  transition: all ease 0.5s;
}

.jstree-icon-default {
  color: #1c3b6a;
}

.jstree-icon-green {
  color: #3ebf08;
}

.jstree-icon-red {
  color: #ff4500;
}

/* NOTE  */
.note {
  margin-bottom: 20px;
  border-left: 3px solid;
  position: relative;
  border-radius: 4px;
}

.panel > .note {
  border-radius: 0;
}

.note h1,
.note h2,
.note h3,
.note h4,
.note h5,
.note h6 {
  color: inherit;
}

.note .note-icon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 80px;
  font-size: 56px;
  line-height: 56px;
  text-align: center;
}

.note .note-icon > i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -28px;
}

.note .note-icon + .note-content {
  margin-left: 85px;
}

.note.note-with-right-icon {
  border-left: none;
  border-right: 3px solid;
}

.note.note-with-right-icon .note-icon {
  left: auto;
  right: 0;
}

.note.note-with-right-icon .note-content {
  margin-left: 0;
  margin-right: 85px;
}

.note.note-danger {
  border-color: #ff5b57;
  background: #ffcdcc;
  color: #802d2b;
}

.note.note-danger .note-icon {
  background: #ff5b57;
}

.note.note-warning {
  border-color: #f59c1a;
  background: #fce1ba;
  color: #7b4e0e;
}

.note.note-warning .note-icon {
  background: #f59c1a;
}

.note.note-yellow {
  border-color: #ffd900;
  background: #fff4b2;
  color: #806d00;
}

.note.note-yellow .note-icon {
  background: #ffd900;
}

.note.note-lime {
  border-color: #90ca4b;
  background: #ddefc9;
  color: #486626;
}

.note.note-lime .note-icon {
  background: #90ca4b;
}

.note.note-success {
  border-color: #00acac;
  background: #b3e6e6;
  color: #025656;
}

.note.note-success .note-icon {
  background: #00acac;
}

.note.note-primary {
  border-color: #348fe2;
  background: #c2ddf7;
  color: #1a4772;
}

.note.note-primary .note-icon {
  background: #348fe2;
}

.note.note-info {
  border-color: #49b6d6;
  background: #c8e9f3;
  color: #255b6c;
}

.note.note-info .note-icon {
  background: #49b6d6;
}

.note.note-purple {
  border-color: #727cb6;
  background: #d4d7e9;
  color: #393e5b;
}

.note.note-purple .note-icon {
  background: #727cb6;
}

.note.note-dark,
.note.note-inverse {
  border-color: #2d353c;
  background: #c0c2c4;
  color: #5b6165;
}

.note.note-dark .note-icon,
.note.note-inverse .note-icon {
  background: #2d353c;
}

.note.note-default,
.note.note-secondary {
  border-color: #b6c2c9;
  background: #e9edef;
  color: #5b6165;
}

.note.note-default .note-icon,
.note.note-secondary .note-icon {
  background: #b6c2c9;
}

.note.note-light {
  border-color: #f2f3f4;
  background: #fff;
  color: #62686d;
}

.note.note-light .note-icon {
  background: #f2f3f4;
}

.note.note-indigo {
  border-color: #8753de;
  background: #e1d4f7;
  color: #442a6f;
}

.note.note-indigo .note-icon {
  background: #8753de;
}

.note.note-pink {
  border-color: #fb5597;
  background: #fed4e5;
  color: #7e2b4c;
}

.note.note-pink .note-icon {
  background: #fb5597;
}

.note.note-green {
  border-color: #32a932;
  background: #cce9cc;
  color: #195519;
}

.badge,
.label {
  font-size: 75%;
  color: #fff;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}

.note.note-green .note-icon {
  background: #32a932;
}

/* WIDGET CHAT  */
.widget-chat {
  background: #fff;
}

.widget-chat.widget-chat-rounded {
  border-radius: 4px;
}

.widget-chat.widget-chat-rounded.widget-chat-with-input {
  border-radius: 4px 4px 0 0;
}

.widget-chat .widget-chat-header {
  display: table;
  width: 100%;
  border-bottom: 1px solid #f0f3f4;
}

.widget-chat .widget-chat-header-content,
.widget-chat .widget-chat-header-icon {
  padding: 12px 15px;
  display: table-cell;
  vertical-align: middle;
}

.widget-chat .widget-chat-header-icon {
  width: 1%;
}

.widget-chat .widget-chat-header > div + div {
  padding-left: 0;
}

.widget-chat .widget-chat-header-title {
  margin: 0;
  font-size: 14px;
}

.widget-chat .widget-chat-header-desc {
  font-size: 12px;
  margin: 0;
}

.widget-chat .widget-chat-body {
  padding: 15px;
  background: #f0f3f4;
}

.widget-chat .widget-chat-item {
  color: #242a30;
  position: relative;
  min-height: 38px;
  padding: 3px 0;
}

.widget-chat .widget-chat-media {
  width: 38px;
  height: 38px;
  position: absolute;
  bottom: 3px;
  left: 0;
  border-radius: 38px;
  overflow: hidden;
  text-align: center;
  line-height: 38px;
}

.widget-chat .widget-chat-media img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.widget-chat .right .widget-chat-media {
  left: auto;
  right: 0;
}

.widget-chat .with-media .widget-chat-info {
  margin-left: 53px;
  min-width: 60%;
}

.widget-chat .right .widget-chat-info {
  margin-left: 0;
}

.widget-chat .with-media.right .widget-chat-info {
  margin-right: 53px;
}

.widget-chat .widget-chat-info-container {
  background: #fff;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 18px;
  position: relative;
  color: #fff;
}

.widget-chat .widget-chat-message:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -24px;
  border: 0 solid transparent;
  border-top-width: 15px;
  border-right-width: 10px;
  border-right-color: #fff;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  transform: rotate(10deg);
}

.error-code,
.error-content,
.map {
  -webkit-transform: translateZ(0);
}

.widget-chat .widget-chat-message:after {
  content: "";
  display: inline-block;
  width: 60px;
  height: 12px;
}

.widget-chat .widget-chat-name {
  font-weight: 600;
}

.widget-chat .widget-chat-message {
  /* font-weight: 600; */
  color: #242a30;
}

.widget-chat .widget-chat-time {
  position: absolute;
  right: 12px;
  bottom: 8px;
  font-style: italic;
  color: #929ba1;
  font-weight: 500;
  font-size: 11px;
}

.widget-chat .right .widget-chat-time {
  right: auto;
  left: 12px;
}

.widget-chat .right .widget-chat-message:after {
  float: left;
}

.widget-chat .right .widget-chat-message:before {
  left: auto;
  right: -24px;
  bottom: -5px;
  border-right-width: 0;
  border-right-color: transparent;
  border-left-width: 10px;
  border-left-color: #fff;
}

.widget-chat-item.right .widget-chat-info {
  text-align: right;
}

.inverse-mode.widget-chat {
  background: #2d353c;
}

.inverse-mode.widget-chat .widget-chat-header {
  border-color: #242a31;
}

.inverse-mode.widget-chat .widget-chat-header-title {
  color: #fff;
}

.inverse-mode.widget-chat .widget-chat-header-desc {
  color: #a8acb1;
}

.inverse-mode.widget-chat .widget-chat-body {
  background: #242a31;
}

/* WIDTH HEIGHT  */
.bg-none,
.no-bg {
  background: 0 0 !important;
}

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

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

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

.height-lg {
  height: 600px !important;
}

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

.height-0 {
  height: 0 !important;
}

.height-10 {
  height: 10px !important;
}

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

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

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

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

.height-60 {
  height: 60px !important;
}

.height-70 {
  height: 70px !important;
}

.height-80 {
  height: 80px !important;
}

.height-90 {
  height: 90px !important;
}

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

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

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

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

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

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

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

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

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

.height-550 {
  height: 550px !important;
}

.height-600 {
  height: 600px !important;
}

.width-xs {
  width: 150px !important;
}

.width-sm {
  width: 300px !important;
}

.width-md {
  width: 450px !important;
}

.width-lg {
  width: 600px !important;
}

.width-full {
  width: 100% !important;
}

.width-0 {
  width: 0 !important;
}

.width-10 {
  width: 10px !important;
}

.width-20 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-40 {
  width: 40px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-70 {
  width: 70px !important;
}

.width-80 {
  width: 80px !important;
}

.width-90 {
  width: 90px !important;
}

.width-100 {
  width: 100px !important;
}

.width-150 {
  width: 150px !important;
}

.width-200 {
  width: 200px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-450 {
  width: 450px !important;
}

.width-500 {
  width: 500px !important;
}

.width-550 {
  width: 550px !important;
}

.width-600 {
  width: 600px !important;
}

/* MARGIN PADDING FONT SIZE  */
.m-auto {
  margin: 0 auto !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 1px !important;
}

.m-2 {
  margin: 2px !important;
}

.m-3 {
  margin: 3px !important;
}

.m-4 {
  margin: 4px !important;
}

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

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

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

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

.m-25 {
  margin: 25px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-35 {
  margin: 35px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 1px !important;
}

.p-2 {
  padding: 2px !important;
}

.p-3 {
  padding: 3px !important;
}

.p-4 {
  padding: 4px !important;
}

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

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

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

.wrapper {
  padding: 15px;
}

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

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-35 {
  padding: 35px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f-s-0 {
  font-size: 0 !important;
}

.f-s-1 {
  font-size: 1px !important;
}

.f-s-2 {
  font-size: 2px !important;
}

.f-s-3 {
  font-size: 3px !important;
}

.f-s-4 {
  font-size: 4px !important;
}

.f-s-5 {
  font-size: 5px !important;
}

.f-s-6 {
  font-size: 6px !important;
}

.f-s-7 {
  font-size: 7px !important;
}

.f-s-8 {
  font-size: 8px !important;
}

.f-s-9 {
  font-size: 9px !important;
}

.f-s-10 {
  font-size: 10px !important;
}

.f-s-11 {
  font-size: 11px !important;
}

.f-s-12 {
  font-size: 12px !important;
}

.f-s-13 {
  font-size: 13px !important;
}

.f-s-14 {
  font-size: 14px !important;
}

.f-s-15 {
  font-size: 15px !important;
}

.f-s-16 {
  font-size: 16px !important;
}

.f-s-17 {
  font-size: 17px !important;
}

.f-s-18 {
  font-size: 18px !important;
}

.f-s-19 {
  font-size: 19px !important;
}

.f-s-20 {
  font-size: 20px !important;
}
.d-block {
  display: block;
}
.d-inline_block {
  display: inline-block;
}
.d-inline {
  display: inline;
}
.d-flex {
  display: flex;
}
.jc-space_around {
  justify-content: space-around;
}
.jc-space_between {
  justify-content: space-between;
}
.jc-flex_end {
  justify-content: flex-end;
}
.jcrop-keymgr {
  display: none;
}
.jcrop-holder {
  margin-left: auto;
  margin-right: auto;
}
.login-box {
  width: 384px;
}
.login-register {
  overflow: hidden;
}
@media screen and (max-width: 1366px) and (max-height: 710px) {
  .login-register {
    overflow-y: auto;
  }
}
.register-photo .image-holder {
  display: table-cell;
  width: 50%;
  background: url(../img/blue.jpg) center center/cover no-repeat !important;
  background-size: cover;
  vertical-align: middle;
}

.image-holder .image-cover {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  background-color: #2c3280b8;
}

.kenca .image-cover {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}

.image-cover .image-illustration {
  display: flex;
  justify-content: center;
  padding: 5px 10px;
  text-align: center;
  flex-grow: 1;
}

.image-cover .image-illustration img {
  margin-bottom: 55px;
}

.image-cover .image-title {
  margin-top: 30px;
  padding: 15px 10px;
  flex-grow: 0;
  height: 130px;
  display: flex;
  flex-direction: column;
  align-self: center;
  flex-basis: content;
}

@media screen and (max-width: 1366px) {
  .image-cover .image-title {
    margin-top: 15px;
  }
}

.image-cover .image-title h1 {
  font-size: 40px;
  line-height: 52px;
  letter-spacing: 5px;
}

.image-cover .image-title h2 {
  letter-spacing: 5px;
}

@media screen and (max-width: 1366px) {
  .image-cover .image-title h2 {
    font-size: medium;
  }
}

.register-photo .form-container {
  display: table;
  max-width: 70%;
  width: 70%;
  height: 82vh!important;
  margin: 8vh auto;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  overflow: hidden;
}

@media screen and (max-width: 1366) {
  .register-photo .form-container {
    max-width: 80%;
    width: 80%;
    height: 82vh!important;
    margin: 5vh auto;
  }
}

.register-photo .kenca {
  display: table-cell;
  background-color: #ffffff;
  color: #505e6c;
  overflow-y: auto;
}

.register-photo .kenca .form-horizontal {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  max-height: 440px;
  width: 60%;
}

@media screen and (max-width: 1366px) {
  .register-photo .kenca .form-horizontal {
    max-height: 320px;
    width: 75%;
  }
}

.register-photo .kenca .form-group {
  margin-bottom: 15px!important;
}

.register-photo .kenca .btn {
  border-radius: 10px!important;
}

.register-photo form h2 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px;
}

.g-recaptcha {
  display: flex;
  justify-content: center;
}

.footer-form {
  margin-top: 20px;
}

.flex-grow-1 {
  flex-grow: 1;
}

.swal-title {
  margin: 10px 10px 30px 10px !important;
}

.swal-icon img {
  width: 150px !important;
}