*,*:focus,*:hover {
    outline: none;
}

html { scroll-behavior: smooth; }
/*spaces*/
.white-space-one { height: 10px; }
.white-space-two {  height: 15px; }
.white-space-three { height: 20px; }
.white-space-four { height: 25px; }
.white-space-five { height: 30px; }
.white-space-six { height: 35px; }
.white-space-seven {
  height: 40px;
  display: none; }
.white-space-eighth { height: 60px; }
.white-space-nine { height: 100px; }
.white-space-ten { height: 120px; }
.white-space-eleven { height: 150px; }
.white-space-twelve { height: 200px; }
.white-space-thirteen { height: 300px; }
.white-space-fourteen { height: 350px; }

/*Resize*/
.void-resize {
  resize: none;
  height: auto; }
.void-resize-large {
  resize: none;
  height: auto; }

/*hover*/
.cofchoice:hover {
  background-color: #F8FF19;
}

/*position*/
.center {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto; }
.center-page {
  margin: auto;
  width: 60%;
  padding: 10px; }
.center-wpage {
  margin: auto;
  width: 100%;
  padding: 10px; }

/*Pointe*/
.alias {cursor: alias;}
.all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.context-menu {cursor: context-menu;}
.col-resize {cursor: col-resize;}
.copy {cursor: copy;}
.crosshair {cursor: crosshair;}
.default {cursor: default;}
.e-resize {cursor: e-resize;}
.ew-resize {cursor: ew-resize;}
.grab {cursor: -webkit-grab; cursor: grab;}
.grabbing {cursor: -webkit-grabbing; cursor: grabbing;}
.help {cursor: help;}
.move {cursor: move;}
.n-resize {cursor: n-resize;}
.ne-resize {cursor: ne-resize;}
.nesw-resize {cursor: nesw-resize;}
.ns-resize {cursor: ns-resize;}
.nw-resize {cursor: nw-resize;}
.nwse-resize {cursor: nwse-resize;}
.no-drop {cursor: no-drop;}
.none {cursor: none;}
.not-allowed {cursor: not-allowed;}
.pointer {cursor: pointer;}
.progress {cursor: progress;}
.row-resize {cursor: row-resize;}
.s-resize {cursor: s-resize;}
.se-resize {cursor: se-resize;}
.sw-resize {cursor: sw-resize;}
.text {cursor: text;}
.url {cursor: url(myBall.cur),auto;}
.w-resize {cursor: w-resize;}
.wait {cursor: wait;}
.zoom-in {cursor: zoom-in;}
.zoom-out {cursor: zoom-out;}


/*Custom Col*/
.col-lg-custom1 {
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;
  margin-right: 35px; }


/*display*/
.hidden { display: none; }

