/*Default Font Size*/
/*Side Menu Width*/
/*Dashboard Widget*/
@font-face {
  font-family: 'awesome';
  src: url("/lib/fontawesome/fonts/fontawesome-webfont.ttf"); }

@font-face {
  font-family: 'hb';
  src: url("/fonts/HelveticaW23.ttf"); }

html, body {
  font-size: 10pt !important; }

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

.notification-center-label {
  width: 32px;
  height: 18px;
  background-color: #fb9d35 !important;
  float: left;
  line-height: 1.4;
  border: solid 1px #fffbfb;
  border-radius: 2px; }

/*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:hover {
  opacity: .8;
  transition: all ease-in 250ms; }

.theme-blue {
  background-color: #4ea4d7;
  background: linear-gradient(180deg, #70cafd 70%, #47b2ef 30%);
  transition: all ease-in 250ms; }

.theme-gray {
  background-color: #b6b6b6;
  background: linear-gradient(180deg, #c3c3c3 70%, #b6b6b6 30%);
  transition: all ease-in 250ms; }

.theme-green {
  background-color: #3bba88;
  background: linear-gradient(180deg, #50c396 70%, #3bba88 30%);
  transition: all ease-in 250ms; }

.theme-red {
  background-color: #e25959;
  background: linear-gradient(180deg, #e56a6a 70%, #e25959 30%);
  transition: all ease-in 250ms; }

.theme-pink {
  background-color: #e185ef;
  background: linear-gradient(180deg, #e89af3 70%, #e185ef 30%);
  transition: all ease-in 250ms; }

.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: 34px; } }

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

.content-wrapper {
  margin-bottom: 50px;
  min-height: 100vh; }

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

.tab-content {
  padding: 10px;
  border: 1px solid #ebeaea;
  border-top: none;
  background-color: white;
  border-radius: 3px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px; }

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

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

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

.smooth-trans-v {
  animation: kf-smooth-trans-v 1s;
  -moz-animation: kf-smooth-trans-v 1s;
  /* Firefox */
  -webkit-animation: kf-smooth-trans-v 1s;
  /*Safari and Chrome*/
  -o-animation: kf-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; }

a {
  cursor: pointer; }

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

/*START:HEADER&FOOTER*/
.header-wrapper, .footer-wrapper {
  padding: 8px;
  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;
  height: 35px; }

.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/logo-bg5.png);
  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; }

.font-size-sm {
  font-size: 8pt; }

.font-size-md {
  font-size: 9pt; }

.font-size-lg {
  font-size: 10pt; }

.font-size-x {
  font-size: 11pt; }

.font-size-2x {
  font-size: 12pt; }

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

/*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: 10px; }

.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);
  background-color: #ffffff; }

.login-wrapper button {
  width: 100% !important;
  background-color: #7ea81a !important; }

.login-input {
  padding: 5px 20px 5px 20px !important;
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
  outline: none !important;
  color: gray !important; }

.login-wrapper label {
  color: gray !important; }

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

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

body.login {
  background-image: url(/imgs/map.png) !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover !important;
  background-attachment: fixed;
  background-color: white !important; }

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

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

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

input[type=text], textarea {
  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 10px 0px; }

/*Custom Check Box  */
.option-check-box, .option-check-box-checked, .option-box, .option-box-checked {
  padding: 6px;
  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: "awesome";
  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;
  transition: all ease-in 250ms; }

.btn-30 {
  min-width: unset !important;
  width: 30px; }

.btn-60 {
  min-width: unset !important;
  width: 60px; }

.btn-90 {
  min-width: unset !important;
  width: 90px; }

.btn-120 {
  min-width: unset !important;
  width: 120px; }

.btn-80 {
  min-width: unset !important;
  width: 80px !important; }

.btn-auto-w {
  min-width: unset !important; }

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

