@font-face { font-family: Poppins; src: url('../fonts/Poppins-Light.ttf'); font-weight: 300; } 
@font-face { font-family: Poppins; src: url('../fonts/Poppins-Bold.ttf'); font-weight: 700; } 


body { font-family: 'Poppins'; src: url('../fonts/Poppins-Light.ttf'); font-weight: 300; font-size: 14px; color: #43505c; }
table, th, td { color: #43505c; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Poppins'; src: url('../fonts/Poppins-Bold.ttf'); font-weight: 700; }
b { font-weight: 600; }
body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

html {
  height: -webkit-fill-available;
}

main {
  display: flex;
  flex-wrap: nowrap;
  height: 100vh;
  height: -webkit-fill-available;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
}



.modal-dialog{
    overflow-y: initial !important
}



@media screen and (max-width: 768px) {
  .ajaxModal .modal-body{
      height: calc(100vh - 140px);
      overflow-y: auto;
  }

}

@media screen and (min-width: 768px)  {
  .ajaxModal .modal-body{
      height: calc(100vh - 300px);
      overflow-y: auto;
  }

}


.sidebar { width: 280px; }
.content { z-index: 900; }
.usermenuswitch { min-width: 280px; }
.usermenuswitchitem { white-space: normal; }

.h100px { height: 100px!important }
.h150px { height: 150px!important }
.h250px { height: 250px!important }
.h400px { height: 400px!important }
.w30px { width: 30px!important }

.flipright {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}


.text-blue { color: #0378C4!important; }
.bg-lightblue { background-color: #F2FCFF!important; }

.bg-1 { background-color: #D4AF37; }
.bg-2 { background-color: #A8A8A8; }
.bg-3 { background-color: #965A38; }
.bg-blue { background-color: #0378C4; }
.bg-orange { background-color: #e18219; }
.bg-silver { background-color: #dfe6e9; }
.bg-lightsilver { background-color: #eff2f4; }
.text-transparant { color: rgba(0, 0, 0, 0); }

.bg-lightbeam { background: linear-gradient(216deg, rgba(3 120 196) 0%, rgb(0, 202, 255) 100%); }
.bg-water { background: linear-gradient(125deg, rgb(3, 120, 196,0.9) 40%, rgba(0, 202, 255,0) 100%), url(/img/water.jpg); background-size: cover; background-position: center center;   }


.nav-scroll { white-space: nowrap; display:block!important; flex-wrap: nowrap; max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; border: 0; }
.nav-scroll li { display: inline-block }
.nav-pills-ws .nav-link.active { background: linear-gradient(267.41deg,#ff8a00,#eb5c1c)!important;border:1px solid #ff8a00; }
.nav-pills-ws .nav-link { background-color: transparent!important; border:1px solid white; margin-right: 4px; margin-bottom: 4px; }

.quicklinks > .active { background-color: #FFF; color:#333; border-radius: 10px; padding-left: 1px; padding-right: 1px; padding-top: 4px; padding-bottom: 4px; }
.quicklinks > .nonactive { color:#FFF; border-radius: 10px; padding-left: 1px; padding-right: 1px; padding-top: 4px; padding-bottom: 4px;  }


.btn-blue, nav-pills { background: linear-gradient(135deg, rgb(3 120 196) 0%, rgba(0, 202, 255) 150%); color:#FFF; border: 0; }
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .open .dropdown-toggle.btn-blue { background-color: #02629C; color:#FFF; border-color: #02629C; }
.btn-orange, nav-pills { background: linear-gradient(267.41deg,#ff8a00,#eb5c1c); color:#FFF; border: 0; }
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .open .dropdown-toggle.btn-orange { background-color: #CA7516; color:#FFF; border-color: #CA7516; }
.border-silver { border: 1px solid #ced4da!important; }
.td-fit { width: 1%; }
.rem100 { font-size: 1rem; }
.rem75 { font-size: 0.75rem; }
.rem85 { font-size: 0.85rem; }

/* .table tr,.table td { height: 50px; } */

.form-info { font-size: .875em; color: #6c757d!important; font-style: italic; }

.form-check-label { margin-top: 2px; }

.btn { border-radius: 40px; }
.form-floating { font-size: 16px; }
input, optgroup, select, textarea { font-size: 1rem!important; }
.btn-text-sm { font-size: 1rem!important; }
.table-striped tbody tr:nth-of-type(odd) { background-color: #fefefe; }
.vh-100 { min-height: 100vh; }
.btn-floating { height: 58px; border-radius: 5px!important; margin-left: 2px;}

.form-control.no-validate:valid {
    border-color: #ced4da;
    padding-right: .75rem;
    background: none;
}

.tableOrder {cursor: pointer;}
.pointer {cursor: pointer;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #0378C4; }
a, .page-link, .nav-link { color: #0378C4; }
a:hover, .page-link:hover, .nav-link:hover { color: #02629C; }

.page-item.active .page-link {
background-color: #0378C4;
border-color: #0378C4;
}

.multiselect { cursor: pointer; padding-left: 12px; }
.multiselectouter { padding-left: 0px; padding-right: 0px; }
.multiselectinner { padding: 10px; max-height: 250px; overflow-y: scroll; border-top: 1px solid #ced4da; border-bottom: 1px solid #ced4da; background: #f8f9fa; }

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}




.ui-autocomplete { z-index:2147483647; position: fixed; background-color: #F2FCFF; max-height: 210px; overflow-y: auto; overflow-x: hidden; }
.ui-menu-item { padding-bottom: 5px!important;  }
.ui-menu-item-wrapper { display: inline-block; width: 100%; padding: 10px!important; }
.ui-menu-item .ui-menu-item-wrapper.ui-state-active { background: #0378C4 !important; color: #ffffff !important; border: 1px solid #0378C4!important;  }
.ui-autocomplete-loading { background: white url("/img/spinner.gif") right 10px center no-repeat!important; background-size: 10px 10px!important; }

.menu2 { max-height: 100vh; }
.menuindicator { border-radius: 50%; width: 16px; height: 16px; padding-top: 1px; font-size: 10px; color: #000; text-align: center; display: inline-block; background: #fa911c; position: fixed; left: 45px; }



.main-icon {  color: #fff; }
.main-icon:hover {  color: #fff; }
.navver .nav-link:hover { color: #000!important; background-color: #F2FCFF!important; }
.navver .active:hover { color: #000!important; background-color: #FFF!important; }
.navver .active { color: #000!important; background-color: #FFF!important; }
.navver .nav-item .nav-link {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}


.btn-toggle:hover { color: #000!important; background-color: #F2FCFF!important; }
.btn-toggle-nav>li>a:hover { color: #000!important;  background-color: #F2FCFF!important; }
.btn-toggle-nav>li>a.active { color: #fff!important; background-color: #0378C4!important; }

.bi {
  vertical-align: -.125em;
  pointer-events: none;
  fill: currentColor;
}

.dropdown-toggle { outline: 0; }

.nav-flush .nav-link {
  border-radius: 0;
}

.btn-toggle {
  display: inline-flex;
  align-items: center;
  padding: .25rem .5rem;
  font-weight: 600;
  color: rgba(0, 0, 0, .65);
  background-color: transparent;
  border: 0;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(0, 0, 0, .85);
  background-color: #d2f4ea;
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(0, 0, 0, .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  display: inline-flex;
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
  text-decoration: none;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: #d2f4ea;
}

.scrollarea {
  overflow-y: auto;
}

.fw-semibold { font-weight: 600; }
.lh-tight { line-height: 1.25; }

.alert-fixed {
    position:fixed;
    bottom: 10px;
    left: 50%;
    width: 220px;
    margin-left: -100px;
    z-index:1055;
}

.blur {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
}

.text-blur {
  color: transparent;
  text-shadow: 0 0 8px #000;
}

.text-blur-white {
  color: transparent;
  text-shadow: 0 0 14px #FFF;
}

.text-blur-sm {
  color: transparent;
  text-shadow: 0 0 2px #999;
}

.wrapper{
  position: absolute;
  transform: translateX(-50%);
}

.spanner{
  position:absolute;


  display:block;
  text-align:center;
  color: #FFF;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index:2147483648;
  visibility: hidden;
}

.overlay{
  position: fixed;
	width: 100%;
	height: 100%;
  background: rgba(0,0,0,0.8);
  z-index:2147483648;
  visibility: hidden;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.show{
  visibility: visible;
}

.spanner, .overlay{
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.spanner.show, .overlay.show {
	opacity: 1
}

.rotate-x-fluid { max-width:100%; height:auto; }
.rotate-y-fluid { width:auto; height:100%; }




.query-builder, .query-builder * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



.query-builder .hide {
  display: none;
}

.query-builder .pull-right {
  float: right !important;
}

.query-builder .btn {
  text-transform: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.query-builder .btn.focus, .query-builder .btn:focus, .query-builder .btn:hover {
  color: #333;
  text-decoration: none;
}

.query-builder .btn.active, .query-builder .btn:active {
  background-image: none;
  outline: 0px none;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.125) inset;
}

.query-builder .btn-success {
  color: #FFF;
  background-color: #5CB85C;
  border-color: #4CAE4C;
}

.query-builder .btn-primary {
  color: #FFF;
  background-color: #337AB7;
  border-color: #2E6DA4;
}

.query-builder .btn-danger {
  color: #FFF;
  background-color: #D9534F;
  border-color: #D43F3A;
}

.query-builder .btn-success.active, .query-builder .btn-success.focus,
.query-builder .btn-success:active, .query-builder .btn-success:focus,
.query-builder .btn-success:hover {
  color: #FFF;
  background-color: #449D44;
  border-color: #398439;
}

.query-builder .btn-primary.active, .query-builder .btn-primary.focus,
.query-builder .btn-primary:active, .query-builder .btn-primary:focus,
.query-builder .btn-primary:hover {
  color: #FFF;
  background-color: #286090;
  border-color: #204D74;
}

.query-builder .btn-danger.active, .query-builder .btn-danger.focus,
.query-builder .btn-danger:active, .query-builder .btn-danger:focus,
.query-builder .btn-danger:hover {
  color: #FFF;
  background-color: #C9302C;
  border-color: #AC2925;
}

.query-builder .btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.query-builder .btn-group > .btn {
  position: relative;
  float: left;
}

.query-builder .btn-group > .btn:first-child {
  margin-left: 0px;
}

.query-builder .btn-group > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.query-builder .btn-group > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.query-builder .btn-group .btn + .btn, .query-builder .btn-group .btn + .btn-group,
.query-builder .btn-group .btn-group + .btn, .query-builder .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.query-builder .btn-xs, .query-builder .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}