/*Side Menu Width*/
body {
  padding: 0px;
  margin: 0px;
  background-image: url("../../imgs/bg.png") !important;
  background-repeat: repeat-y !important;
  background-size: calc( 100% - 230px) auto !important; }

/*Solve body flickering when open bootstap modal dialog*/
.modal-open {
  overflow: hidden;
  overflow-y: scroll;
  padding-right: 0 !important; }

.rad-2 {
  border-radius: 2px; }

.rad-5 {
  border-radius: 5px; }

.theme {
  width: 25px;
  height: 25px;
  border-radius: 2px;
  border: 2px solid white;
  margin: 0px 5px;
  display: inline-block; }

.theme-blue {
  background-color: #4ea4d7; }

.theme-gray {
  background-color: #b6b6b6; }

.theme-green {
  background-color: #3bba88; }

.theme-red {
  background-color: #e25959; }

.theme-pink {
  background-color: #e185ef; }

.wrapper {
  width: 100%;
  overflow-x: hidden; }

.page-wrapper {
  background-color: #f3f3f4; }

@media (min-width: 768px) {
  .side-menu-wrapper {
    position: absolute;
    display: block;
    z-index: 500;
    margin-bottom: 40px; } }

@media (min-width: 768px) {
  .page-wrapper {
    padding-top: 40px; } }

.content-wrapper, .content {
  padding: 15px; }

.content-wrapper {
  min-height: 100vh; }

.content {
  border: 1px solid #ebeaea;
  background-color: white;
  border-radius: 3px;
  display: inline-block;
  width: 100%;
  margin-bottom: 40px; }

@keyframes smooth-trans {
  from {
    transform: translatex(1%);
    opacity: 0; }
  to {
    transform: translatex(0%);
    opacity: 1; } }

.smooth-trans {
  animation: trans 1s;
  -moz-animation: smooth-trans 1s;
  /* Firefox */
  -webkit-animation: smooth-trans 1s;
  /* Safari and Chrome */
  -webkit-animation: smooth-trans 1s;
  /*Safari and Chrome*/
  -o-animation: smooth-trans 2s;
  /* Opera */ }

@keyframes smooth-trans-v {
  from {
    transform: translatey(1%);
    opacity: 0; }
  to {
    transform: translatey(0%);
    opacity: 1; } }

.smooth-trans-v {
  animation: trans 1s;
  -moz-animation: smooth-trans-v 1s;
  /* Firefox */
  -webkit-animation: smooth-trans-v 1s;
  /* Safari and Chrome */
  -webkit-animation: smooth-trans-v 1s;
  /*Safari and Chrome*/
  -o-animation: smooth-trans-v 1s;
  /* Opera */ }

.cmd-wrapper {
  padding: 5px;
  border: 0px solid #ebeaea;
  background-color: #ffffff;
  border-radius: 3px;
  margin: 5px 0px;
  text-align: center !important; }

.list-cmd-wrapper {
  margin: 0px 20px 5px 20px; }

/*START:HEADER&FOOTER*/
.header-wrapper, .footer-wrapper {
  padding: 12px;
  border-width: 1px;
  font-weight: 700;
  color: #797979; }

.header-wrapper {
  border-bottom-style: solid; }

@media (min-width: 768px) {
  .header-fixed {
    position: fixed;
    width: calc(100% - 230px);
    z-index: 100;
    top: 0px; } }

.footer-wrapper {
  border-top-style: solid; }

.footer-fixed {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  /* margin-right: -230px; */ }

/*END:HEADER&FOOTER*/
/*START:HEADER LINK*/
.header-link, .header-link:hover {
  font-weight: 700;
  text-decoration: none; }

.header-icon {
  padding: 0px 2px 0px 2px; }

.header-group {
  margin: 0px 5px;
  display: inline; }

/*END:HEADER LINK*/
/*START:LOGO*/
.logo-wrapper {
  background-image: url(/imgs/pattern-d.png);
  background-position: center;
  display: table; }

.logo-inner-wrapper {
  display: table-cell;
  vertical-align: middle; }

/*END:LOGO*/
/*START:TODAY*/
.today-wrapper {
  background-image: url(/imgs/logo-bg5.png);
  color: white;
  line-height: 1.5;
  font-size: 14pt;
  padding: 5px; }

.q-action-wrapper {
  background-image: url(/imgs/logo-bg5.png);
  position: fixed;
  bottom: 0px;
  z-index: 1000;
  padding: 5px;
  text-align: center;
  color: white; }

/*END:TODAY*/
/*START:SIDE MENU*/
nav.sidebar-nav {
  width: 100%; }

.sidebar-nav {
  width: 100%; }

.sidebar-nav ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.sidebar-nav .metismenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.sidebar-nav .metismenu .active {
  border-style: solid; }

.sidebar-nav .metismenu li + li {
  margin-top: 5px; }

.sidebar-nav .metismenu li:first-child {
  margin-top: 5px; }

.sidebar-nav .metismenu li:last-child {
  margin-bottom: 5px; }

.sidebar-nav .metismenu > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative; }

.sidebar-nav .metismenu a {
  position: relative;
  display: block;
  padding: 10px 5px;
  outline-width: 0;
  transition: all .3s ease-out; }

.sidebar-nav .metismenu ul a {
  padding: 8px 15px 8px 10px; }

.sidebar-nav .metismenu ul ul a {
  padding: 10px 15px 10px 45px; }

.sidebar-nav .metismenu a:hover, .sidebar-nav .metismenu a:focus, .sidebar-nav .metismenu a:active {
  text-decoration: none; }

.sidebar-nav .metismenu .nav-second-level {
  padding-right: 12px; }

.sidemenu-icon {
  margin: 0px 5px 0px 5px;
  width: 20px;
  text-align: center; }

/*END:SIDE MENU*/
/*START:SITE MAP*/
.sitemap-wrapper {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 15px; }

.sitemap-fixed {
  position: fixed;
  top: 41px;
  left: 0px;
  margin-right: 230px;
  z-index: 100;
  width: 100%;
  right: 0px; }

/*END:SITE MAP*/
/*START:LOGIN PAGE*/
.login-wrapper {
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); }

.login-wrapper button {
  width: 100% !important; }

.login-logo {
  background-image: url(/imgs/logo-c.png);
  background-position-x: center;
  background-repeat: no-repeat;
  width: 132px;
  height: 133px;
  position: relative;
  margin: -84px auto 0px auto; }

.login-bg {
  background-image: url("/imgs/login-bg.png");
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: center;
  background-size: contain;
  opacity: 0.2; }

/*END:LOGIN PAGE*/
/*START:FORM*/
.field-validation-error {
  color: red; }

.input-validation-error, .input-validation-error:focus {
  border: 1px solid #fa7f7f; }

.input-validation-error:focus {
  background-clip: border-box;
  box-shadow: 0 0 0 0.2rem #fed2d2; }

input[type=text] {
  font-size: 10pt !important; }

label.form-check-box, label.form-radio-button {
  margin-bottom: 0px !important; }

input[type=checkbox].form-check-box, input[type=radio].form-radio-button {
  margin: 0px 0px; }

div.form-section-title {
  margin-top: 10px;
  border-radius: 5px;
  padding: 8px;
  display: table-cell; }

hr.form-section-title {
  margin: 5px 0px 20px 0px; }

/*Custom Check Box  */
.option-check-box, .option-check-box-checked, .option-box, .option-box-checked {
  padding: 7px;
  cursor: pointer;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid; }

.option-check-box-checked:before, .option-radio-checked:before, .option-box-checked:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 10px;
  color: white;
  padding-right: 0.5em;
  position: absolute;
  font-weight: 600; }

.option-check-box-checked {
  position: relative;
  transition: all ease-in 200ms; }

.option-check-box-checked:before {
  top: 1px;
  left: 2px; }

/*Custom Radio*/
.option-radio, .option-radio-checked {
  padding: 7px;
  cursor: pointer;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid; }

.option-radio-checked {
  position: relative;
  transition: all ease-in 200ms; }

.option-radio-checked:before {
  top: 2px;
  left: 2px; }

/* Option Box*/
.option-box-checked {
  position: relative;
  transition: all ease-in 200ms; }

.option-box-checked:before {
  top: 1px;
  left: 2px; }

/*END:FORM*/
/*START:MSGBOX*/
.msgbox-header, .msgbox-footer {
  padding: .4rem !important; }

.msgbox-footer {
  justify-content: center; }

/*END:MSGBOX*/
/*START:GENERIC*/
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal; }

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

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

.pad-10 {
  padding: 10px; }

.vertical-center, .v-center {
  min-height: 100%;
  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh;
  /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center; }

/*END:GENERIC*/
/*START:BUTTONS*/
.btn {
  line-height: 100%;
  border: none !important;
  color: #fff; }

.btn-circle {
  min-width: unset !important;
  width: 35px;
  height: 35px;
  border-radius: 17.5px; }

.btn-info {
  background-color: #6dc3f5 !important; }

.btn-info:hover, .btn-info:active, .btn-info:focus {
  background-color: #50b2ea !important; }

.btn-primary {
  background-color: #389fe8 !important; }

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: #108ae0 !important; }

.btn-secondary {
  background-color: #b5b5b5 !important; }

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  background-color: #a5a5a5 !important; }

.btn-success {
  background-color: #68ca7e !important; }

.btn-success:hover, .btn-success:active, .btn-success:focus {
  background-color: #56bf6e !important; }

.btn-danger {
  background-color: #fa7f7f !important; }

.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
  background-color: #eb6363 !important; }

.btn-warning {
  background-color: #f8ac59; }

.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
  color: #fff !important;
  background-color: #fb9d35 !important; }

.btn-orange {
  background-color: #f6824f; }

.btn-orange:hover, .btn-orange:active, .btn-orange:focus {
  background-color: #f57239; }

/*END:BUTTONS*/
/*START:TEXT*/
.text-info {
  color: #50b2ea !important; }

.text-primary {
  color: #389fe8 !important; }

.text-secondary {
  color: #797979 !important; }

.text-success {
  color: #56bf6e !important; }

.text-danger {
  color: #fa7f7f !important; }

.text-warning {
  color: #fb9d35 !important; }

/*Full Customized*/
.text-orange {
  color: #f57239 !important; }

/*END:TEXT*/
.panel-info, .panel-primary, .panel-secondary, .panel-success, .panel-danger, .panel-warning, .panel-orange {
  border-radius: 2px;
  padding: 5px 5px;
  color: white; }

.panel-info {
  background-color: #5ab6eb; }

.panel-primary {
  background-color: #389fe8; }

.panel-secondary {
  background-color: #bebebe; }

.panel-success {
  background-color: #68ca7e; }

.panel-danger {
  background-color: #fa7f7f; }

.panel-warning {
  background-color: #f8ac59; }

.panel-orange {
  background-color: #f6824f; }

/*center boostrap columns with odd col for example col-md-5 */
.col-center {
  float: none;
  margin: 0 auto; }

table.striped tr:nth-child(even) {
  background-color: #f2f2f2; }

/*Custom Date Time Helper Style*/
.datepicker-wrapper {
  padding: 0px 10px; }

.datepicker-wrapper .date-form-group {
  padding-right: 5px;
  padding-left: 5px; }

@media (max-width: 768px) {
  .datepicker-wrapper .date-form-group {
    margin-bottom: 1rem; } }

.date-form-group {
  display: grid; }

table.grid {
  border-radius: 5px;
  border-collapse: collapse;
  width: 100%; }

table.grid tr {
  /*display:flex !important;*/ }

table.grid td, table.grid th {
  border-top: 1px solid #dee1e4;
  border-right: 1px solid #dee1e4;
  border-collapse: collapse;
  vertical-align: middle;
  padding: 5px;
  height: 35px;
  min-height: 35px; }

table.grid th {
  height: 40px; }

table.grid tr:last-child td {
  border-bottom: 1px solid #dee1e4; }

table.grid tr td:last-child, table.grid tr th:last-child {
  border-left: 1px solid #dee1e4;
  /*any other style*/ }

table.grid th {
  background-color: #ebebeb; }

table.grid tr:nth-child(even) {
  background-color: #f2f2f2; }

table.grid div, table.grid table, table.grid table td {
  border: none !important; }

input.grid-50, input.grid-75, input.grid-100, input.grid-125 {
  text-align: center;
  margin: auto; }

input.grid-50 {
  width: 50px; }

input.grid-75 {
  width: 75px; }

input.grid-100 {
  width: 100px; }

input.grid-125 {
  width: 125px; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ced4da !important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  outline: none; }

.select2-search__field {
  background-color: none;
  border: 1px solid #ced4da !important; }

.select2-results {
  border: none !important; }

.select2-results__options {
  border: none !important; }

.select2-dropdown {
  border-color: #ced4da !important;
  border-top: none !important; }