.btn-info {
  /*background-color: #6dc3f5 !important;*/
  background: linear-gradient(60deg, #6dc3f5 50%, #7bcfff 50%) !important; }

.btn-info:hover, .btn-info:active, .btn-info:focus {
  /*background-color: #50b2ea !important;*/
  opacity: .8;
  transition: all ease-in 250ms; }

.btn-primary {
  /*background-color: #389fe8 !important;*/
  background: linear-gradient(60deg, #389fe8 50%, #53b1f5 50%) !important; }

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  /*background-color: #108ae0 !important;*/
  opacity: .8;
  transition: all ease-in 250ms; }

.btn-secondary {
  /*background-color: #b5b5b5 !important;*/
  background: linear-gradient(60deg, #b5b5b5 50%, #c8c8c8 50%) !important; }

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  /*background-color: #a5a5a5 !important;*/
  opacity: .8;
  transition: all ease-in 250ms; }

.btn-secondary-light {
  /*background-color: #e2e2e2;*/
  background: linear-gradient(60deg, #e2e2e2 50%, #ececec 50%) !important;
  color: #565656 !important; }

.btn-secondary-light:hover, .btn-secondary-lighty:active, .btn-secondary-light:focus {
  /*background-color: #e9e9e9 !important;*/
  opacity: .8;
  transition: all ease-in 250ms; }

.btn-success {
  /*background-color: #68ca7e !important;*/
  background: linear-gradient(60deg, #3bba88 50%, #53ca9b 50%); }

.btn-success:hover, .btn-success:active, .btn-success:focus {
  /*background-color: #56bf6e !important;*/
  opacity: .8;
  transition: all ease-in 250ms; }

.btn-danger {
  /*background-color: #fa7f7f !important;*/
  background: linear-gradient(60deg, #ff6e6e 50%, #fd8989 50%); }

.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
  /*background-color: #eb6363 !important;*/
  opacity: .8;
  transition: all ease-in 250ms; }

.btn-warning {
  /*background-color: #f8ac59;*/
  background: linear-gradient(60deg, #f8ac59 50%, #ffc07b 50%); }

.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
  color: #fff !important;
  opacity: .8;
  transition: all ease-in 250ms;
  /*background-color: #fb9d35 !important;*/ }

.btn-orange {
  background-color: #f6824f;
  background: linear-gradient(60deg, #f6824f 50%, #ff905f 50%); }

.btn-orange:hover, .btn-orange:active, .btn-orange:focus {
  /*background-color: #f57239;*/
  opacity: .8;
  transition: all ease-in 250ms; }

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

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

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

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

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

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

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

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

.text-turquoise {
  color: #4dcee2; }

.text-spring {
  color: #7db327; }

.text-fushia {
  color: #e03997; }

.text-apricot {
  color: #ffb13b !important; }

.text-purple {
  color: #ca6ce8; }

/*END:TEXT*/
/*START: BG-COLOR*/
.bg-info {
  background-color: #5ab6eb !important; }

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

.bg-secondary {
  background-color: #bebebe !important; }

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

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

.bg-warning {
  background-color: #f8ac59 !important; }

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

.bg-secondary-light {
  background-color: #e2e2e2 !important;
  color: #565656 !important; }

.bg-secondary-extra-light {
  background-color: #f5f5f5 !important;
  color: #565656 !important; }

.bg-warning-advanced {
  background-color: #FFFF80 !important;
  color: #b58617 !important; }

/*END: BG-COLOR*/
/*START:Panel*/
.panel-info, .panel-primary, .panel-secondary, .panel-success, .panel-danger, .panel-warning, .panel-orange, .panel-secondary-light, .panel-secondary-extra-light, .panel-sub-title, .panel-light, .panel-warning-advanced, .panel-form-light {
  border-radius: 3px;
  padding: 3px 5px;
  color: white; }

/*Custom Panel*/
.panel-10 {
  width: 10px;
  height: 10px;
  margin: auto;
  border-radius: 2px; }

.panel-20 {
  width: 20px;
  height: 20px;
  margin: auto;
  border-radius: 2px; }

.panel-25 {
  width: 25px;
  height: 25px;
  margin: auto;
  border-radius: 2px; }

.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; }

.panel-secondary-light {
  background-color: #e2e2e2;
  color: #565656 !important; }

.panel-secondary-extra-light, .panel-sub-title {
  background-color: #f7f7f7;
  color: #565656 !important; }

.panel-light {
  background-color: #fdfdfd !important;
  border: 1px solid #ebeaea !important;
  color: #565656 !important; }

.panel-warning-advanced {
  background-color: #fdfdfd;
  color: #b58617 !important; }

.panel-form-light {
  background-color: #f9f9f9;
  color: #565656 !important;
  padding: 10px !important; }

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

table.data-table {
  border: 1px solid #dee2e6;
  border-radius: 5px;
  border-collapse: separate;
  border-spacing: 0; }

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

table.data-table th, table.data-table td {
  border-left: 1px solid #dee2e6;
  border-collapse: collapse;
  color: #707070; }

table.data-table th {
  color: black; }

table.data-table th, table.data-table thead, table.data-table tfoot {
  background-color: #efefef !important; }

table.data-table thead th {
  border-top: 0px solid gray !important;
  border-bottom: 0px solid gray !important; }

table.data-table tr td:last-child, table.data-table th:last-child {
  border-left: none !important; }

table.data-table tr:hover {
  background-color: #f1f1f1; }

/*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 tr td {
  color: #707070; }

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: 0px 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: #fbfbfb; }

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; }

/*START:SPINNER*/
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@media (min-width: 768px) {
  .spinner {
    left: calc( ( 50% - (230px /2) ) - (60px / 2)) !important; } }

.spinner {
  display: none;
  z-index: 100000;
  border: 10px solid #e2e2e2;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 1.5s linear infinite;
  border-radius: 50%;
  background-color: white;
  width: 60px;
  height: 60px;
  left: calc( 50% - 30px);
  top: calc( 50% - 30px);
  position: fixed; }

/*END:SPINNER*/
/*START:CHART*/
.widget {
  background-color: #fbfbfb;
  border: 1px solid #e9ecef;
  padding: 10px;
  border-radius: 2px;
  margin: 10px 0px;
  transition: all 250ms; }

.widget:hover {
  opacity: 0.7;
  transition: all 250ms; }

.widget-no-bg {
  background-color: white !important; }

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

.widget-lg {
  height: 375px !important; }

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

.widget-sm {
  height: 170px !important; }

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

.widget-digit, .widget-digit-xl {
  height: 64px !important;
  font-size: 64px;
  line-height: 64px; }

.widget-digit-lg {
  height: 50px !important;
  font-size: 50px;
  line-height: 50px; }

.widget-digit-md {
  height: 40px !important;
  font-size: 40px;
  line-height: 40px; }

.widget-digit-sm {
  height: 30px !important;
  font-size: 30px;
  line-height: 30px; }

.widget-digit-xs {
  height: 20px !important;
  font-size: 20px;
  line-height: 20px; }

.dashboard-table-digit {
  height: 16px !important;
  font-size: 16px;
  line-height: 16px; }

/*END:CHART */
/*START: DATA TABLE*/
.dt-buttons {
  display: none; }

/*END: DATA TABLE*/
/*Select2*/
.select2-container--default .select2-selection--multiple {
  border-color: #ced4da !important; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #ced4da !important;
  outline: 0; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4 !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 2px;
  margin-right: 4px !important;
  margin-top: 4px !important;
  padding: 2px 4px !important; }

.line-height-1 {
  line-height: 1 !important; }

.line-height-1-5 {
  line-height: 1.5; }

.line-height-2 {
  line-height: 2; }

.line-break {
  white-space: pre-line; }

.cmd {
  opacity: 1;
  transition: all ease-in 200ms; }

.cmd:hover {
  cursor: pointer;
  opacity: .8;
  transition: all ease-in 200ms; }

.scroll-top {
  bottom: 2px;
  left: 12px;
  display: none;
  width: 40px;
  height: 30px;
  overflow: hidden;
  position: fixed;
  text-decoration: none;
  z-index: 9000;
  font-size: 0;
  color: transparent;
  opacity: 0.7;
  border-radius: 2px;
  border: 2px solid white;
  transition: all ease-in .2s; }

.scroll-top:hover {
  opacity: 1;
  bottom: 4px;
  transition: all ease-in .2s; }

.scroll-top:after {
  color: #ffffff;
  content: '\f106';
  font-size: 16px;
  line-height: 22px;
  font-family: 'awesome';
  text-align: center;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.progress-bar {
  flex-direction: row !important;
  padding: 4px;
  text-align: center;
  border-radius: 2px; }

.progress-bar span {
  font-family: Lato !important;
  font-size: 11pt;
  font-weight: 900; }

.progress-bar-c {
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 2px; }

.modal-content-overflow {
  max-height: 400px;
  overflow: auto; }

.img-hover-effect {
  transition: all 0.3s ease-in 0s; }

.img-hover-effect:hover {
  transition: all 0.3s linear 0s;
  transform: scale(1.05); }

.min-w-25 {
  min-width: 25px;
  text-align: center; }

.modal-xl {
  min-width: 900px !important;
  width: 900px !important; }

.modal-2x {
  min-width: 1000px !important;
  width: 1000px !important; }

.dt-scroll {
  margin-bottom: 10px;
  height: 420px;
  overflow-y: auto;
  overflow-x: hidden; }

.bg-grid {
  background-image: repeating-linear-gradient(0deg, transparent, transparent 20px, #f5f5f5 20px, #f5f5f5 21px), repeating-linear-gradient(-90deg, transparent, transparent 20px, #f5f5f5 20px, #f5f5f5 21px);
  background-size: 21px 21px;
  border: 1px solid #f3f3f3 !important;
  border-left-width: 0px !important;
  border-top-width: 0px !important; }

.blinking {
  animation: blinking-animation 2s ease-in-out infinite; }

@keyframes blinking-animation {
  0% {
    opacity: 0; }
  25% {
    opacity: .5; }
  50% {
    opacity: 1; }
  75% {
    opacity: .5; }
  100% {
    opacity: 0; } }

.fix-top-menu {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  transition: all ease-in .4s; }

.burger-menu {
  display: none; }

@media (max-width: 768px) {
  .main-menu {
    display: none; }
  .burger-menu {
    display: block; } }

.burger-menu-icon {
  margin: 0px 15px; }

@keyframes fa-blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }

.fa-blink {
  -webkit-animation: fa-blink .75s linear infinite;
  -moz-animation: fa-blink .75s linear infinite;
  -ms-animation: fa-blink .75s linear infinite;
  -o-animation: fa-blink .75s linear infinite;
  animation: fa-blink .75s linear infinite; }