/*custom backcolor*/
.bg-custom-one { background-color: #c10000 !important; }
.bg-custom-one-trans { background-color: rgba(193, 0, 0, 0.2); }
.bg-custom-two { background-color: #f8f8f8 !important; }
.bg-custom-three { background-color: #D5D5D5 !important; }
/*For ISS Status*/
/*New*/
.bg-custom-four { background-color: #21AB00 !important; }
/*Pending*/
.bg-custom-five { background-color: #FFE200 !important; }
/*Email*/
.bg-custom-six { background-color: #00AAFF !important; }
/*Close*/
.bg-custom-seven { background-color: #FF2A2A !important; }
/*Seen*/
.bg-custom-eighth { background-color: #DBDBDB !important; }
/*Close na pwedeng replyan*/
.bg-custom-nine { background-color: #FF2A2A !important; }
/*Overdue (exclusive for ISS CEN)*/
.bg-custom-ten { background-color: #FF2A2A !important; }
.bg-custom-eleven {  background-color: #70ED00 !important; }
/*Admin Panel*/
.bg-custom-twelve { background-color: #FFE44A !important; }
/*with Image*/
.bg-custom-thirteen { background-image: url("../../img/resc/general/bg.jpg"); }

.bg-custom-fourteen { background-color: #F2FF60 !important; }
.bg-custom-fifthteen { 
  background: linear-gradient(-45deg, #ee7752, #FD86B4, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  animation: gradientBG 15s ease infinite;
}

.bg-custom-report {
  background-image: linear-gradient(white, #fecd08);
}

@keyframes gradientBG {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/*Button*/
.btn-custom {
  display: inline-block;
  margin: 0 5px;
  border-radius: 6px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  padding: 12px 12px;
  border: 0;
  background: #34495E;
  color: #FFF;
  cursor: pointer;
  outline: 0;
}
.btn-custom:hover { background: #005580;  }
.btn-custom-one { background: #3498db; }
.btn-custom-one:hover { background: #5dade2; }
.btn-custom-two { background: #388e3c; }
.btn-custom-two:hover { background: #40ad45; }

/*font size*/
.font-custom-one { font-size: 30px; }
.font-custom-two { font-size: 25px; }
.font-custom-three { font-size: 20px; }
.font-custom-four { font-size: 15px; }
.font-custom-four-half { font-size: 15px; }
.font-custom-five { font-size: 10px; }
.font-custom-six { font-size: 7px; }
.font-custom-seven { font-size: 0px; visibility: hidden; opacity: 0.5 }
.font-custom-reporttitle {
  font-size: 70px;
  font-weight: bold;
  letter-spacing: 1px;
}
.font-custom-reportsubtitle {
  font-size: 60px;
  font-weight: bold;
  letter-spacing: 1px;
}
.capitalize { text-transform: capitalize; }
.centralize-text { text-align: center; }
.caplock { text-transform: uppercase; }
/*font-style*/
.normalize {
  text-decoration: none;
  color: inherit; }
/*Forms*/
.rounded-form {
  border-radius: 2em !important;
  height: 2.5em !important; }
/*media queries*/
/*big screen*/
@media (min-width: 640px) and (min-height: 360px) {
  /*Search Engine*/
  .se-m { display: none; }
  .se-web { display: block; }
}
/*mobile phones*/
@media (max-width: 576px) {
  .navbar-text { visibility: hidden; }
  .navbar { height: 50px; }
  .calendarview { visibility: hidden; }
  .storeuseweb { visibility: hidden; }
  .pcvweb { visibility: hidden; }
  .assetdbasetable { visibility: hidden; }
  .umweb { visibility: hidden; }
  .devweb { visibility: hidden; }
  /*Search Engine*/
  .se-m { display: block; }
  .se-web { display: none; }
}

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #efefef; }
.autocomplete-suggestions strong { font-weight: bold; color: #141414; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }
.searchSpan {
  font-size: 20px;
  float: right;
  margin-right: 30px;
  position: relative;
  margin-top: -35px;
  display:inline-block;
  z-index: 2;
}

.overlayIdle {
  opacity:    0.5; 
  background: #000; 
  width:      100%;
  height:     100%; 
  z-index:    10;
  top:        0; 
  left:       0; 
  position:   fixed;
  z-index: 999;
}
.overlayIdletxt {
  width:      100%;
  height:     100%; 
  z-index:    10;
  top:        0; 
  left:       0; 
  position:   fixed;
  z-index: 999;
}

.notAvailtxt {
    line-height: 90px;
    text-align: center;
}

.floatingButtonWrap {
    display: block;
    position: fixed;
    bottom: 45px;
    right: 45px;
    z-index: 500;
}

.floatingButtonInner {
    position: relative;
}

.floatingButton {
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    background: -webkit-linear-gradient(45deg, #8769a9, #507cb3);
    background: -o-linear-gradient(45deg, #8769a9, #507cb3);
    background: linear-gradient(45deg, #8769a9, #507cb3);
    color: #fff;
    line-height: 50px;
    position: absolute;
    border-radius: 50% 50%;
    bottom: 0px;
    right: 0px;
    border: 5px solid #b2bedc;
    /* opacity: 0.3; */
    opacity: 1;
    transition: all 0.4s;
}

.floatingButton .fa {
    font-size: 15px !important;
}

.floatingButton.open,
.floatingButton:hover,
.floatingButton:focus,
.floatingButton:active {
    opacity: 1;
    color: #fff;
}


.floatingButton .fa {
    transform: rotate(0deg);
    transition: all 0.4s;
}

.floatingButton.open .fa {
    transform: rotate(270deg);
}

.floatingMenu {
    position: absolute;
    bottom: 60px;
    right: 0px;
    /* width: 200px; */
    display: none;
}

.floatingMenu li {
    width: 100%;
    float: right;
    list-style: none;
    text-align: right;
    margin-bottom: 5px;
}

.floatingMenu li a {
    padding: 8px 15px;
    display: inline-block;
    background: #ccd7f5;
    color: #6077b0;
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.4s;
    border-radius: 25px;
    /* -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22); */
    -webkit-box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5);
    box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5);
}

.floatingMenu li a:hover {
    margin-right: 10px;
    text-decoration: none;
}


.dropdown-toggle::after {
  display: none;
}

/*scroller*/
html::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 233, 96, 0.1);
  background-color: #F5F5F5; }
html::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5; }
html::-webkit-scrollbar-thumb { background-color: #000000; }

.modal::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 233, 96, 0.1);
  background-color: #F5F5F5; }
.modal::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5; }
.modal::-webkit-scrollbar-thumb { background-color: #000000; }


/*Seasonal*/
.jose-mary {
  position: relative;
  width: 200px;
  height: 300px;
  top: -200px;
  /*padding-right: 100px;*/
  -webkit-transform:rotate(20deg);
   -moz-transform:rotate(20deg);
   -o-transform:rotate(20deg); 
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
.dp {
  position: relative;
  width: 50%; }

.image {
  opacity: 1;
  display: block;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.dp:hover .image {  opacity: 0.3; }
.dp:hover .middle { opacity: 1; }

.report-h1 {
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Saira Extra Condensed',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
  font-size: 4rem;
}
.report-subh1 {
  text-align animated fadeInDown delay-1s" style="text-transform: uppercase;font-weight: 500;font-family: 'Saira Extra Condensed',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
  font-size: 1.5rem;
}

.applist {
  overflow-y: auto;
  max-height: 250px;
}


.applist::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 233, 96, 0.1);
  background-color: #373737; }
.applist::-webkit-scrollbar {
  width: 6px;
  background-color: #373737; }
.applist::-webkit-scrollbar-thumb { background-color: #000000; }

.col-print-1 {width:8%;  }
.col-print-2 {width:16%; }
.col-print-3 {width:25%; }
.col-print-4 {width:33%; }
.col-print-5 {width:42%; }
.col-print-6 {width:50%; }
.col-print-7 {width:58%; }
.col-print-8 {width:66%; }
.col-print-9 {width:75%; }
.col-print-10{width:83%; }
.col-print-11{width:92%; }
.col-print-12{width:100%; }