body {
  margin: 0;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-size: 13px;
  font-weight: normal;
  font-variant: normal;
  color: #7a878e;
  text-align: left;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased !important;
}

.form-control {
  height: 33px;
  font-size: 1.4rem;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  box-shadow: none;
}

.card-title {
  font-size: 1.4rem;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a {
  color: #555 !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  color: #555;
}

.card-light .nav .nav-item.active>a:focus,
.card-light .nav .nav-item.active>a:hover,
.card-light .nav .nav-item.active>a {
  text-decoration: none;
  background-color: #337ab7 !important;
  color: #fff !important;
}

.card-primary .nav .nav-item:not(.active)>a:focus,
.card-primary .nav .nav-item:not(.active)>a:hover {
  text-decoration: none;
  background-color: #337ab7 !important;
}

.card-secondary .nav .nav-item:not(.active)>a:focus,
.card-secondary .nav .nav-item:not(.active)>a:hover {
  background-color: #6c757d !important;
}

.card-info .nav .nav-item:not(.active)>a:focus,
.card-info .nav .nav-item:not(.active)>a:hover {
  background-color: #17a2b8 !important;
}

.card-warning .nav .nav-item:not(.active)>a:focus,
.card-warning .nav .nav-item:not(.active)>a:hover {
  background-color: #e6ac00 !important;
}

.card-warning .card-title {
  color: #fff;
}

.card-warning .card-header .nav-item>a {
  color: #fff;
}


.btn {
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 3px;
  font-size: 13px;
  line-height: 1.475;
}

.shape-crests {
  background-image: url(../images/shape_crests.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


.chosen-container-single .chosen-single {
  text-align: left;
}

.chosen-container-single .chosen-drop {
  text-align: left;
}

.chosen-container {
  font-size: 1.3rem;
  color: #7a878e;
}

.cls-content .cls-content-xl {
  width: 90%;
  min-width: 270px;
  margin: 0 auto;
  margin-top: -30px;
  position: relative;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}

.datepicker.days div.datepicker-days {
  display: block;
}

.ui-autocomplete {
  overflow-y: scroll;
  overflow-x: hidden;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  color: #444;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  background: #fff;
  border-color: currentcolor rgba(0, 0, 0, 0.09) rgba(0, 0, 0, 0.09);
  border-style: none solid solid;
  border-width: 0 1px 1px;
  border-radius: 3px;
  border: 1px solid #aaa;
}

.input-group-addon,
.input-group-btn {
  width: 10%;
}

.table-actions .action {
  font-size: 10px;
  display: inline-block;
}

.head-list .action {
  font-size: 13px;
}

.action {
  cursor: pointer;
  padding: 3px 7px;
  border-radius: 3px;
  font-size: 13px;
  line-height: 1.475;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 1.5px;
  margin-top: 1.5px;
}

a {
  color: #337ab7;
  text-decoration: none;
  background-color: transparent;
}

.font-brand-text {
  padding-left: 0px;
  font-size: 1.8em;
  letter-spacing: 2px;
  font-weight: 300 !important;
}

.font-subheader-text {
  padding-left: 0px;
  font-size: 1.4em;
}

.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
  margin-top: calc(6rem + 1px);
}

.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link {
  height: calc(5.9rem + 1px);
  width: 4.6rem;
}

.layout-navbar-fixed .wrapper .brand-link {
  transition: none;
}

.dropup .dropdown-toggle::after {
  content: none;
}

.btn-group .dropdown-toggle::after {
  content: none;
}

.dropdown-menu {
  font-size: 1.3rem;
}

.input-search-text {
  font-size: 1.4rem !important;
}

.input-search-btn {
  padding-bottom: 4px !important;
  padding-top: 3px !important;
}

.text-title {
  margin-top: 12px;
}

.navbar {
  min-height: 61.3px;
}

.navbar-nav>li>a {
  padding-top: 15px;
  padding-bottom: 35px;
}

.nav>li>a {
  padding: 0.8rem 0.9rem;
}

.icon-arrow-left {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.icon-arrow-left:before {
  content: "\f060";
}

.icon-arrow-right {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.icon-arrow-right:before {
  content: "\f061";
}

.action.btn-success.validate,
.action.btn-info.print,
.action.btn-info.offer,
.action.btn-success.add,
.action.btn-success.accept,
.action.btn-success.reapply,
.action.btn-success.unlock,
.action.btn-success.operations,
.action.btn-success.move,
.action.btn-warning.lock,
.action.btn-danger.cancel,
.action.btn-danger.reject,
.action.btn-danger.remove,
.action.btn-danger.archive {
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.action.btn-info.edit {
  margin-right: 1px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
}

.capitalize {
  text-transform: capitalize;
}

.dashboard-icon-lg {
  font-size: 70px;
  line-height: 1.095em;
  vertical-align: middle;
}

.alert-placeholder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.context-menu.dropdown {
  position: absolute;
  right: 50px;
}


.context-menu.dropdown .head-list {
  list-style: none;
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.context-menu.dropdown .head-list li a {
  display: block;
  padding: 10px;
  background: transparent;
  border-radius: 3px;
  transition: background .3s;
}

.context-menu.dropdown .dropdown-menu-sm {
  min-width: 200px;
}

.tab-content-footer {
  background-color: #fff;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  padding: 15px;
}

.search {
  width: 30%;
  position: relative;
}

.search span {
  position: absolute;
  /*Set search icon*/
  right: 10px;
  top: 10px;
}

.search input[type=text]:focus {
  outline: none;
  box-shadow: none;
  /*If you dont need the shadow on click*/
}

.fixed-table-toolbar .bs-bars,
.fixed-table-toolbar .search,
.fixed-table-toolbar .columns {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 34px;
}

.ui-front {
  z-index: 10001;
}

.breadcrumb>li.back:before {
  transform: rotate(225deg);
}

#content-container {
  padding-bottom: 0px;
}

#loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  opacity: 1;
  z-index: 9999;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background: #fff url("/images/loader-white1.gif") no-repeat center center;
}

#mainLoading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  opacity: 0.8;
  z-index: 9999;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed !important;
  background-size: cover;
  background: #fff url("/images/loader-white1.gif") no-repeat center center;
}


.report .container-fluid .cell-legend {
  padding: 5px 10px 5px 10px;
  border-width: 1px 1px 1px 1px;
  border-color: black;
  border-style: solid;
}

.report .container-fluid .cell {
  padding: 5px 10px 5px 10px;
  border-width: 0px 0px 0px 1px;
  border-color: black;
  border-style: solid;
  text-align: left;
}

.report .container-fluid .first-cell {
  padding: 5px 10px 5px 10px;
  border-width: 0px 0px 0px 0px;
  border-color: black;
  border-style: solid;
  text-align: left;
}

.report .container-fluid .table-cell {
  padding: 1px 4px 1px 4px;
  border-width: 0px 0px 0px 1px;
  border-color: black;
  border-style: solid;
  font-size: 8px;
  text-align: left;
}

.report .container-fluid .first-table-cell {
  padding: 1px 4px 1px 4px;
  border-width: 0px 0px 0px 0px;
  border-color: black;
  border-style: solid;
  font-size: 8px;
  text-align: left;
}

.report .container-fluid .cell-header {
  border-width: 2px;
  border-color: black;
  border-style: solid;
  padding: 0px 0px 0px 0px;
}

.report .container-fluid .cell-footer {
  border-width: 0px 2px 2px 2px;
  border-color: black;
  border-style: solid;
  padding: 0px 0px 0px 0px;
}

.report .container-fluid .cell-row {
  border-width: 0px 2px 1px 2px;
  border-color: black;
  border-style: solid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: flex;
}

.report .container-fluid .cell-bold {
  font-weight: bold;
}

.report .container-fluid .cell-blue {
  background-color: rgb(122, 210, 245);
}

.report .container-fluid .cell-green {
  background-color: rgb(122, 245, 122);
}

.report .container-fluid .cell-yellow {
  background-color: yellow;
}

.report .container-fluid .cell-red {
  background-color: rgb(236, 122, 122);
}

.report .container-fluid .cell-orange {
  background-color: rgb(240, 195, 111);
}

.report .container-fluid .cell-grey {
  background-color: rgb(209, 209, 209);
}

.report .container-fluid .cell-underline {
  text-decoration: underline;
}

.report .container-fluid .cell-centered {
  text-align: center;
}

.report-header-text {
  font-family: Monotype Corsiva;
  font-size: 36px;
  color: #00b050;
}

.report-sub1-header-text {
  font-family: Monotype Corsiva;
  font-size: 24px;
  color: #00b050;
}

.report-sub2-header-text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #000000;
}

.customer-application .col-xs-4.col-sm-4.col-md-4.col-lg-4 {
  padding: 5px 5px 0px 0px;
}

.layoutUrl {
  width: 80%;
  max-width: 390px;
}


.hover-text:hover+.hover-image-right {
  visibility: visible;
  pointer-events: none;
}

.hover-text:hover+.hover-image-left {
  visibility: visible;
  pointer-events: none;
}

.hover-text {
  visibility: visible;
}

.hover-image-left {
  visibility: hidden;
  position: fixed;
  margin-top: -100px;
  z-index: 99999;
  border: 1px solid black;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 300%;
}

.hover-image-right {
  visibility: hidden;
  position: fixed;
  bottom: 10%;
  margin-top: -100px;
  z-index: 99999;
  border: 1px solid black;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 300% 300%;
}


.text-warning {
  color: #ff0000;
}

.head-warning {
  color: #ff0000;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
}

.h1,
h1 {
  font-size: 38px;
}

.bg-mint {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wizard-button {
  width: 100%;
}

.chosen-container-single .chosen-single {
  background: -webkit-gradient(linear, left top, left bottom);
  box-shadow: 0 0 0px rgba(0, 0, 0, 0);
  border-radius: 0px;
  height: 30px;
  line-height: 30px;
}

select {
  background: -webkit-gradient(linear, left top, left bottom);
  box-shadow: 0 0 0px rgba(0, 0, 0, 0);
  border-radius: 0px;
  height: 30px;
  line-height: 30px;
  width: 100%;
  padding-left: 8px;
}


.chosen-container-active.chosen-with-drop .chosen-single {
  background: -webkit-gradient(linear, left top, left bottom);
  box-shadow: 0 0 0px rgba(0, 0, 0, 0);
  border-radius: 0px;
}

@media (max-width: 990px) {
.col-container {
    display: grid;
    grid-template-columns: 1fr ;
  }

  .col-left {
    order: 2;

  }

  .col-right {
    order: 1;
  }
}
@media (max-width: 1200px) {
  .form-horizontal .control-label {
    text-align: left;
    width: 100%;
  }

  .cls-content {
    padding: 50px 15px 15px;
    padding-top: 5vh;
    position: relative;
  }

  .input-group {
    width: 100%;
  }

  .mobile-hidden {
    display: none;
  }
}